{"maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"keywords":["material components","material design","accessibility","touch target"],"dist-tags":{"next":"4.0.0-alpha.0","nightly":"12.0.0-nightly.778a0e8a.0","latest":"14.0.0","canary":"15.0.0-canary.423edc3dc.0"},"description":"Touch target mixins and variables for Material Components for the web","readme":"","repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"license":"MIT","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"versions":{"4.0.0-alpha.0":{"name":"@material/touch-target","version":"4.0.0-alpha.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-alpha.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d0d3600d4f85f44423b5c4a4f55e19243f60f83b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-alpha.0.tgz","fileCount":6,"integrity":"sha512-AHtBvPXH3ShHjxGGRjpBVMSlNLBMKVqCw+CInGSgD5lkNzPiXrsZlY2DEWnGAIT/fBP+FkWHkcn4XJ1oRHqhaA==","signatures":[{"sig":"MEUCICodzrMSpLwosxdYgqWPA3amVqhsF+pmwbAuT49c6GYhAiEAqS2aKt9nOMxtwgVpm+ctjIK+AbOWQLQcs8H70WoyNWU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSz3yCRA9TVsSAnZWagAAvjoP/2P2/B30hx7HWl8d5+pX\ndqZbZfripCC9u8qmiP7b+qpLHB4gU1omWfFK7+VvEFKiLYhAaHsCgUV1+Ed6\naaxB8mRG7cYC5++BbQcsVLX+3o6FQKihbyyl9DbeQx/XlMQSMBTXsuAOSUzz\nRtH8EmD8lKNiAXLdm6rnf3ZeJJoVNnbfnkA1AiDFwmdRvbpjNotmIMqkSJU7\n5R9d2tDB0vl7KzAhmCNuKAEndc3Mt3RU3OI4L7UMb1XVJUmiaYTPi/DRXbaS\ngh+jvHSHhVO+R7zeKn9kc5k16zViuTt5pUbaYwf2gqlYR/4vyW1QPVf0F6RX\nkyEma7kGYJHmC0eNC7P7nJHEsUG0cwl89VQWjswW21ogfWJ6tbS65kTdngoq\nbIJRZNJtmOIzpF3+tpWUPcxOIj/2+t7EehhzrAAg6FMqkkXgWK/1kP5Daf3d\nNxcM5E25JQaYOvy05W0xyiioB7ZKsb9PR+MZcWynjVbQweOuUhTQpvlRJWGq\nDTBpKz+Z3IfrU8966nrZyYFlJY50+uuBIJhrdQqjbNKl6xa5EpMkuPB4EjNG\nE1m3T5+ruJQHDUA7wwaj7+h93ychQ0E4TvyIXaR5z4l2zWld0J3PhWWhbZbd\nKLMfvUsZg2BJh/9hhw1NvFS4XWzYEd0tH9bunSYXamGXYt4tdjNGc3b73qsO\nk5JP\r\n=GC9A\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"184b37f65b79a260f2835bd44e422dab2402d937","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"8.16.0","dependencies":{"@material/feature-targeting":"^4.0.0-alpha.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-alpha.0_1565212146269_0.1812730313001849","host":"s3://npm-registry-packages"}},"4.0.0-canary.0":{"name":"@material/touch-target","version":"4.0.0-canary.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d62a6a1378c192dfdec8f3d745cf02594fbe95f7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.0.tgz","fileCount":6,"integrity":"sha512-hp43gQPjimWROrUG5GcEFNvtDJjQCl5C5B3mcyd8V5BZNpaXRcLQYB1i20CmQjS0Uv03tbaiX/G0E5Bnhew82Q==","signatures":[{"sig":"MEQCIHXoFDcnlA+JXpj5DZbhP8sdZkbUP9EazA6bZlVUWJ3dAiBZA+PAQ5Sb4C64rRZFesLZdbvUUr+VVRVteoWgJXuB6Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13427,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcJEVCRA9TVsSAnZWagAA3/8P/RGgaUoi4vMup6Fi1Udl\nO8lbj2lS7bUmjMxAbP2Dnb9Eb79fGjSl4Yr6Ekhxvh1J4LnvGs3zev6Q8w7N\nLIikRy6GEtYFtpGRvQNa/qMnjr78u+jHuJ7FY97G/aq8o5f+s4LXiEo0FR5S\nALih7/bcmRNrcJmkXwG2fBmzRvVUNlAHZfTBJhKgY0/FArPyerrHFicfchNR\nvvvBD5CkYXfKncW/SO//DHufh6MQWKjbB4/Kt3k86Xnqflw6SwMZk9imZnmH\nodd9rrqqh+7LrBjTRyTVVq2k2pDNSWHH5zxlYx7ZDy4OLdJ7WzKyl4uHW01e\nYKhrLt7XbqDxj2JrNC1IYma5RakfAbFR+9IFsawHgI9cXJbghG/ldPG64fn+\neqW/eBXr4X0zxbqXhtj++iBnF7T/fzxLSv2K1RJrmxFoCpLylY1beXzpb0O6\nIvzfHStR0wceNxgDhhCwVDnmEVXVUD57mjhY7+89UD8YMFEhT6M/hQF5Wvwc\nXWrxMPKllvKqVg00UZFiKxJ/KB5onHlxu9Pjs6upegR07OWv+2IjmB0TTrl1\nW7toic9FZBiJM2tfbVki6HpCZpQKIi3Uk1y3uRpYJD551LFgtJL5k216oR7A\niC2kWWDN3mbRf34I5FKY3J3DlwKkTNd+9v+7X8iTTQhxcF/xXyMtj8XUnflX\noU4p\r\n=MFlo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<span>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</span>\n```\n\nNote that the wrapper `<span>` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a9e69493144f4246efe28a958126afc2fedebd60","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"8.16.0","dependencies":{"@material/feature-targeting":"^4.0.0-canary.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.0_1567658261281_0.6199108640396107","host":"s3://npm-registry-packages"}},"4.0.0-canary.1":{"name":"@material/touch-target","version":"4.0.0-canary.1","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.1","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff9a4d584eb666a71fe468043db45c2d79185b23","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.1.tgz","fileCount":6,"integrity":"sha512-yxWbeHbsi96YHUp5GFWdw//MsxRM3/weDZafQPlSUFqpvjUPEf+amTbx/lNT5A+hBsUv3Lqq1Bdl4ZQXH37t0Q==","signatures":[{"sig":"MEYCIQCeUZX98NZHuENQUuP23yHNwU9ZPmzLm1GugclgBlwy5wIhANKEUQi9o6F4QVRJl4EIBGep5ii+jnsl8zYv9VqR2hKe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15585,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJddrQRCRA9TVsSAnZWagAAVdkP/inRD/76+Vn4SI7WIrAg\noyXo3ZS1eF7LCHNJwC5LCtWg6a79L1ZygfXSPdsNst/BMF016Juzz7dqoVl7\nVErnf+LV2s3XtWHekBZpim+FVG0hWkmAyA1jseeQI1tOM3QbsPLNDTYvQEuQ\nQqU5vA6dYdbDDHwTSk3Fc2Ldg3zBfx1Evn28mmo/VyAA1kHMQBFipZoIeodI\nWPGWWrwzhRZKLrJTojxAIx0nQ8eicGQJ/VdR9O1XxOeSg1ghwhCS1WeIcHE3\nnT7iUoKcv0AkZW6xoXo89twK4b66heVdpALJbdIA8NSo8Q75xV/OXoMo2d35\nYywXzKek9sGbGr34EOb2UwmShjTNKT0OdK4oSFvNWyIckhZkb56pxWkHaQdu\nRb4sAB2dmtLS8PPOBm+ZgfgwrY+/jRgc8MKdZNqdBFDfdpFFboJxZDQbbi/D\nyo76HEJaJ/BZArRT8oQTg+/DnmMsgqCw1PpJpF0KpzEFLh7MmCGkWBD2fYvF\nFpw9vB/cS99M8DIPoj0wPTGaFotETGS0i50TA5LObVXimVOAxDrbF8pbv8II\n8BE86G6G/24VOOMOZEAqshp4gy5gTRNnq1Wo4L7BTaODjJJpnuIDq9MT6uH2\nwcbXldWX9nJd8zv2kBWFrF7SpN6pNFBkI5Pv2HsVPAPgs6ZmPi6CIrjFa7k/\nr6K6\r\n=OCe0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<span>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</span>\n```\n\nNote that the wrapper `<span>` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"edc72a4d7d6a61d61620fd05a80e2491e518bccf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"8.16.0","dependencies":{"@material/feature-targeting":"^4.0.0-canary.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.1_1568060432859_0.14238712096123485","host":"s3://npm-registry-packages"}},"4.0.0-canary.79d881baf.0":{"name":"@material/touch-target","version":"4.0.0-canary.79d881baf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.79d881baf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c40f134d256b8f165b9db32cee3ebf2988b6ed2a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.79d881baf.0.tgz","fileCount":6,"integrity":"sha512-+eiWCldT2C9AZE686aMcO1l9PSnAyZrl3Y8iqx7hfnWzs56dkYLh5auw4zKb3glOUlSo07gc/0bzdYFY0qeDkw==","signatures":[{"sig":"MEQCIFJRc3bUnQ/hEmQ2ucdvdUC8axG/anOJE8UE6bUVGPTlAiBJFHzl1WWpLjCDG6UU5ZG+uQA5yNATsvM6vQqEjrsKmQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdev0kCRA9TVsSAnZWagAAVgUP/0wQDVIjGFjuMD7WpRkL\nHyNUSxq4vkJVpZj6OGqvUmP4IhKT/q02KGy0oF+ChjA52uyConHGaILMamAn\nhwrnQowa6799psYWnMxcK9mB46SmWa+50nWPBqyVoLtU7W+BGqkvVCHJFPSO\nUTaIRgDxV9Z8MN8bEXTrX8xnzzY38W7djXaRQgwPDEzf/y252vjVKWfTvumh\nmRrkJeKclpdDDdes1qi5LQb4pXhHHv09scpK/Sx/ZdbltUMDFsW30r1Wgggi\nzenulzta+93myozNFKmuNwlDAz8XeQqDB/jkPSUHaqm3i8wlwFulyNq164Hd\nR+Iy17+byxQOnBerSymVFATH6odpf+Qbw1kruGGNJCldo1hWPspUG5GRqoTu\nKy58OZ2pXD3luPQcCmYvI0B32d+CJ+HIMj+wJbGHJxKvxjGmZ0UJJaOnCzmI\nODaHnJ4R+CwEuicYX78yExynVSci0cDaEEcNHU/tP50QPm/lBCgE58pTFkmF\npKI5QunV/K19MM6sFGQoboAHOsAESE3SltFhaipoZQuEmu+c8Xw/eUDFbt0p\nQtUdf2L7QemhJ2GfuG7PEqlpQbFCmODmIXlOHO4qT81Jlo1f/lJVRZTArtk4\nZVEf7b31YpL05jp8YL84eO/RorH+OnsntKrD22cljBMJGbcHYRV6v1K+Ijlq\n+lOX\r\n=xxnb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<span>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</span>\n```\n\nNote that the wrapper `<span>` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"756806a2389389441b5b3c130de02948130d96b9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v12.10.0+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"12.10.0","dependencies":{"@material/feature-targeting":"^4.0.0-canary.79d881baf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.79d881baf.0_1568341284239_0.2329160747785295","host":"s3://npm-registry-packages"}},"4.0.0-canary.e851d4f40.0":{"name":"@material/touch-target","version":"4.0.0-canary.e851d4f40.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.e851d4f40.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ebf711b5bdd0a97ec9fcb195eaca0d7d08179d9d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.e851d4f40.0.tgz","fileCount":6,"integrity":"sha512-uU+K1Xc07II6iHekQir1XxNlBI0yT0b5bMz0EhED5xmS7FMZCn5wCc3QEEBQru4vOwTtl3LhckVfbxiXYRz1aw==","signatures":[{"sig":"MEUCIFHttnwyLma85naWlpNtDTy9kf3v2Oeg791JTpFrzijLAiEA821rF00vqJLgAGrpEpl1oXjlvQdjVPr2Ly9CXyWlU6w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30977,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdexXsCRA9TVsSAnZWagAA3ugQAISCkr5DGpJ+kKlqGqsG\n3xBFJ4OZq6T3OkHdtxOwO0hP8wtFqbKy9JZlsDbJ2u204nuO4LJwJmIcyOm2\n1JQyqPI3VWso4f/CUn+PHIXF0YMFDT1glf2kWaaOBwB8aqb5bQNIkfgZbhFY\nLE3i04kledlHjyZK7IvudV3gFBNcqtgfluIYJDIqVLfw1uZRaCWpgo7Fmrfv\nfXRRGNoQxkoqDxnHk8Pn3MjB5isXRIFLcCtWKHs5WFZSlv6fYRcZdKiNNKaf\nznCqRMfQ2q5yS+4ZsDa3Ersdix3ZJ9TB5qRCedM8dteB48W+5eb9leyDmf0y\n9QzjaSujr4s1SzTL8uYGb9dCoYWxrAW2QV1KBLVUs4zCz/JtMlr/AbWQng0T\nl0kzirTEVQ53LojVosyr0flUNyccXY0ZkO+PdauY5AJF9TCJN+lv5lbM1oxj\n7hE0vzr1GgZbwQrxUdbJdAgGqDA652nhLB81O6HG0ETOq1jNHcYRtXzG4t9w\ntbnAPF9HZTZHwS1NIkelXZrR4NyONTWdQ/L7QDrmUEoS8jqqy631Lm7x4jKi\ngdgJDI7cTGP2Ei0eVtiWZB7v0hSeABO7l7HgTmKEVFEprHApmhrRpjhwXnJ3\n/oD53znJ6ze8xv5LLGsKVwV1v9pi2W+450fUNjOH+3wdef4h1DfFVgQ169GU\n018C\r\n=UDp3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<span>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</span>\n```\n\nNote that the wrapper `<span>` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"353401bd143fdc2b4a85abf330176228e21dfe13","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v12.10.0+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"12.10.0","dependencies":{"@material/feature-targeting":"^4.0.0-canary.e851d4f40.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.e851d4f40.0_1568347627382_0.436890185391861","host":"s3://npm-registry-packages"}},"4.0.0-canary.905884690.0":{"name":"@material/touch-target","version":"4.0.0-canary.905884690.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.905884690.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ded7295291a2bc04e452c80f8b45953d907bfef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.905884690.0.tgz","fileCount":6,"integrity":"sha512-x6KLkksnPWTXSFtpD26fND6Zd+r+nY2fWSn9Lgd8s3eN+nxH5GjsZloUE2dsMIU+VPluKVR4Ax+CYvyyPnxa7A==","signatures":[{"sig":"MEYCIQDTh6/8mD/fiUufRffiqL3cjXkiEg11jJrv3egygZuvugIhAI8k+ZkMwjZoOwr/Xr5X5a/yDVvUVSu1fiDSG3LAHXms","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgB8tCRA9TVsSAnZWagAAzp4P/iLXBbJBsEqp5EnwRqON\noIlA0O3omaH0LdtuKvz2R/PMGmKmEACID9Gy0eKK16Uv+6cmsbWgVSneoo5t\neUbHoG1zeBP2oJ636PgL+ajqMIRlKC5s1DvtNYisgKCsEWK4st/lZXpjn/vg\nsV2/EksutEj4PbX6IrNqTIRYoULl9rNl+93uImy46NOkk82+Za3NbXlIzkv+\npYrrZz4Sl36bdfzkG00mqIc8YaJHDOuoaeKObuQIi2QcappXsIyI6JScbhw4\nSteY389OWNaCGFXmtaOlmt5pbkHs54RoDGlDtqIedkPLZ0zlwwo/SXHQFKgH\nTSQsyhHS+P1oZL36kwCWhaVQyaq3qs8PdX+WVOBpJ/AgAuUhwQXgfMG7VN4x\nj7pOy4eXmCymxx3zF6GfY4DFeRUH9ZbQSc3KLVOjPakIgR2WtpyxsloQ3GAO\naO601INHzregbS2hjr7Kw1P8jB17+aAoRBlTWvsNeZ4z2SOPVuogdKr2D7xE\n+K7MNobqaWjiuBgli9CgFnN2u2jUklmjqpwtxtcaB9FFNHTwB/mXTjKHZzM4\nk6ronF869Tn/pN/DZwNALkgnBPaeJ/NB8T0K9tal7C9krlB5a/rwzSCcM1Yy\noOvFSVOlW7aU0LClE063it7Ez/0fqbJrqiBCCMxJSYpA0uNPI1EmgRob4orI\nWZL1\r\n=zwuR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<span>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</span>\n```\n\nNote that the wrapper `<span>` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"df7fbf65943b1227b1bf145a2774abe7710b1e30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@material/feature-targeting":"^4.0.0-canary.905884690.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.905884690.0_1568677676958_0.8190108105840315","host":"s3://npm-registry-packages"}},"4.0.0-canary.199534d61.0":{"name":"@material/touch-target","version":"4.0.0-canary.199534d61.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.199534d61.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cca6f9fa58c0405af900cf3df63f900e5dc32ed7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.199534d61.0.tgz","fileCount":6,"integrity":"sha512-0iB4wzTBiGP9rGx2BEwN2cs0AiEUp+s4FW3hvI7HY9K9/Eqsb7JVeMJe4dQT/GoaBZPKW3/zS/Ixb/gUeaYbAA==","signatures":[{"sig":"MEYCIQDIgTLWrBebsxJ2L0hg6A8GG0iQ/1j6fMiqqkcDaTxbLQIhAIA1eGRjq7jpesSya9twWpybha01aTKMV8g937Iemju9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33175,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjlujCRA9TVsSAnZWagAAhTYP/j+Mrq5V2tQdWZi1Go36\nutPwU2lVW1FOFc/UGTCZZWzrowZZ2McUSrP8Ye0p4HEhIyUBnm8zsU9NMm7n\nTPEzlJKWJCJxck9S787j8xJ9jnB8d6ZYf/C042wLMp+OaAkq66+eSeAMhf/t\nt0Zfxd2ZtSeh1gCZumiGD5H64DSDWLz1dZHU4L4vsp0Ogwi6XOUjWDyAVJus\nwij2Qe+q0Ab5AgyjDHv7Zxsho9ScuBC2VAIe/lKELMrC+AmCMB6iCsJ2iPMu\n1qGjpS63FoOUzMj/9teBD0ajFYFoTyTxZcmMoyLSobYaAh0L24oGP8j7ZZmL\n80O/4Yi7JtwPwgumNH4Jk2bh0+RD9LMcJ5ozefqq9QXvvk2RPt/b59RYH7Ow\nyBzMYRmDshoqdbG7LXlk0RxCqO1AzdNQjfY3l34RWlAAf9IbdMNCXBBt39ma\nhIQ95UmodgZLT1LYGbSpgNqwicEk3jl9hwmg1xyAET2rfPYiN2ZGjgKgWiH5\nJ1WypFCJfdgZ1+oNgBdereL3ebKdK2nrcjGM/IEMvsp5P+XbAgExxEgVdTcg\nYeC//3yprIjaPK7kPpz1Yz3FVO2fY80zrJxu59KExQVgR1NcHo31rX4sJvvk\nDhcRL6HGcOfJYU4dpoI3nc+pgf1k3aThjobcsMIOqxZh3OwJ9TLbyOQm9NS9\nuIv1\r\n=w2V2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<span>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</span>\n```\n\nNote that the wrapper `<span>` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c35810420b70c99e38a1438e1fd44e4bb84e21be","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@material/feature-targeting":"^4.0.0-canary.199534d61.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.199534d61.0_1569610657377_0.2529689523938319","host":"s3://npm-registry-packages"}},"4.0.0-canary.22d7ad2fb.0":{"name":"@material/touch-target","version":"4.0.0-canary.22d7ad2fb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.22d7ad2fb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"45ce47b06ccff8b80abbcc8132b91e5d5c1ce45f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.22d7ad2fb.0.tgz","fileCount":6,"integrity":"sha512-uVTqjpJHNXALcStZqhjjzxCIYSUEVYkRuUlaZLzwh4KKnbkIZ6uMkXcBKfFu3F3oq2E/3UZeHrfNBTQaXo5lcg==","signatures":[{"sig":"MEQCIAaCda+zgA/FSCM0+WdDlYYotHVvZg5kqB8vGX9QxkCYAiB4KrklcP1SOEZSb7F//VQhVLfaPo0mBXgM39uyV3im8g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34274,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdphZ/CRA9TVsSAnZWagAAruQP/0HAeZUSGn7pN5HGvkTX\ni0kiHpZhcJkY70RshJmbt7QJ222qpRqMTOSCCZ7W19HIRG/UL7dBTILKCXUw\nYUKs8O99rhH8O3UzDQc+orvNb/WoMkI+cwQXXn671BnhIP2zhzNShfxgiTeb\nwwB0CaptcG9XxW1x9wL76vr4T/kww5x80zCwQL/tL52j7HDGbgSS16kAR2qT\n4OiqLYP4sHBbd5x85/Xh2Ymn+NHqmqpBBsr+wq0Y9BG2AZWVqaCnP++q78Oo\nck6pdxz+FJrll7xCRNujx/AbQaQNW7UDjxyRh0RV13CcTSR4vx5uEkw3Lw1m\nZuf2u2AdCq0P/PMawksrirBgVSoGlhUZ05IDfJuTQxWRBcSS0UpVqZ1WjVXL\neOwjIWMiPzJbsnsQZ713BFCXzysYd6O0OYnjtY/4qVN3jjr+d7Fd44ZR/h92\nib6PHTmhNHbnaQozJ4y+sHb4H4oVIdN+y9Ixrnn1K93VwAkRT+MkPg+7+teG\n6M7Q4trkBXZfK0neMSGaA6EHVTrQcFD6iamcXxYfSswQvnYhtY1baciPhUFD\n9xgYQUpVRVwCIckDjIj7As0C6lj/+oI7Mm3pBWqQUWiL+W34Eu1b650GLzuD\nV79sr+Cwd51AJ1SzVfiXWULK7rU8RiGSoCRvfRWCX3Cs3J5qAEsY4dPfi/Ds\n9mOs\r\n=cHcF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<span>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</span>\n```\n\nNote that the wrapper `<span>` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bdc05bd56f8cbc11face1f0f2787fdb17f450fe3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@material/feature-targeting":"^4.0.0-canary.22d7ad2fb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.22d7ad2fb.0_1571165822666_0.9189514230069158","host":"s3://npm-registry-packages"}},"4.0.0-canary.735147131.0":{"name":"@material/touch-target","version":"4.0.0-canary.735147131.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.735147131.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1c4f63fa68a0088f1ed5876336332e45b56e4738","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.735147131.0.tgz","fileCount":7,"integrity":"sha512-4KqmMptN3LBjMLgR7R2VR7z7CcgmRcjRz8ADbVupfKur/FLtGmyiq6vUPuYyUFEf9OU64h9JvV3I58thMN/8Uw==","signatures":[{"sig":"MEYCIQCm4MlmOU1YJTiLjnQASUyn/kCopCvYSdsaED1s+3/q6QIhAMBBusV6UzR/ul5i9cP4f0xC9xqh7c2ncOFQxi9YPBMy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpnEKCRA9TVsSAnZWagAAre8P/0WV59En6+jyhj8TMCWk\nZQE2wOFTHCRFYU+jlGu8ATsUe42E6hEcWHPaTtSx0ziOqN2K7Q6fBQSkTI5Z\nLIWua9AnzDNdhnRIJZBpjpy5WZgearYq9A+xCyic5/eYBvRMZCtRqV8nS6BC\nMbA8KRgDp6KysYS/H0PhAaPesu1XC3n/7S7/u0Ee2n1QwtSVHvm7+iIIUWSI\n9oCwy8LtcJyTQhAksXC3g8gT6JVQ9YBbVfPESOgLmpTXhYz7TTM+vDj5SMuz\nmaxozMtB8BdI9aEPkiXadqtfJfUaItoihZIzcodfz+SKD9s48vXGWyBNvWdg\nRGPzAswZ7UUbosClUUxg2eVw5/FI/YIm++Lp6SfIWCz2XZZ62/QY7lt+SQAK\nfT0MsccdmjgXcN83826+cZ6kCyGBoWnOeZxL3fdZ4k40E2ljHy5V7m3m0n7/\n7o8xePc+cMTwaeQ2moQI9iCPvMr6XOzxaLneMRa0va0I9D8kNQeN78FDFYri\nVtBcun2CBMe8VTJk5fXw7WdM53CnFXNg9zNYPm1ddo9MbzltLjMyxtX2UnEi\nlIDi4BW1hhVgkcezQVf7cax5cwEs5vLNn4mDaG8pwZMXEqQVmERybjz3mhlH\nVt2qoG9rUEkKFCK/R6ZJ2bHvGm3uxqbfpCM+ikTNkKeLOUY3Wa/A0JMl2hBG\nPhNp\r\n=J4Qm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d7bebbe119e39bd973d398066f5601862aface5d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@material/feature-targeting":"4.0.0-canary.735147131.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.735147131.0_1571189002294_0.3541305599644702","host":"s3://npm-registry-packages"}},"4.0.0-canary.062ade5c0.0":{"name":"@material/touch-target","version":"4.0.0-canary.062ade5c0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.062ade5c0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1cf9056b1588ae5cd640735ba286b89154fb8759","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.062ade5c0.0.tgz","fileCount":7,"integrity":"sha512-KQ8cmXmMqrrf3wvxf2PwkJXgqb7xLiwXkjyLdZcmJ8tZEtzjAOR8XafSLcNLy2nIMeYsUiSy4nxetcpdnUc8JA==","signatures":[{"sig":"MEQCIGHnASTs/EKAXKbqS+gGoyhnYFBDB+B7kgFUug1hRN2ZAiASg8rNz8XBIhNxKoIm4qikA8KPn0BJevM7PyXxaMYqOg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp71lCRA9TVsSAnZWagAAHNkP/joMSwvNCtxw67skPPHf\ntKZ5SPIctOTImvKpCt6igAlZEj7RrLhWY+cvDGwQiQsw/AaNq7X23rN7g+Ew\nusf032I4vFY36KlcRBWsdemUOCo921JvgUPLzxtWLUO9WNDDj9u71vxFHS/e\nK6oA4prREDlvf7jwxqpy8E2E1Gql8bhbyXKrPMpUA/7NvVFSKT1AheFHJ9oy\ndjDUCJeJlpTSK49MbYUOKOclIelY1f9Cg496KzAvaRH8mwr8vdtUEp8XccHI\nlqNZbqXtpJq3B2YugSUSMed5pMYFA+qgo6ISTrjaQumVZT1BjxtR6ZyEVNiG\np674cwojYz6sGdpZ8xpAqh33gZl6Q9py9I65L+OnGUjbrBvpHk5azhuuKpaT\nHnZ0+ZE2gOCZQZcGWZWnuTsGHFUqytUoeiA2/jvH3xEyGQJYEt3eSPAReTR5\n/jzlCfFPzFHDdDLA4ExnIGjBp2GnRHbalYAttkKYYhKjz6MKKqjyDP4JEaTj\n+qLgsgWf03gpNvUy8bI2wJYQ5XHozJXKNPA5r1qqRnLErnciiCR38ijiK4wm\nKDhHpOQWfNsl8QsASQoJjqUGmFy8Ttu/5d9WacuO4oSOibXv8qN8QH1uA9JL\n9enCo2hseY5BLndODCwpIn7UISx4yd9e5ZwsxNaxBJDWAsskJCBqCqau2UKN\nRcz+\r\n=1JoW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e2025b4ba4d9837dcc1063934417df1eefaf29ec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@material/feature-targeting":"4.0.0-canary.062ade5c0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.062ade5c0.0_1571274084916_0.7220044625394746","host":"s3://npm-registry-packages"}},"4.0.0-canary.774ad4f8.0":{"name":"@material/touch-target","version":"4.0.0-canary.774ad4f8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.774ad4f8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6455a7ef77b325d36a1b4c073daa23e286668a23","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.774ad4f8.0.tgz","fileCount":7,"integrity":"sha512-1oCXGopcrIZ4yzUM6YNbNCFGKY7wO+8f7mXZ7qCf9cug0SSIBVgU5qrbMYUfP3fSMR0fUsGGLjRyWrWOMnt8IQ==","signatures":[{"sig":"MEUCIDb693YWI5lkEYtGsl6ejVNVB596USOA3/WU13sckRNxAiEA+hKj+p9tuoJhVFIlVlDW7KMTkB1DSIKxWOTHLmt1yHs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp+hACRA9TVsSAnZWagAAROQP/ROqVNYvyWYQMrDEUVvv\n3+HTU4C4cfInOKFOZPfHzGutcMrl8K4ixwigGvsjT2qw51EwNKdk+DoVEDpf\nXmYjMA3jXRoqz7KKuDwQ7B8QcDr6LbPgRKz7GO8UcKqEpsXwX4Kwf0EDh1CF\noyFsDTbgNM11Dyhgj4BI3bKAYNTPlQ4SYqJEUBknJdyH6vZ3htnaxc1lqMXq\n6FjR/8gFQcLENR6JR0rQO8u/xlGXS/1gRqN36A+d16EEkFdLw6TzlzMM6xLh\nRQgds0+D3XJi5mPjB9WypJB6Of3FwKGxsfOHFRy/J7AFMzYzwoMCLChNn8Jd\nMVPS8Dar6Sj4Eompqm0Yff+W9h0phBdbiYq61KeX4MQH59nYCmHD6APaDIXn\nAPvKjsykbqUye94gdZEpAt4aoEy6TqNWFbhIeEyCDP3BHn2EgkdKzOnYxwSm\n/7V/WHuGDWkslmc3tYIUxqDmrk/gbxi3XkyJbC0E3uuS32chvV41Jab4N9AB\nKBGkBrJ6clFkvTmhpedOpq6ssbrvCVcrvaMToP5oskmbDYko42LrTwnzfJ1k\n9LCKqwxeqpvieqpL5l/Rf+X6GXrNlOu5I1rHYEPKKEcwejbN3M9t8GWLXigu\nGuX7zUlMveExDEyV5lZCMz0H+ti388j8Rj01Cl3dL3xxGDXeoxFHdbsEaJjU\nq9hS\r\n=y8vh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"66607256fd6f9e4fe92319b094d8476583109bac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@material/feature-targeting":"4.0.0-canary.774ad4f8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.774ad4f8.0_1571285055541_0.5983479615177312","host":"s3://npm-registry-packages"}},"4.0.0-canary.5916d18c.0":{"name":"@material/touch-target","version":"4.0.0-canary.5916d18c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.5916d18c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2c39996e4ce40ee78f899836e81860f3503a3113","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.5916d18c.0.tgz","fileCount":7,"integrity":"sha512-50L8vbmlFxVvvLSFAau2qCCibqWGpDIyI7CB95N73c53zrS0oQxZXCh2APaRMfTrSxBDFPwLasC44YL8awY+/A==","signatures":[{"sig":"MEUCIEiyA4Pa4s4Hl0cQpm7+yAcFBGUD2cMFVwG/Up+0PvI3AiEA589nfOXsL5aqqQr9ejspzyAxY8FGBUpsNIQhngun+/o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqhu3CRA9TVsSAnZWagAAF9IQAIJddZpjQKl2qwFPo+hY\nZlbzlBQyt4/P+XGI0O331jvNYWRfKAzVSsQy6oWG0JUMbJFQnzuWBcOng7XN\n8bz1rnYuvjHs5CLOsp+CNiGaCxZ6LU3Odk2KdmgcIRarXhhRJt/eAI15tF58\nLgYQOE6G8aFTQeaQkLqeTFgycHQqrq4muDPfIDAzpqA84VSiiT3fyLWlzkGP\nDWAVFKpqG9zCC7XmSTcg9kql/DDmaY0q+pagKy6141yGaFIe9yNPz+eFevw3\nL3g1lRxvJQbEEfcgLWmmIxiyXzXdmZxDMZgZ+h1JUOCyZAv7p3lLAqdvgqVR\nfwMCxe8zKh5aM871OwHGINAZo+uEvK4mDROXeZbLINmPEmrowPgBFsnsvYrd\nZYbjL42+4DUQA9buwketxjmrfrN9fWZJeQkHbeGU86ZEJQosJOq/GysYRMVi\nFTbF5crfKQqbRKgS0e4X8sr+O2A3sjbmfnDckqEpi32tAJL8oGTg6H0/B2ax\nDh/W0fkHWMnbj1I1oKHn70gl6/T7thufpmL+owV8wBkBjda+6/2NeNTk5p6r\nfsSJDE7XVE6tortRwZIRgveuDZCK5b8gIV2uHcCEFEOtCMNURw0wgWD3+m1Y\nstelDfgIKmZm6+rH6SuTVcV1CCrGtOH8VV4n73kKPJ9M7Pnzz+Bf0SqQu979\nuAMG\r\n=9CVi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e3338b891c5ab3207ef8340a75490415e30e313a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@material/feature-targeting":"4.0.0-canary.5916d18c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.5916d18c.0_1571429302145_0.3746973257067603","host":"s3://npm-registry-packages"}},"4.0.0-canary.d4141c95.0":{"name":"@material/touch-target","version":"4.0.0-canary.d4141c95.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.d4141c95.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"721174a323aaeb77186f49902aed2b0fc7f97f9d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.d4141c95.0.tgz","fileCount":7,"integrity":"sha512-m3e6zD1GtpEEhZ4631X4EV0bTuyWSUFybc1A0bxXsxE/EGnzg3Kv1abTSWTAhic1lMFWv6YPPAvJ4dkZv6s4ag==","signatures":[{"sig":"MEQCIAZigBWfV+ndiFtwm7TYGI/3iRPupu40ljAUy6lBcIPZAiBfvJue/IdaNx3oejYSeoBeFeVFZ0fdzCI0JPW9tFm5Gw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsQB7CRA9TVsSAnZWagAAHTsP/1QL5tYvXH/mWnmlz8FU\nvqlBsaytuDXXlwP/DA1ljsCMsQnfa3y4VP2xpxVGRdFdI9SJQOILp5OgomdY\nxKycfAHptjnfbR1KmkJf5iwSKVmhKURquDGgFuYqKYG4N/ogDW5+3Il90Pxe\ng7csaVRi59wGFF+j66q/ACW2vDl8gUAsYSOCKKjF5FksqwglevP2QQHBEqgM\nSr2M/3HKogkshuleIfDgmuciVQblcwQGnW5Zx1O7KUfl8uhxwnoo2c7Q23hy\noRJqqCX1khCwzr+TLdzJZxdE5kGYtUpaWoBEMw7hXcoVRhpw6wvg/SBUnxZi\nm6v7Qoq1fY5lkP0ca4RbFkEJHtRG9LcbEG+c36uLF9rqKkaV0NjwGfRmlM0+\nwEzFFJY/Hh+P87YAe2OBYLYuz0K5rFrbRupbldGDpF2LVz54sbA2Ci/YCiYV\nVFk8pBUfWqifaPYjtOU0aPXbTANJLtcJrI9mVk2cftHQmHmFbU1OC6JnmkGy\nkwfDaI6NNQXKCYgAnbwHt/pm31mT6FmoB4B6xbUIwZE0LzVxn7cVuaAQBkxY\nqfgE9uTU0s0X/9MNrXSKh5GHm4QCqDY0Yo/xnYGv6IgJA4mnEI/HEasepRzG\nylA+AhXkFkLtpJwnJIp3lXGJxMcoZo+7HACDYvHWx7f5O1YVrUYsDnfyhxzq\nOHlC\r\n=ifdP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"10ba5eadec617b7fd2711c838dbbff788d6f209b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"4.0.0-canary.d4141c95.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.d4141c95.0_1571881083374_0.9555995775712844","host":"s3://npm-registry-packages"}},"4.0.0-canary.2b878b3e.0":{"name":"@material/touch-target","version":"4.0.0-canary.2b878b3e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.2b878b3e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8360552755acde6b5b151a36531178f3ae71b0df","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.2b878b3e.0.tgz","fileCount":7,"integrity":"sha512-jIIc0zMLbU76mOfwgKedkW4/giee7u/0RMRe7IGN8IFPFt8l/ryfx6p9tZ4cVmHKK/ZJsA8ICIJybcxrYsAONQ==","signatures":[{"sig":"MEUCIDXzMIDPV/YBEuLfW72dkD3MQmzLBRTh8GesjZL6UDH2AiEAhNEH8ocNAWhM/QA933X/xrw+UBM838LEVnx64HmWrcs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdslmVCRA9TVsSAnZWagAAXYIP/0aRN2HPD/uUnZjjSRIB\n3aHcylbXhAyfrFj0pqdt6hBA7l+jMTI9VXVaDeqIF+WCAPbNqS+iClQpPOGM\nd23ziDgStGgFGcGX9/n6/B8R5FDIt6fbLJ8q1T8UmWAZV6v5MktELeL1sivQ\nbMlXexum+rrvRMSCJmlOq4P57iTNNBOB1yYtq6uzh4ukWfoeLVApch3LRV1k\nkEHXJcnPG/Izhgsc/EKOU99vVAepnj9INgNpo1tMW3EO9t8mv553Fz1JSEmU\nzumza6SIalcO3CGiX+v9yKJ1hD8hofRA+iZlwAJzynQ1cTMdY5k8ehxkrYVB\nadpyEVcDx/uKWZd+9zSOAYbcPE/WSW/255mm+JCqmUIYhpfqk4xY1CGPdYTz\nq5Noy46cN8haAqxL+vjDenkPT4jyxBuxYnsSCc//2h8fJq4yoGJ8ObXUTFPH\nOt2qhbNchHfrCpg28hqoRYCtGyLnruqkTXeujA0NJKjf6TsTZhPBOs/0vjg7\nNXLnn46JSK1tZ+JeVfDCiPggvTQIQ8odQy1zUXCY6nT8SICGqVLFY46UVftY\nGWKZL85V91MG07VTgX+j3UDmzBO0ICM27lL/6FZ5EbYboH1/e6TU2cPM97gv\ntfZ1phpOBe17bYANOjSJpHM6kUWvtgVkYKVCPmoPAnfKVNXJrhLJVjtHOA6x\noqKw\r\n=ZMzL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"29ace6a085b0e37c6546b4613abba6356aa82430","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"4.0.0-canary.2b878b3e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.2b878b3e.0_1571969428613_0.12586559344396542","host":"s3://npm-registry-packages"}},"4.0.0-canary.b06c0efe.0":{"name":"@material/touch-target","version":"4.0.0-canary.b06c0efe.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.b06c0efe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"67e4ba02356335c546a18432baee06d68f31adab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.b06c0efe.0.tgz","fileCount":7,"integrity":"sha512-s8gybddcEYidd/4HVKX8JvA/R1LA+pd2CmoOhS3CH2A8ro9BubTqGvR+0t8FCNiaPzcM74EqYRES88QazdkxPQ==","signatures":[{"sig":"MEQCICTXmJ8RqGtJSYcDf6UxfnVWQUlxGF9X5s1zxSDX9LhVAiBizsK0zYEhi9h2ScKc/qNQN1+ZZPLUmyCNzoYJ9okZWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJds6LACRA9TVsSAnZWagAAgvQP/jamNt+ivkBam9iZ5+CA\nDp49/kA5jKBwiWDq6NZHAN35hQ1B0MtsW3072ptlzRiOvlXgviwlNhT8yC9h\nzp3dmQYe0h1GlzCFiDNzvvKcAQBIzoyqmc6Vk8rV0k7yGE1eCTzA54rLfB6X\nh6JCuOssKBxRYGRMZDcJ2sLUezw4fq9WJz0kBawwP+GPm3id2zIv/L0UTkPa\n8EG7WDljzqdbICR8fdbWhLapWt5pO3fjeAkzO0G9JHe8Y+/SOVQAifyQ9kq/\nZY626PCCwHqwybulY3Uv0Jpolpgyyt9aCDUcXX4HrJvsFUWHlhkH8ByNFujw\n8EqO3hekXXjQy1Cy3WZdSynCJuF0GkFZkJx94LHsb8iG54I4k+pJQEuTwb+j\nKFvYVdUHzpZi5Wjmogi6jBplOWgWXRJvDdAF27j1eKuQH5refrzofeEQMYOv\nCLCshxEzlf6gRd2dNd3zWrcdnloJaOWDxMg2LaZTClorRmxYm2xwCinLrbPx\n7yXw3ALL1jVTIFcqDHOTyu/jg0aW+s0KLYr1Kf9vrXgTlrjS3oANSlkGGfTe\nHh0Y0vhVNAqLqYgK8+a5S/uNKoCECR30+iIEd2Fc1agKe4wQVM6xezcJhDgU\n3uyvvOV6bg2w/F3ow25geffQIgBq1q/Hy+0B6lPBGGaifsj1ku48MB4KtZlR\n5jW+\r\n=e/Uo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"023500a209a10669d135ecd0a8f00995f84b135b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"4.0.0-canary.b06c0efe.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.b06c0efe.0_1572053696303_0.8235179312209042","host":"s3://npm-registry-packages"}},"4.0.0-canary.01628efa.0":{"name":"@material/touch-target","version":"4.0.0-canary.01628efa.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.01628efa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d657e97d02d0e659ef33caa45d38edff4cb67d2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.01628efa.0.tgz","fileCount":7,"integrity":"sha512-p1XwsYRh7a3Yz6gmtLSn5IJFfnjgIia7PdvfyKmElx4GbylCHSM3RpA4SGNBTvGC2k7xFP3f0a3WAQv1gI9Niw==","signatures":[{"sig":"MEYCIQDOipA064i57g9QMf0Ys8leCUm7ty8Zux/1FlcZfVipYQIhAKw+wivM1uSWKSu+uFkR8h6+K3NWpFc8AjjaUJQ1fN80","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9780,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt4GnCRA9TVsSAnZWagAA1cYP+wbep3Lig+HHsk68av2N\nzNJTk5lLX7LMzjTvPfemBZLViPdI5PSvAwNSs3eYZcfYToKzwNA6l/N3Eqk4\nTGIozagKnNt1BEt0KfxPwMvNUlVNW5yv8QTabALov3bac3C5hb7Z8aXWEN00\nWv92YASp+w5qgCkvYi8MM+s5L9HYrr8RI9vTv6cY0BMUFQVrlJEnQ6kGhjuK\nLSgazFsTR6EXaZl/hy6a6IHBhOXLrXjGZVW9bVTLT69yl34rp4PHYDIAjdtP\n43deqOP1XYBcLv1nExJ/pX1RgegcowMmwN/sLPxxh9mCjUggHxF2b9aCjeM8\nJHWCIrHFNOJARL2R9IObltRRro7CrpXKrTO41GCMDOWGBnUjJ3XvT+PRFr/D\nJL7tU3Hu4c3vGMq6oGvRN+mf6maW3O2bnPG7iQlrn8gsRGBsDUD/QBtv4DCq\nW+CR0nJfhoU23o1tcOGcBBWPAQId7Z1mwLHdcqGIbxnL1fscby/1VEMstDId\njPjxl9z7N2eGkWkPR8jFUcZWnBgWD86o2LTiET7sEukm2LpwlS6k+A69ZJDt\nG8+lrEN65pIqq41jSNLm0VYu52gXBQAAeyA4h/a26lpnCUtWG5MX7HAmqaQu\n8CoUPHPvW5yyV0KxBsRi7R/Coh85o7nZfcgSdhuDQC05abv7e0XiDfx0ufIY\nd9VY\r\n=c2pZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d736a6d7c49f31b52dc64101effcb7cb18ca6cc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"4.0.0-canary.01628efa.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.01628efa.0_1572307367498_0.5585254434790949","host":"s3://npm-registry-packages"}},"4.0.0-canary.b5c6d66b.0":{"name":"@material/touch-target","version":"4.0.0-canary.b5c6d66b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.b5c6d66b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"45619281e169b41cdd8dc5175b4c2a7979b14a74","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.b5c6d66b.0.tgz","fileCount":7,"integrity":"sha512-EY9CzLnQZpxFaH++aPpTKlrOtnus3Nejxklx0kLIirpPTfHIo56mBHb7b+6AZuva+U+PJCdOK2VHmad4wAo3Mw==","signatures":[{"sig":"MEUCIAFQQtwcUKnXLGoax1W6s65pddwD6ZJujosq/SBgMqk0AiEA+9Nu3R/7KvXf3UAT1VgXo9D8hajvsy+VDxdOY1AsZ8k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9667,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduH1OCRA9TVsSAnZWagAAy+EQAImaG/dLgfPGSRH07/sY\nKjStV52XBYO/vjaRr/hhwUTiNI7+3XMAqZksGkDuaIYCPUU23Rd4he+A+sRQ\ndP2WvwRk9i7Yx0fgu9UgVgI7oIJbll39zNVbabkYNTh5O2LY+rnskx6ANF+z\nloKGzXIOfNQWK5BenyCMuXfUJNxBpKrGGERpPInMpJKuvYGXzGgxHvrDq67t\nWdyvRxB81fzsITyVMI5gVirAgOl4Qc4R3ipEOC7JrwrMLpZ5KCE2SS/TzOuk\nenhe4TuVpp+qj9rAfUtfg4VMlfCOLzNcYiaVo24JgdkBFTRTXbHne1OYsqsN\nHG/rtN1YIlgdwrEq4pNZ263dyoR1x232PPubi1OHbJ41ETxzJZIHAX52twv3\n0vBx9gCMJUTYyUR9NSrCb39nwIpnxzIF+9RDAEm5Infdj5Ope/nQgj45UcqX\n6poBp4sT7LeD/G54clxeWgmo1kvoSJhWqTI/Xfd60izc3+Rm9fLf1G55/UOt\nPIf2qPG0aOgJN/2+CU1WT8pXyx8h/cydlqLu9S9yvJxpAjeM+AydtJ2mvVLr\nZpjr3N9CGtq15+ykfAKeNI/7Eq2mQiM+mU/JIgCA7jfqMiG0GtzO3VCqb2/9\ndq/IRsyzup58/5rLGHWvh0o3WAhFytSia1dOVayAU1z+7zUlyUGpAM5dsl+/\nbBhH\r\n=krCk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a29efb24799035b1ee49295daebf1ae46a92b529","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"4.0.0-canary.b5c6d66b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.b5c6d66b.0_1572371790278_0.9197633157382077","host":"s3://npm-registry-packages"}},"4.0.0-canary.cdf858ea.0":{"name":"@material/touch-target","version":"4.0.0-canary.cdf858ea.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.cdf858ea.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c4ecf7555d76654449272bd728d454951ac25a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.cdf858ea.0.tgz","fileCount":7,"integrity":"sha512-bl3wvBeDMRhfG6qsaa2C+INIYfinPODAZBRpYdKxAUU1jAPmIqW/u7PTuO6xWzW/Ok+pcGNu0R9+w/1OrNyBOQ==","signatures":[{"sig":"MEUCICHCT9/DZqTYzQdNEW5x1+CRqgUhNfVHfP/lzTefRaBIAiEAmHMpUe2+xKCZwmqlFFJVFPa8YlN+edoZzW3nr+7hhpo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvHJPCRA9TVsSAnZWagAAlSQP/3ZvMY3M4xD/lpYuXuez\n0urvXbkz75avFDnpFOgbW72V2ArUBnlCA0Hb7pZIL9TOmkzcdUktx4JxPYkD\n2J6bxadmitXRkxXmy9uUCp6QjaaguWE5m07M5CWWm6tWG1pdosTTWqL3kWsz\nNJMiRK8bPdKyPSt1zpbS4L24mEMWJP+bn83OCGcNIksA3rQXt/yp9h+++0av\nyuD/SsyMqVp1c0H4FG7mciY93bpjKt3oWIPqRilni+zq9SDeeTiGxvVDWZLq\ntRnj/QMzaoZuTXUsHwXm25TFar99hIyhBUhbAFLnR5cuvvL6E1qVEi0ssmc+\n4WY0gelAX1j8bSC5aTLVYtTTkdQH2DdOgol6C5EUHVIysC6/exJDif7aOrZC\nl3mYxkPzrx8s6RoVQXFr6jo56+DW3ym8amNYqulmIV/K3cTSLxFLYscOqaT4\n/QoFVV2vSsV7sH3qDqzTg3MoawAD9RlVBhu669IBEojtvIN44hQExLpfypDG\nc5zGYazi1tooljBrQyc8pnJzRZXuuHrEwSh9K1uWcvEXU5PxGloiFayaotJx\njWTisVTVCK0sjLSdfEXfXi2LSA7mMR9iPcdtZDHJcNAC8evayHv31NZpWGhP\ntIxWwpRSgHRjy/piSi8LuDyONyH/X2peNczySMubT9Qmd2ql+d0inLQDVCQs\nlBBO\r\n=cb/8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"436b9be1155a7b7c0fd4aefe795809bcebe8dfda","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"4.0.0-canary.cdf858ea.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.cdf858ea.0_1572631119493_0.49420574984649335","host":"s3://npm-registry-packages"}},"4.0.0-canary.719b57e1.0":{"name":"@material/touch-target","version":"4.0.0-canary.719b57e1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.719b57e1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"694b8debf6144a5c55f817e8393c95a483b858f4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.719b57e1.0.tgz","fileCount":7,"integrity":"sha512-x6aXOPMI0KF6RkcSnHZW8oEYwZiw29yb4l+qVxqxGGczstOOPArBLxjA3yfT44QqbK27awn76cDiAAdyp1tlIA==","signatures":[{"sig":"MEYCIQCR/NhDECudzlyAVv1cDWOYbr59VTnSe42MKmJDgAG1xQIhAIiD1Rx3F46F2hnZUr8KGmFhDahiy1DJVUZiFYNwz546","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvI8RCRA9TVsSAnZWagAA0oIP/0r3bEW1d0/QyxV7Qib0\na16pHQoQdUIB9j8ceGRqjEmDKtSxqCL5sgil9aSbLgPYjJtMRiA86bBq3cZv\nBeEWGg7/jVszMBOL5iX0B2ug3t2rCAXU1kOF/tD3k9caDUl67rILURYM+3qX\nyIAnwAHz+guX1XGOmVsdan0au7+iU+e4XpEgWurx88vUzGz2A98LX8MXgnaN\nrqTyaWFN+qQATapMObATwufmaVPpIdtG7XbkxLgSdxX4iEsHXcnGHD6DmUDg\nGg1RZUf6xScE/o48SEShCk/ssJ2KHwZliic1grGJx4zo59tdP9pHKbpJLW2m\nSUhvsIdWo5qaE3v6Vag7urWdDXu1sS5FuiI5bEKwIIPjciJHNJm6tcMJqHnb\nbBfRVxJu6BdUW2IE41ofrnTxcw9mPRQ1WRWdD2uQAZm0SQZi6fUODRwQ/jnT\nlZnFw1WVHHAchOLbSiK46xgr+Povi9oJ2QOeDacDzzjMQfPsF9RxEY8hfgqR\n84+Zc1TjWF7FG6xihWn/3SVQFZpmqwngx74fOl75OqURXWxA8/veVLyeeabT\ng8vjxEX/wOujwMSQ04l/GGItiIFOpuKAoVoyIN313hehJjsmeWqOYwLDfZcH\nK8CR1D551qpxt6qaHwsR0CAtYj9eOklSJNSuo0FawOLcxi6JD1rmjM5IGvT5\nRXyn\r\n=IRuu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4184aa06e4862418697a150eaf45a13500e1c4ff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"4.0.0-canary.719b57e1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.719b57e1.0_1572638480671_0.8267530076308747","host":"s3://npm-registry-packages"}},"4.0.0-canary.97cbbdc2.0":{"name":"@material/touch-target","version":"4.0.0-canary.97cbbdc2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.97cbbdc2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a9d6877e3e559e1a989c98ee618199b01908b146","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.97cbbdc2.0.tgz","fileCount":7,"integrity":"sha512-blEIFeZeX8Y4apLe8kxDQIU2NLXCfrqBUsAknWkLwUtqgA8ZinUZmnYT26k3kURfQ2EQzADfjtd3DVJZRXIWVg==","signatures":[{"sig":"MEQCIADzQkV2i8gZe7IG1aouX5Kh8i6Fj22h9HDj1iaP4xPAAiAgn+UUL7Z8Bu9xj4TUFqRgjQNrzVoR8KkA5l0weOHrwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9696,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJWICRA9TVsSAnZWagAAx5cP/jpFGZxx+HZA9srZtzIw\namUpvBaGCFgvd8ripUfsgLOl5STVVts1gDPBgFmKK2l6hA760S/BcMJ0pXLA\nxHuIMINfIPFCSoD2UmzU1d/aI7cvwk2z2oIOsYsjmqADblM3KllizaNfRUVv\nwwiRzOCeEklC8FHbtumn7ZpKBXcKIQoFsFugR+Yhw7bD10ZLMNpUVarr3etx\nbLWDk7mw4njdUztp7QkOLNiQ1C/FhRnhrjONNWtAlBb9eRp3lI2hzayKxg+L\nKeH5ESm7t+qhp6nAM3/eJLIMMk2j8QcNaTdd/XNnsI/I+GCvlykGNMovSHcz\ndKhOiN4FjHZanLkjRc2xBBljx6jPtjIim7M/+qlUZE1R83LcISVFPeCeaNLH\nihjtfit+EANGIqm0tDKlx+5z86mkC+SHmRNlBZepNnULCaa9jWv6snC/6f5p\nfTAaOqKLn4nXyLP2hcZcFTcfwRAS/ehvv+p3GtM/NOe2ADsnf96d91+Oqe6q\nDFT2QHMJJOG0jAZEBV7uCdAdGkS9Eed8b3u67SLa6X6oVn2KT+saLtP2alT3\nO5KYhOWC6OW1dylsbBEC+RCF3SdVcOYkSliV7hH6cgNa/Qq56+HacLutECZc\nwTb8ixN5qRvTIxBPEzfzPpIgKKsnGsYPEkRPw6uqPWHA6qPf2ECLFNzZhn6E\nyVRl\r\n=Gjk+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"49d37bbcdfa0f5872581945f58c03e62abb97090","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"4.0.0-canary.97cbbdc2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.97cbbdc2.0_1572640136476_0.6933714692126858","host":"s3://npm-registry-packages"}},"4.0.0-canary.8e36b3b7.0":{"name":"@material/touch-target","version":"4.0.0-canary.8e36b3b7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.8e36b3b7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6de2c73aa4864f58c39938203cfcdac89c53c49e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.8e36b3b7.0.tgz","fileCount":7,"integrity":"sha512-+bzMHMUPPQePByKJg7Ed+8N4GIKfdoRXUCqmhbvSsw7ZEkzJRSVJ+Oyov++pL23pTcKpDKLL4cpNT8x5P41y6g==","signatures":[{"sig":"MEYCIQCHrJmSSMAOE4eOlo2yTg/BlSXzpPJHSdweHuOIPS30pAIhAJHhHAoCJlJTNMmn6+pUbetGxsKTdqB8u3tY7MXK2Vx0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJ0ICRA9TVsSAnZWagAAvBQQAIux4dDQ0MH3FqqN4BKH\nbU+47/iQ9nhmUzP6gPAbScvkgyAwBSqlYcvW6/0tbBK21yMPbr/Tv8vduIZC\nejP3YiNfCjfGTXmW9o8StKhwJm3gMCCYz5XRox1QrsRBzfgmINHiQKhUhLFY\nbCVn3QUT5tP0ebmP7KmZZkWPesAiID6L35TSkVUs6V7VOiYqibNVRXpwxfU/\n3C4z/bdI5eNL9uDoM5WUoYh475JlPMw0gll7hQhtUNkycC9byVud3GqTV8Yt\nW2ope9wHEuHNIiqVNTUylvxUaKydppYo2WBIqQxJept65lhGnG2vARa9R2ft\nbDbAZcsry/JNOlA3f0jab121/4NPuG58dSKmpL14F4obKZuL48d8E3QPznJ4\nZP7wH/OXvzXLWnla6juhPpnl3ya7rNGZSx+LbLcPhp9l1hQKs3yoEvzaI6Og\nclTpVoiLQHbFyBp8ccYVt6dySZ+MNS6d09bsFEtADqPWfNJxFTUYJNS8cOUG\nohkYgcXHWi2a3nEUqbbWc4HBR050EAXuxalMxZXeO+MCF/aWcWkJPFCZmZ8D\nKJcD6sYsjnBKH9KtTVH+B2dvLrdK14IoiHorQBUZvqrlbh/8A8yOFB35fhfw\nJqxMvP/kHgxZc6RecNsu6a5Kh4jo31jGVz6SfY2IgVjpmW450STwYJa53eVT\nEFEV\r\n=E0Hx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"62f51968b94685823af7942f779c63658f2b0350","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"4.0.0-canary.8e36b3b7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.8e36b3b7.0_1572642056612_0.4113088446725235","host":"s3://npm-registry-packages"}},"4.0.0-canary.62d3a09b.0":{"name":"@material/touch-target","version":"4.0.0-canary.62d3a09b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0-canary.62d3a09b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c2fe3042816935645461e3b975b7a444290612d7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0-canary.62d3a09b.0.tgz","fileCount":7,"integrity":"sha512-ud3rii8E8vHhSummtw+r1fUExQREbrlci69WZTCIodrBTa824XwDKtganFzVh6ruXA9xFdmQ6jo7GPnfNTdxkQ==","signatures":[{"sig":"MEUCIQCfEsYq24WijyMNQzJTmQLoHzjzzQBgw75lyFA6jkh8TgIgE54USdfmhOd7N73rNI8qtVQZSw0QdvB5VW7nB6rHKOg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJ9ICRA9TVsSAnZWagAAz7EQAJwNQR49Ev88TB5bHIWJ\np5zJhg07FjOY/dqh6GxwXvsiBGkjRT6B8lSYype61l63daCqBle+kIUmNTC+\nKnmddefEga/KK2dQxpEcXmf2kSV96HRR+s6ote6+wK12CRj1b9fDuHo8ftH7\nrP0vWOrpsDK96X7Tgeg6FQTW7jnhYc7CxIT56aGbLNHSaDL+IIzAXHtaMHF7\n6LIn9f7e0G6oD4/4nfKW/k21ISTM3r08okbYvx0wjcv3RoH6KLf74jz9OvAk\nopoPqnvhtL50UgXmKdNvVcED0hpMAuETQa4xSZS3O2yX+RV6nqvuGJzo3Qxz\ndy0ItNGcl3a10rPMZZedUQwiNy2iQn6SDrV+0fFv8oiRJWa0h/sfH+xp32vv\n1ouhP6rUmtaSLgDoRMu3NsBiPFzMOj080/VQ1s1gudoxg87Of8Uy+jLT5j1T\nhB8ci4Ykz/2Sgim+9O9x5rlb0QHy2nf2Hdy1DqpFxmGECsdsPlOrkxzN8Cif\n9W1AXcFjD6vOfXF4pnAQBmXhCRC8KsWIUmXAHCew52gRGsNEGIgGimymhZSo\n7HQmQPe8ZSI+cDHjounhNpUfFSK61nn++6ZRJuoFjrMZURb3HDFyVCrVEF3u\nj+Q7ervOj9jOhJTZin4rMi88z+NFTtPpHnUrXv+jxGGIBDS4Mx7R6aLRkvWi\nPIZ5\r\n=f3Az\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e00a9686a58b0fd5ec957d4008b6674dafd4dad2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"4.0.0-canary.62d3a09b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0-canary.62d3a09b.0_1572642631735_0.1824328800729167","host":"s3://npm-registry-packages"}},"4.0.0":{"name":"@material/touch-target","version":"4.0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@4.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7c8dea3dfdb9c13ca81a90ea7e0af33cf7e40ba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-4.0.0.tgz","fileCount":7,"integrity":"sha512-TM8xK1WwTZtP4vYQ7E7aZLdGKyP1GuG5Ilb0qlytX/gmC8Di/kRn6muDSZyeCCUcMXYth5Et0ceWtpNrcAQHMQ==","signatures":[{"sig":"MEQCIGXuEiWS2l+5925tfKHxhgJqb/6P86ngJFGarkgb6egzAiArA5pSKoiVxpF3tvajkQ321s58yzwZGEgaX6TFRX1w0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":41298,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvcbWCRA9TVsSAnZWagAAIToP/A6/2x4mORMyTrHqF5gO\n57YbzjzzCtYK8jnD6hRE19mbZsx4X3XPPH2JAOx8A/cFWi+sdH+woYfkc5YX\npvF8SSDsadLG6xTjRSD445TmN1HbiIGaA2kqPH/VOrwhDk4ZcMvbn4ldfdnF\nkkaBfrgmhAPyTBVOAykOICs0NjXctcqraLkJoZBCe4Couo1fBxijuPNbs9Pf\n18+k2ODsLly6055nNXRAHBM4saXFBQlnxJai4A/Ez6ZJiNBEj1ygmz5400FG\nv7c/GioVrDOCCwZXUE335ekte3afgSs/BTxpmdcZMCWIvQ5RaZ8HBEaBLqGf\n4BedSdMnTwxEQg+Cl6UEhCP5PYzNGPlm+MActrHRbHQsB/RsAk/oGku3kkNX\n57YYof1tGAUfQb3E3xIvbxs3I5w6reYC0MNOHdl99I78Qzi+ip1YkAJ73PPI\nPE0e83NUY9K6YqLBRQiUZByLJM1oHgrxl57V7YzQAvf1Vl5Kuk3+XpiynChJ\neIfENWyy1dRSyPgT6kRppgwpyY9aLEXj2D3hkeLSYDteUzh+NrHZSMupKBY1\nDnP+/pE0YOG86V2KjmXU4Mb9gjUDHG5fkY2pWEJ6/NiQQSNKtMuyeyib+AUF\nVLfR1upJGHx4xi0ihLpESidVw0x47IaFvnMqyGvHsu0e25pkYVxFVuaaFx8b\nAR9G\r\n=o5IU\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"8fcbb009cd3b5cc004b302613dd55ab4b5d6ef72","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@material/feature-targeting":"^4.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_4.0.0_1572718293762_0.9108226265580583","host":"s3://npm-registry-packages"}},"5.0.0-canary.b5eb51e94.0":{"name":"@material/touch-target","version":"5.0.0-canary.b5eb51e94.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b5eb51e94.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"83ee583c34a6092d88c711b2f663e3a270adff78","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b5eb51e94.0.tgz","fileCount":7,"integrity":"sha512-m3LOHFkukyS52Oga+2LyVK+GW+6p3f39tajNKz9gQcbyygUrKalTgyQMDYfVP/bmQs5uDdUpzsODLuP2lBoBVg==","signatures":[{"sig":"MEYCIQCg6fXFVh0Cbd3xs81uAFvoOD4F4iUuIG8GScblwrPIsQIhALAAmDaldJNl/HrqFkz4ToIl2a9N+9mrJVeNzETUmoiP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxGN4CRA9TVsSAnZWagAAY60P/1hnT4dunkDAueBo5Phd\nhk2oIAZtN02hDeC/aKz3MuNH0rhg3ZVw4nGoRj3USxVYzCiW3StlYJ7Y7wOT\nY+kDmG/8L2cBBiZ2z4uTckxmsVzg8zsVWh9zhmsxeq1roCo8JoLznb7BSE2O\n/2N3quUCPvBN++dQu0ZZeyDAlmLeVVHDpjGedn1AS1VjKJkcYEF9uOZBwKe5\nwZnIY5nwLBErHjuhC36Fo8uKtgD+U7r5r/YKSowdQFT0+na4mUpwcoX6aFAR\n4buQpqXeSGokENyy61Kg0us+4+108U+fxZXHPEoVr1FOcgj/IoG4Ab2QF9xH\nj7hFuTjqas+b0t5y2CWTCrUJKmwt/jZoWWUfLGlD3y3FrIIir3kkh1AFBbZm\nx1HBSLgWDx9JvHYtTsupxdw1FEfwl3UXlAu24BAehrXpMji1e5l39nt+xDB5\nXgr7vOzA+BvYh8zJmuLM2ZHyQQMr+HCyFnz/paBtXNIiehumFiW5EHQZ0NVi\nOEUVdeygr5Dy2TpoAF3EGerLP0JLT/Xut+9zvJiC/V/NYJiYIC6dzMcYQbL+\nPPROvIUPcMTbNAcTGFXduA1nUgiHxoGKjZ7qrtLnwfq0nputqj7ry8gg8dQl\n971lGJm5LBR6Ikh1bP6I88gKHtXneX5LDQ3+xOdVukzF7s44TRyxjtFFu3og\n5WZZ\r\n=VKob\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7e8d43f563cf6b162c2aed47d2a006564994e4d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.b5eb51e94.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b5eb51e94.0_1573151608154_0.4513710604238783","host":"s3://npm-registry-packages"}},"5.0.0-canary.58500806e.0":{"name":"@material/touch-target","version":"5.0.0-canary.58500806e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.58500806e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"25d95c425fdff6f636311dead208079a0eb1d4dc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.58500806e.0.tgz","fileCount":7,"integrity":"sha512-3UH2o03jFKenYM9P/8n7JfJIuHu/WDmG1jPx6xIPGgqUn8gPgfQc3Q/mTszkguRKSy07DGM4ka+Rdqj/2pY6Rg==","signatures":[{"sig":"MEUCIQC73JDAg153ZKb0bkvrCA5KJGubNLUw5f8f1glgueGxFwIgCvj5JjyVR9cY2IF5L/WR0li1VFZ7qjpv9nbHHgV7+Z8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxYtCCRA9TVsSAnZWagAAxlcP/2wiwFkBpMJj3ItFHuHl\nasn96fCYZejsW2+sOVfILIs1t5gFbD1XmzGX/j0y2vob7FrwdGT766ah2bfY\nRAS1VFaUPlA1MmPkWNs00U1pBzlmGOGIGJfSEWFkWo3yuRh/Kd17JXZ5ECHP\nko0xU1OWB304XDe7/pXOzAEZvJe+OieZ+pYUqrcEuPNY+hNy6Fh3xxUI5lUB\nYi/c3uBJeahwkYHxQGS9oRkZsePOMSoC8Mh2v67V56HIn79s90HRhjgbASLy\nlPM7I+bu0AGn2/+4h41PpjYBmX3+PrcM9yadunghgyxJBT1qPZxl0MP4ADfB\nuk7HyoA045q7+8y8u5Fb+DExEKO+DewmcPMMab3npsujfDPjVjqp/LxcD38W\n1LSowuB+/QyUd9B9M8FvcKrDbXOaHEGzWA1tAse1h8sq9Su2wRKpfKrAlRoj\ni1v8AiuNJXu7IJ81TZlDXyAnn12Jv1g7C5mW7CKMFp7MnJ23YIh3Tf4evSUO\nHEfK25acpBQ7tMuZkPz5excuK7xhtiSR7p4ntTGXmgyXQOqfejqXs++Atl00\n+KGNMTkeoorEjMTZvTeOVTu6nqTX0nnPzvRxxo0QVc9ZKu1HNcyl62QJFBsM\nKJFUDPIuVD25VyDo8Hk5mHJj0gX21x+xmPQ8Aeg1cSGpomWLb6JriJA8WGt1\ny03y\r\n=Yrue\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b155f26dba1f11e3c9d7d0fe036cca6da8b37a3c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.58500806e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.58500806e.0_1573227330171_0.7733809714603292","host":"s3://npm-registry-packages"}},"5.0.0-canary.66299b646.0":{"name":"@material/touch-target","version":"5.0.0-canary.66299b646.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.66299b646.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a1cd99323c3701124d49f03f0ee4dee4a438f1c4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.66299b646.0.tgz","fileCount":7,"integrity":"sha512-KOdmo0bR6QqCVhJCfUO28yB8+Vtkb7wRNXuWQFS+pSf2ilTTTMlHUjBbhX+xIH6fpY1bEG+oXhRlr4Tx+HwcHQ==","signatures":[{"sig":"MEQCIAE3Z7esVRiECOxNmcCctW11E8MPxewxT92jjjHmQ9jRAiAZymoHoNs9rLZImjRFu3Ps+8Nds0y+2p+JvkxSu0X76g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxdEaCRA9TVsSAnZWagAATGMP/A9g45CzwsFVPsJbq2cd\nSEIHjY7IRoQuKurieUYVssSSFKX5kRCQW/CyJXJEstJlDn4rmlT7YYTOIVRB\nfEQu/Wb1+VXJxzEzt16odKVSJ+Xivej/6LkHE5/O30hc5qLTBg+u2opAXmH4\nho+N5VLfhyDAJ3FEN21q+2ObYTAUHedrL7eavawqlLSEnHqiFFX+fVKxK6gj\nBDxmoK3TvSt57CBhJYoFmjcM4cCdhWWqJ4ic5SWlBGkeKpmnEd+hZrPONVSu\nKIDirPTmV8zDeh9EGcIJOn90vTDG1G+JqvolDGi+kvSun4Klju4oBjXkVz/g\n/X4kSdZ70I9DTFCo15JYFxwFmDdEWBjX7pFKLDtoNZpNeth5KtBPqtMc9GKv\nst9lxOgAQhfGljC1uQuJridszgBPp0E+TCE23A8qToorsud0KzE9SkzWZbvM\nDijQLvuyc0fA/JwK6dnMtlLCROXS5L1WvqEy+hcDsxrh+f5uqz0d9jzHlHU7\nAiMnKAEhM0w1Xz0lEaOCznK9+27svdPVbZSRVQefZxh08rin7nQNMC0e4jQr\nbcN4jn1LY/4MVPjj4Z1bPdYmBGQ0dkgssb4XBI6anFC02pgZvL5JBQ3VAQNl\na4dPKUPUH9Pwo/qmj4gk1nkIACrSKgtQhfI+8QJ0fNXWt0NtsAwdwwNWfOO3\nF6Wn\r\n=RHPz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4bcc7c183ed18cfdcbaf564e317231824ea91b6b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.66299b646.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.66299b646.0_1573245210080_0.5241179180979185","host":"s3://npm-registry-packages"}},"5.0.0-canary.821871e04.0":{"name":"@material/touch-target","version":"5.0.0-canary.821871e04.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.821871e04.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3471156b2af93aebb5db00e0bf757327c23147d3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.821871e04.0.tgz","fileCount":7,"integrity":"sha512-zJEK7f8flgMSBNZdgP40H8rHNO6BGzQlGTO0ZFORIL9jW0NmXILWIoX9NuWyabZLsZPRyYgckJyEApM9NxN0qg==","signatures":[{"sig":"MEQCIAOqYIj7jyvjg2zeMTOY/7sPI8jN7d6oPeQzrpAjaztQAiAh6zZ+udluk2XtKtRNp+Rnrhh+5HdL4hf9wjms8EVEOw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxd3iCRA9TVsSAnZWagAASIYP/1EsAwx/jjEnoPjNh9Ds\nD6sNhZMOlluXn66LODEM6dskNWIEG5iJL3YmKhhJCf3EItQjYW9Mz2uXJ1Vz\nH7uvKN6M/l30GXfbJz96r/z0nXq6tvW2V3zCXkIJo9l+lvrBlo5kVoVut1pU\n72y/LdmndCi8+8NZBV30ok8rSyAEqMPh8vh/e8p5nimFCFedEzsQ+IZIt3bL\nmpPMxAxaFEwvVdz3ylmWQagePame1UrRIoE6spTySdMR2dEUNahx+uXAVPe1\nMY9cDyoCmvH8XkqbETAP6ytNPSvwspveyz39tkrnwMOMoQiUYGtJvLKICPCX\nx/Jg40ZYfpI0iWUFlHn2m52u57EVy0tdAlfmir+J3L2OqM8SsCsklfH6zhNe\nrhexejkhHB+IgeavRqTLYhfJpZLfkhheCd5ZO1pjzv+o2CWhBwvkpCURLLRR\nn5kMD/RpUh0P8JGFoC8zLxScetT+eVWv2x0tnGA0HG3sozeTRMdO5u87fwbB\nlEkVI8jg5axt1zKHDPQ/YklXU2c4KHkvemLnsHbWLkrePfnWWFzMHdkoUzyg\nK03jTAcCXatpBDgW55nTczSuCplCvN3nhQkBBXhc8v+oZ4EyldnVuyIoRDtu\nMaJtJBRyGBSn4SovxDtGUMoHB4tvKMnXBTqR8RJcD8hAeREiUaMEjNL1PkQz\n0ndv\r\n=SI/h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"20a91d4645dd0fd2db7a61459d752f390e050899","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.821871e04.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.821871e04.0_1573248481537_0.7756115405932911","host":"s3://npm-registry-packages"}},"5.0.0-canary.491fddc31.0":{"name":"@material/touch-target","version":"5.0.0-canary.491fddc31.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.491fddc31.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b10b4a047b23d5e20065f8c9da4263094cf8d8d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.491fddc31.0.tgz","fileCount":7,"integrity":"sha512-JzTnr6VFto7sWcPAKzlLGROeQM1I/D2+DbvUtFh5cZmN1hl4ZZVmXc9+kNgq8ojt1exAPXrzoN5zIewob7IUTw==","signatures":[{"sig":"MEQCIQCHu7q/rztPe0kXF503FW1gq/2CQdJk/rBGX7ZD7FVy9AIfTdmc3ova+6mzxevQU62RcDvBkJK5Xq32bLJQ/7gp3A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxecFCRA9TVsSAnZWagAAJ+oP/0KrMJYxt0i3CLMXZHEn\nZRfypaXbQ85+s+YvJphnzXmKFweivmZJSJF7O1397cI5zPNgqBLcwyUp5KY7\npNF0wTNyDFHD6zvujQWTHvMH9uGrJK7vmhMFhKnIQgzD1BCy6pDJdBe04Oq6\negoHKQKiBir81FPJPoIWNSjdzJFCL3bRNMWNAmGjZe2035EUXDoUm+Vkui3Z\nVdVUsTeHXacD02SNEs5RPuqp7ZSQJ4Tomo3+yAr3QGyw8BIRnlPs0h8sjZ5F\nFDfodRr2MMGxyWkCHeYEiPrhnGHR8RHVqnbyNTo32Ifvwxb4bWjgE6MFsygR\nQtMFOLGAfHxdvFNuxjqgq9W09p3CsyN2fM/fTACHwn80pbbn3/LIXwQY95qy\ns/KOVUR/BLVn7/8GiYovpUZ4D4yUeayo0r3XMaI64tWcLXHBtaG5GnbP59Eo\n4uP3tWH3SI63J4sWU7Q+e9pgs0EnZJXNcvi4FzjkV0A6zVLGDHrpal0Y3boT\nX/7Cv1D3nZlW3iHU18YidvBPPLmIkRQEcy7+4495C0Nxssv/ewejJPDuo0HI\n6MeEtZ3ltkreEtrNdvrkhZi1JbLhUBx96unTY3L9s/zuMlzo3aatEKPlAARi\nBm8UIv+GiE/NLSvr8jZU6x6k0vVOemLYNm4YAuXrwoye1J/+3SOIvniu3lD0\nyvV7\r\n=iL1o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"36ec62985e32e24263ca2d444e04a01d98ba02eb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.491fddc31.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.491fddc31.0_1573250820708_0.2284621514254075","host":"s3://npm-registry-packages"}},"5.0.0-canary.b0cecf145.0":{"name":"@material/touch-target","version":"5.0.0-canary.b0cecf145.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b0cecf145.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5bb1642ea5613affb31974cd87e756111769ac78","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b0cecf145.0.tgz","fileCount":7,"integrity":"sha512-fKUGvqp7Rd/j66KLPefRUh+0ARxDvJI2p3QDsDQUZ5mI+MEg30tReqKIyQI+ylYEH3zf+BiHDZA0J8tDySP8Eg==","signatures":[{"sig":"MEQCIF/EVvNQUMqH9s63TeLI0H5t0g2BDpzcFoyBPvPIccRBAiBbZe3PjIlPMrMyPHwAcRZC9DgtnFkXb6K+0D+bRZBZWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxwiECRA9TVsSAnZWagAA4qgP/j7DUp+sLrWOzTZ5dJz5\nGjLKgUKKW8G6xN7PzSze6FnpKpNQ2kWUnz1Dc059ubWJpYZwKXMKrFH/HOwX\nXsnkliOpOWAzhFvuGBTse0leYB4dyotn37s1evA+DYURzFoJ57D39wS1EW4c\ni2Ti45n9UA/lJhhNRUvQhXYXyUVyZ3yR8fdxzbtI8Qly+IwiGKmKndUV3dkh\nyYgj+LZVvoPEROR73pJ10Pxi9ke4VOM3eriu0dMxh7QptrzQc9a6RU5PQWcp\n4vAu9mmGwc4vfAEUT1HRRLdWy/t3Md8l+Yj9Km0N1Fz/fveoAy68V/6ETdx9\nNdukT7pqrHRPi/f/FzXcxTfrElAqR25r1nQtxmVh2eFt7nzrCimC+FJjzGXs\nP4i+C2p8gaVInz1Oem5Sm/0i75azanbAwiQR14Yq6Hn2qUIIpwKoCCdUaggh\nUdZBF0ia/vJJuQAMur9nCOfClvXCPZn+Qty6t+7FOhrrih+u+cvQmMvxRxEh\npckkg7SpuiyLm6+kK275e5k4moD1zDfHfMiI9zKElP+rlBtZaGt1vF6XpuvL\nEf4iTTMMUhf8gToZpTaQuUaiH8a976OpvJss9olt5g7OKC6NGw5bF6T5PgM8\nSEMJZNmGOXmt/MDULGFkMo+cf2evG+PP1RKdMo4SzzfKIx1bRQ544IOnZyZZ\nLOqK\r\n=MJnN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-component` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c20143ddd0d46da106e793fe5b768b628d433923","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.b0cecf145.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b0cecf145.0_1573324932393_0.1422162695245528","host":"s3://npm-registry-packages"}},"5.0.0-canary.afe0dd1bc.0":{"name":"@material/touch-target","version":"5.0.0-canary.afe0dd1bc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.afe0dd1bc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3b5de939293d777e93dc01564a066df61dd5247b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.afe0dd1bc.0.tgz","fileCount":7,"integrity":"sha512-4xIQ9QVpMbo3Vw01/r3OHxTg0ci/0VQNVD8YFMZ1kbviFbTzgeBap6sNSarGpsBuoq/Y4JdBkg7X0Gok7leMfw==","signatures":[{"sig":"MEUCIQCwFRc+MuT+BcstkwZbGwWYGk8pNTyo7uc/h3/1FIHCcQIgXJTZqp92WtNZbCIrGnpkcAjzaE3wXTufW/LozWXmPVI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyYA5CRA9TVsSAnZWagAA6UsP/3YJjUB2aXvoIIIybeZc\npo16N71P6s03TdZusLfGH1vTBvcl0tO7bhFimhHoXHKIQ+mpQWEUWV6W8LaD\nH5H65G1kl1Kw8WJ1WCyOnwaebhSfrQxiqfo54Iek+f3MGY5tDwg9kq0iKIss\noinUnYXKCRKYhmtexGXpfZ/QayUFficwfR7yQM8uu2YF+OLuu8Zq0fgyR3zZ\njQC9qDtTgyP/GrVMWwp7QdpsgPosW7IwWBFjobSiTUU3UtOvLNxxN4ul5Dgq\nF33dQwINY/cI3um8JXa/ruZ9HTXsooh5Qa0gbHe6Z1QAXoTZJkQzkJ8sZAK9\nZ4xMjDqF0O3QWLrgsuyi4TJpcZX8aEi2b6+GKynrV63UuejspkX46FBulePa\n2OmTUqj3rWQcqF7fL0/hInhA3ZCMJdNMh0eb3OFi9o5WzXBFh81MOdDw9lWo\nWdfWvXcYjrr/ZCIaZYpHUeHOHMW0vwmSYO88C1NNfqJKBDX3egYanr546Tyk\nOenYoOVkECNiehDIAMCrfe3Yw8Kt9XcOo7mzEhq2MERijylXSpaCDLOaRie2\nXZWxPLgf91HyJ96YtWzwdccNjQwbM6G+hP2rb+k/UAVWQzWn20jCFQsqaVmx\nhoK4z5adL/cmYAyH0PdjmnWyutP533Mf2NQNLFVhgHweV281fFn2uOiNbZfo\nXQdn\r\n=NTlT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3bacd69fa765f810b8bf40608eaa3aa2df12bdce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.afe0dd1bc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.afe0dd1bc.0_1573486648742_0.5078854386108715","host":"s3://npm-registry-packages"}},"5.0.0-canary.b4cfdc40b.0":{"name":"@material/touch-target","version":"5.0.0-canary.b4cfdc40b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b4cfdc40b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1694d04ca27f5ade4440ba2b1c0e8d34994dc6c4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b4cfdc40b.0.tgz","fileCount":7,"integrity":"sha512-y6l8OkLvdu0id3G+5pF9eT37pfjeLegmo1ZwexBT3BnxfAkcpSbYD68zVwkXFbh2GXs1yXUm2Vzn5tQ+Qw7tzA==","signatures":[{"sig":"MEUCIQDW3soLOpbR+A3ar+jqpODLLFpP+iLg4fdY0vXAbnu49QIgYQjgvguhaRfCg17/h0UDKzNYlw6h7xd/hnh/njSinaA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzXmbCRA9TVsSAnZWagAARj4P/0oC98fpf4LkGocQolQO\nZV10VdicIcyjWh9rZLmyVkRCGFdpm7jKKbsajySXN7oMOl80W/08/e4yl5VD\nqxqdzYfUFji0TcnrP2YWOxitQchq7S6Na/KV6fVW7aFK50GGA2yIWRuwlwl9\nfeXIgJxiFSoSOeMJx4lFEF3QbSPzRHqt53CSRtFAkegRdUYDh03J0xtSU2/r\nSQCx072kEfgaWDSsRsLf+3amep70Uh+JoKZtDtJMEiXSQ/Iau/hYnDGw0aam\nKhpeNiCyUw/rAh3my5jHwGreu3wS40Kd04Xqre0Fnrzy8UgEZKoDHw4KPFmo\nsrU3MfJaB5R2pCgD/DaQw1nCFQUjwLsZX7G7C4S1/fojihrgMnqLVUIxqlzy\nrj6LjuTu18l/bOgwMAxL5EX5gUR38L0WTRBdgNEXBpeEyrbxKKwbe5dptAIA\nyKfHzUh6sSSiUSqRrv2D/1Qx9fsldh4N3R/jOa53XZdASrxsvfVYKeZIMjIG\nvx26LZEbuIetGJju6BIBIQKoudMkvtkVs49FQq/N9M/UTvZEGZDkSc4Jkrdt\nhL2wAoUz/ANqz2WtJECQaw5ImIt+KakqEiX1E+hgiYLOHpFZBGD8HVosihhd\nnVHGqvFl8ZdS7zKvQhoObqXQZ/5j8rF/O1/MdUn177IdDTsxW20T3nDgnnv/\nj8qg\r\n=kTND\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2a81ebd1a573a096ffb378bd1ce7bc223a3cb54d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.b4cfdc40b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b4cfdc40b.0_1573747098862_0.17967472995962308","host":"s3://npm-registry-packages"}},"5.0.0-canary.525989b5d.0":{"name":"@material/touch-target","version":"5.0.0-canary.525989b5d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.525989b5d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"084427d44deeb8681186aff635714856ea938958","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.525989b5d.0.tgz","fileCount":7,"integrity":"sha512-8HN2bIIb3QScbRSa0Gp0sMDYS7qvfRwy0VtHUtiGgeHsCBP8XMhjLatdbH9NsiwpZlS8v7SeOuavYw6ct3MZOg==","signatures":[{"sig":"MEUCIQDoAcxJ5+ZEukBNgBWd9NnmQ0/IQZyXNZEvvXSLcSZVggIgC+xv5K7xjwjpoPd1PljJqzP+i0WGjZi45FuJiDKY33k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzeOdCRA9TVsSAnZWagAAjA4P/iFY1ENjB7dHS4VU02mH\nWAXCEBbm3tZO2SzSxWYL2nIpParnZ7UADKeqGOr6uB4YVF2Ib5ovWAEEuv9C\nBoPkOvxxyTZ6hr1xDNSdtOXod0/FyDE6pbio8EqgfIvWlSzcO8HauZzf0IHT\nm3pWlcLk+ptI+h3musuyYTNRL6uSYt8WjajHtGZTkortBNEst7lCWTxCHUJt\nmL/VidTd+b/tuHv4rQpu4tj1e6OY6CnHI3M+pj3yGxpUAocm0iwvkSkVdjcv\nb1BnNsNj7IE+qpkvQoKljaNYp/B8ii9TRAQjopLWkE/u5OX3nh07pu9hnZ/O\ngGSk6QCAZ5BxyG+z1MgITFG9nZcLdWSv+ZB7FeO8QaCChrKGpJd2V+GRDWH0\n9y/c0Po/2JSZzW7T+8SmatQXL5FPU1UUtBSnpU1nLmHW4BiV3MOSOwkG0Kkw\nt/fEcgMAKSnHPE0sJviEsvxExf/rpLFXK/WVRvjD1QVoUWlvmqLzs9tiql3p\nxqm2CvSEahckqJf6XCtZLOECDhUJezY9mCGNrOMHnQspFQuKk3F1EFkaXcDu\n7/W8a0o4T2NUrmzt5f2wa9ky5lpgktTl4aVJYIsTEmdahxvXNHZ+muwrQiEc\nYIHPr5ertPCWyKqI6Y3UW/KgZ2CQF5nOoKJ5BGbhQ2KdIwl/Yritjkcg1H6/\nlI1t\r\n=AaYg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2fcf375cfb22882468cdbfe126d349a996b450ad","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.525989b5d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.525989b5d.0_1573774237400_0.5070802773412426","host":"s3://npm-registry-packages"}},"5.0.0-canary.7084b403a.0":{"name":"@material/touch-target","version":"5.0.0-canary.7084b403a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.7084b403a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"337f9feb2038cbd446deb5ba4fa2d94fa073ff20","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.7084b403a.0.tgz","fileCount":7,"integrity":"sha512-vgT93t3QWdG+qHQjuYnQgcJkpixHAh6MLeaVcMLhYCMDCmq8FRS69WMZuRDf35+O8aXO/OPh1LttoHxQCDdf+Q==","signatures":[{"sig":"MEUCIQCa4S3ebRF7s6a1Yr0lHrmFS/mcv1nBLXq8gDgyR5WyawIgemJdA84vMl1SlQaW0k37hbnug33tjYXIqOwhKAav6Z4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzfnlCRA9TVsSAnZWagAAAUsP/0G0jWrGgpu7L8oF3MDz\nKUjk0aOKj9tLdZHQAILsSQErv+422TTjRrkeLVupdAOJGQIiRO5sHL7CbsVn\nDCNPDxgJ3UkodHERWq14q9bf9QnCETiypSHui0JLdunrsgA4BZU5orRHYY+N\nPss/zopjtV4yA/xQufqhVbP7kce4yvfouOlK/lXPfA2XZW9UjBnKfu/pU96R\n2GXSbXcZLdO0VAqzKnrlxBAh0ct/gxcN9/Vv2CLSLAsPPXWG9G+04WgFVkfD\npHqBbKGm7fv7aG8u8SgH2/Hl7/Ghlg1lM2cWZsadDth50KndEZWe/Flo8XAi\nhOaXvOjrrgfPc9uB7+eANEbQOR4HlYxvNbtSstlDzb4CpSzUr2llPRAcAUwD\nRGLaAJrFDwCw69YVQ3c55uKYxdUFn/N3OTzVVKe3QUcetlauahTpWMz7ei0w\nFaB3zx5R7/VbWQ4Rqi/gZfiZMLfYjwu0PCRotve3bOAVSdqABtHP1Ifq0cRX\nEe+QDUl/E6H72dvn1LuzAGVAYMlxBWON0blod2sjq0Hm0c6DYSfhckD276ko\nucVrsuwpi0uPS8a7SHrnc7LvLIDhWQs5UIEWKjr09KIdcMLMcjeCBmd8xoJa\nCoWTSgo4zCnRUowKFJr55+ttc+2BbIVzchJXALZdrvt8uYoEvxKbGiRSTVGk\nRTf+\r\n=EvEA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6a82bd7664073498cf25876314019948f3295c87","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.7084b403a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.7084b403a.0_1573779941083_0.511064089934836","host":"s3://npm-registry-packages"}},"5.0.0-canary.3cbee6dac.0":{"name":"@material/touch-target","version":"5.0.0-canary.3cbee6dac.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.3cbee6dac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d42fd3aeef75f78bc9946eb37a4fce47c0b2756f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.3cbee6dac.0.tgz","fileCount":7,"integrity":"sha512-PMIL0ceVXGZ27ELWJcsUhM0r3HCIYnoWvfbK7mJZJYToobGXSFRMk/1kriFLQ+LvWIHxWmPjunyMJdeReAKtMg==","signatures":[{"sig":"MEUCIFOYEuUjKruuYrx3Jb5NoUO3tq5J4f6hpjigMGAXgn7jAiEA63EWQvouycmEFh+cOwIHP9ik1WXS8c0h5kqYplr3K4g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzyeFCRA9TVsSAnZWagAAqyYP/iVI0qpnKEdmdmGqu+AI\nqM4zAlOfnLX97PdPcyaz1pG4GtdwaExI+ggQfSTbWzSWAOxDIBmBkNzb4DPz\nshqhqXR6QtO06P2dF2aZ1UqWIco7Ak1NJArat8l0JJ1zm/mm7qsBrop7AOaJ\ntlJX5Vk9jieTtDRTUUxUkjK0RzIVxnjkwWjKSf321A+QbRo0Gy7zbLqWim5M\nZJ7CD/DfnCSDiQXPfYh4xOBUk3WBEFQS3X37Ph5lIg7nDUMOP2twIVKrJXUZ\nLtXTpnj5X5XYhYt3XIUueSvUHbnlgo3qanygWl1bOT4nL6E9j4ubtmL/6RH1\nvlYE1UFxAkP5SpcZKlQndNbjkn7vV8xdxHF4aYBcC3lehkzw6FyKIIjrtLKq\nxcuQra6ktsOJqZRXotthIDArOSqpHLXHU4WtHQLUyt7M37dBlhsguqXsj0FX\njGJdhluQFvXAZ9iS0I9JOYDL6DT5EHgTvOkRoqEIS4JTFQ/ClkxBfZvRFSph\n7Y+RIT7FkUwRvD91D22PRcQ0XgqWe2FYAamc3k8uRBBihMa0TjOks4L0+Wkg\nsFxcD5KLvP0AlKM4/v9N6xlOopso+MObRYkqdtnbOJxtei8LmJDdzoSGGXTq\np4BzrPLB7cdeofe55ASMCUlOqvf0MNHjsPZEfDE8jNG/yF/XU0qqAj/tJ50+\nfEQO\r\n=oAON\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5ae37026c572ffe6707702e535533859ddc81a48","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.3cbee6dac.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.3cbee6dac.0_1573857156682_0.14197014566096833","host":"s3://npm-registry-packages"}},"5.0.0-canary.591a6ad44.0":{"name":"@material/touch-target","version":"5.0.0-canary.591a6ad44.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.591a6ad44.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53a675a6afde8088bebb416b246c3268ba13ea57","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.591a6ad44.0.tgz","fileCount":7,"integrity":"sha512-CZL3ASDPjIfOuEYIgtsVB8nzccEB9EooXQehPiCBLBMVq060wW/hW0D/Qin+uyWxbPospwVaG4NVcyNx8D/a3Q==","signatures":[{"sig":"MEYCIQDB8+SguJ+XnJhSTo/Ph16nj1zhpEwbCCWtY2V7q/GOLQIhAL+EJfbNkPNXfJ/91Z+5nQAGt26DG2rcOzjXU/s6FtgG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0y3DCRA9TVsSAnZWagAANHkP/2etf0i2ZoI4l+NlW1bq\nxeFSsWtwO5oISSu73WXFDE30SxjHYFZ6y+xBZX6auoUh4me6AK++4ORdOE9B\nJkfaiDhmEnee+73dUO4rGFBJc1Ybrs85t5uD6gWyi10mir+Q/ZKBvRbvtjeK\nY42NiY5dQS1nFrxRJE2Fst5uH7gedn2twVjx8kTFAEigFdlxN8kq7R+PQ2Wk\nDQqOcbCRJcWdJqCcqKxgmh2bMj7M8GWMwWiQTuLrTheSYIxaI8oMZrdCEA7G\nfJYDYOj18nz3JaVSyBxpWL5c6nKz8xjsOLco+Nbr4UQCm+491rbAphJ+LOo6\n2wxJ6jPdArkysjGXxKJe6wKQFf6V9iHmt2EazVDhKwvYApMzb8LTyuJ3FXyu\n4DCZpT4GxdC3V7yDsfx5LYDelrSGNaQKZPYI7TQLD9wKTCnCebiWllbCFa2Y\ny2L7bfoL7ogpV3PJ2ZWbLHNARMP+MVC/DzRBSPiPvW9ROCfUl5hNBOd1RvOd\nuEnyAY/zSfp+VB3deD9LG0Ch31kJSCP4itGXllMFWuR8p/Zxco9drKSF6bxG\nKADCzFG4gIWEFmef/W2viLdeEa/TalYHuKV/Bx15CUIAsTdSo7HU3yUMog/Q\n8pNgKFSt7bAtC511k1vOnsbz4Ig0BqOZ85mfJX5My/a3lMGoDqEQIiTHlczx\nunNs\r\n=yRO0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b5469bc1cbdcbb7c9926006be2d2a65c3211c220","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.591a6ad44.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.591a6ad44.0_1574120899504_0.9958811517509021","host":"s3://npm-registry-packages"}},"5.0.0-canary.5729943ba.0":{"name":"@material/touch-target","version":"5.0.0-canary.5729943ba.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.5729943ba.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b10fd81cb4e9cf8c58252a0b72a89e4b047dda1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.5729943ba.0.tgz","fileCount":7,"integrity":"sha512-GvQl9OUWmYc/FylRolMYw1KG4XCrmDBir3VjZ36uYcCv/CChcdeKnd8HckDXnbnPi5P2y6emexlnSSzjZVJQ5Q==","signatures":[{"sig":"MEUCIBoMvU8mJKhilXH6VXwi2VWUZqSM74R3xFwGcJVQ23ewAiEA5jFzJzdGSRCRzttw3W0W3st9nvb1fhVhJUNakwDCpyc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd1MzNCRA9TVsSAnZWagAAC1AQAJgRcJ9+OiWv3EwFmKQM\nkTDX1EWfc4L9rzdDsDeWqVJ0fMg/WAM2gOpIRlmwsL+/SI/2+pxNcs6bqHn9\nD+c/4+TyFRiSM1bD8wsx2aDnTgInpbXhh64IAdKXvbD3QFwg7iMDlGRMRRs7\nAJ3kzy5Gq9bwg8W4cgcKy35YUesCkLMKWi+wtOG0FHpeOadMJIzEIkOFgQWH\n4vtBm3kHSKqWR9yCf2zPi1Np8ahsEsSkqIyNIS7acYQmzULFRZvoW9L37utK\n8tfFlkHcjLdR1FWnInEdgj0SzH0+pKeKuEQWfE2T1J3M8Kikb9LqyiQTnCvG\nZ9HO+c+hJVRef8WWsoIj7guqOkN8236vXmj7OV7kMnU6R1QjyNWyBuRn0+jy\nkk8zL+jZnGEP/MrSidxrmOWi8olEEr7zumFzPLLVYqk7c3P6PDRcMxHZkaj4\nezZf8x8+xXaSyyOV4bZSxA52uHdSHwYsZSRBMCO7jveRZS4mgcLXzbEsm8sQ\nMK/sB614NukqSpL6DlZnSlNTFENDmQKFgS4UGpK9PEOpmr3NNSDPkdmp+2KL\nJKAW1k6OKy3eDYs0FF8jAK3Q9c9NaxpHN0rm0WmCIBWFxC8NzX1cqJNrjHz3\nPqAZup9sB/nKg5MiHmtXxbRERs24wHC9Hx/hILIFd1UGRvsdai/YvzeAe9Pq\nKU5l\r\n=uokv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper>\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d49cf0658a3964963bb2b39b2e3a010615c815fe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.5729943ba.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.5729943ba.0_1574227149357_0.8599258398324157","host":"s3://npm-registry-packages"}},"5.0.0-canary.e89750dc7.0":{"name":"@material/touch-target","version":"5.0.0-canary.e89750dc7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.e89750dc7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f686433345931ea8da307c22900b11986ec4e609","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.e89750dc7.0.tgz","fileCount":7,"integrity":"sha512-0umzKVoxD57+sggvxt/fCKxRxlspq0TIEVGo4FMQJDO6Tq8unGxTdPDHOAzeQqhkT7T4fpPXtXythmFrJWnGdQ==","signatures":[{"sig":"MEUCIQDVwF9OLuSQ/vBuJjhi8EjmsK6gt0QshZefuDhGa6qGBgIgajDunxyFNlkcSVb/y5IGYYxlWy83wOJWCMvj7Cjztjw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3drdCRA9TVsSAnZWagAA6/QQAIza9U5FlBaYDdJKDVVT\nMlJpr8qMlVnMCM2juSxmp913511MDqDdMuRnRKN39ncGwoevGhIaq4HL8+eT\nHQubg3xHcDVGFPZvWGh9dJR2srlIfz2AMliL4iQeA1CyzZ5yxBbJ1PRFzBeK\nFR+l7iDugoKS8DLdgtfpKtIFLcdZaMDehm58TmtPqn4ZOu94qmfUNHCF1aUV\nK5/c/bK09O9t/xcQtBCoC9XB1cvCYntN2/xwxPLuptMm7aNzTRQtw/bwDngM\nfsNmp2BPCXuFwCaX1mKL8p3DuZJEs7hwmXvtAo6P7FUu7xplDQ77fX+phMYc\nT6q+kxD/2PK8L1+wSZ8e/Lvu8J7lztmiSg2FGCi9NsWI0Xdp7ePhe+SLGfwb\n7GbP/IehJ8GdRaKBMJ3hyKuexP1RPb49P/ifw62eAbH6Ehurctke/OX7ygAA\nL4zrlmkmBKgxq62B8OBdRXBXXGTYSxcaJkBwShyybsecJNKFfDsG6SzXWs0l\nDQ5rOI+LcOK1LsYhP32vP49StqyNUyIZxl/WyL93pPOwusGtANrOlvvkCskM\n86l9mtonIqiubTP9CuMNEgEBAzXhbUKzgozOERcRe0/PHFGcqiYwOPvlWtif\nleD5L7cEKq7mk0hW3AUPxBEBdKddftpId6YtTvsl7Zbnn1kyFZVq1d0L9jx9\neMhw\r\n=Poqd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2a166b3e817207f685f4b112635eeb21f5ef0789","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.e89750dc7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.e89750dc7.0_1574820572701_0.21022608237051732","host":"s3://npm-registry-packages"}},"5.0.0-canary.3e560b33a.0":{"name":"@material/touch-target","version":"5.0.0-canary.3e560b33a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.3e560b33a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a4d993fa417af029f74449b030a83e66832f9e35","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.3e560b33a.0.tgz","fileCount":7,"integrity":"sha512-4T1xq3RcONz1ue6iX2rJQpb3Z+73D1SUPt/qbrno896VLR0Gjydrxc3zLAPd+sos8Cp/zvFb+Y2MGiIJN2lx9g==","signatures":[{"sig":"MEQCIGqcat5ffGBb6nF/IWzxIGv9fJU4PLOFKkOsoQT9cXGIAiAXkcDGCjdFFuux6jf8PC9iox3QQm1xd7Wzw3+y0oQi8Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3dsMCRA9TVsSAnZWagAAL6AP/i1EWDm016uiLznbmC9j\nU6TkQHe4h+A9unsH/PBQeZVQWtfrsUSBjAj2Is88hv1STel0rnkC68dcWUGl\nXmf+5LfbjKNlh1tRX0GCzXngmoS2llaAY3g9TB/ENn8QqTstcYfpyo3sq5KN\np3iBzpBbv09u28l0qJoRCQoM9U0pN1uRPjoUxaFyEKR+FLt82GfNfWAtcxNe\ngGju1wo4mGzRmo8U74L9FnSQD3ZVsmJQTdHJUhDreSnoL/P0/Qnj9JNQbAEI\nIbfQoufdeaQqKSxbFs1VBwabKVbG5TSPHNayGmHKnnJDobtFD2YAsx6Z3bux\nbF68yyPLb/RiJ5/oA93JbEyX+qDkdXa6x8kt7nJ2/ABz2BsjZG9lquRVsV7s\nc1Yv/ABzqcce/3rowVQHXV0TdFASU8c1o587DOolTo1JOfChopYFu+Uyhq23\nLndBXOMbV9cgxXr9mgxT+LfsFKzHOJXQhePDP4eWr0jQLRLA3u+y0+Zq3+1i\njpRK6aaihvlk15+cnQ6TqdeF6hLe+7hnnLOrgaVoD+fTuovy3GaRPb/oEXt8\nk12BEKBbiZkxi96tXfbcXjoAtLNWxyDFe4ToJ9wbjY2xffsZU6iL1y2C5WhU\n/CZHOKyoCqcRF8o0v8J175aBospBMaeIpMhkcVfcx2v3aGeX2Er0xULk5HXm\nseQn\r\n=0jnS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a86efd68e1e91c0cae784ad70b0e36c13c923dba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.3e560b33a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.3e560b33a.0_1574820619811_0.8127551578681698","host":"s3://npm-registry-packages"}},"5.0.0-canary.7fd17ce5e.0":{"name":"@material/touch-target","version":"5.0.0-canary.7fd17ce5e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.7fd17ce5e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5add6a77684a59a41774bff695b8d106e95f79b0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.7fd17ce5e.0.tgz","fileCount":7,"integrity":"sha512-0vXUK3xxVWAly4DHi5fZDJuUZ3EHywnPB6J03WyVotqfGCZ503PvBjPW99Op7200Zc8OlmwwgXhlrtEjZtuX8g==","signatures":[{"sig":"MEQCIGyTcq8uiEO/unYrm5GllQ8HqoS0SVu88b+fiGD0qECEAiAyCkG9+K7Nbt58uuiFSCq2/kq8J9gTrZ73KBJaN36Emw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3dsYCRA9TVsSAnZWagAAsvIQAItcx7eCNJX9X8wIzgF4\nfZF7mngAa3OTpkfinJadSifehCU0TdbV2UOpjA4i2LcACG2Tg2MsAiickdrm\nVQEmbks45M7deuHCTM5xw5bArfIDbQXx9Bip2dE+hFyNYC3N9Iu2LpELzIhQ\nWcbsRV8Gg3GDxpP10nv6JCDdO2jT3yt4eiDQjPO2dCW8CpcAdh70+N2Qo2Ce\nkurH3dUz0+Yjs1mgopv9D1aYAFYejXH9Dn/rcMtYRqXw+E2GY5o2a1OVhIsa\nzvHMEKveS/p+yMc+X8xvcOhbdwFORia/qzhO+Go+7d09wmxd70X+nOxr8LWz\nRAybsbhO8kKkqIdsxx2Q7Pyaz0y/0BcUmymEbAq+8xxHMsXVtL9MqRtTxc6/\ne5MeUn2nwz4PAS+FtU0yLkJsQxyvzktuk0u9s9245OtGmUETklUm3/UBxIQb\nZ4d1mmW5QN3xvMky7lUI5GEw5sgbw3Xz81J7VXyGIdGiv84gdP1hySm58Kj5\npyqlAgxIyNabvaTiKUnx9zo6MRNVQM9FgO/t3YDCjve7fcGZCaSK+V1gGgCc\nrFPQOglScz3mvQPJQdiyrXSMsNwxQq1C9WvpImIelSXppB5pWWJiychO3VM4\nXm0kPJCsKZaOn1q2ycWPArNZFSq/ZgfHhGnuGh4rhwsJGiXsp1D6DzkuS3rI\n852b\r\n=w4NB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e798e5bcdab4c998c88b2bde71412b2d38dfb262","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.7fd17ce5e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.7fd17ce5e.0_1574820632086_0.8208707526400816","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec729683b.0":{"name":"@material/touch-target","version":"5.0.0-canary.ec729683b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.ec729683b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1fb60b48ce3508f3f0ccc3749709ae5ae445c9c7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.ec729683b.0.tgz","fileCount":7,"integrity":"sha512-XK/nUUBXXuZjLDzjmJTFN3lAzBudynfSPXH8GzMtyTg0Mow65rBQz9q9HYXvLag3/nddDlrYGzQ76TMeU5gxRg==","signatures":[{"sig":"MEUCIEO9sYtATwz+qdwuBsDf1sQRWkZMy33yjnxSvAzbg78xAiEAgBxOGgNjspipR6K1nTfHPO7bD5uLYMY18h+RjeleJ0c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3pw9CRA9TVsSAnZWagAA4fAP/2AZTSoQtOdOMKstLP16\nCpuXf+XLd+AoJflzq8SSCsIiamLUO90SE2sIy1pr8tZL0VTzb9joVEsG07Bo\nMeo0FpZpsQG/BJAeoLhE/E+GrlcSWlZSVV39g4RtpEihfD56LhtvqZvZc8f7\n2bj8tVixXbRAmJIeazn3K6k2KbO6yy9IYY+ZbePWXkZXxmA3f2FX7hLDdRrb\nIJy9747q9kR2hdeptK9cYXb+zcpaCOgywe8h/9CHbNvARbOeXujzaNHDlfUK\nnm9OMf8Z1YqxNaTVCeka510VeaHQLHhsw4ztNyltCiqT9F63WYc31WmexDsJ\nZNq6HxnSqff8c/jJwiYcOhleHokzIcJ6fz+DTOTJqEuFRX/q4i6t+x+bCy6E\nrDOW5rGjvX0+d40B/6R0aLkJt3WLu9szBPY1a6/lCR7LpDz0c0D2ykBSlOTK\nlBZEJ+JBU29ErbMY6UVsSXHDDyFkhXBmZC2/LxS6CA/+QQB/iEYCvzMMnc/C\nKWqMEvPXt2EEHYBNoPV8WHSdxjEhSXB5Wjc+tWONQFh0My93UOn3I2plPQLQ\nGCW5NWiz0h24oER4isY/MwR+RJaodPt0vfYFlDxFMBqVT9/NaDYF1PYLFe7u\nOqa4Rbp5BJ8th2ru3JIBd3Wi0NdDp9sEZQ8Q/Kh53xlvVvandYcVKwq4gLcL\nB5zw\r\n=zWqi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"919526f37cd7606c0de4cc409ed4c1ead34b60eb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.ec729683b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.ec729683b.0_1574870077462_0.8834514903472765","host":"s3://npm-registry-packages"}},"5.0.0-canary.b8bc4a26e.0":{"name":"@material/touch-target","version":"5.0.0-canary.b8bc4a26e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b8bc4a26e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2888b30dc196360a440ea15d9815bfdc6c55248e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b8bc4a26e.0.tgz","fileCount":7,"integrity":"sha512-W6QU6DK2bTCyz1Rm7AbxgPQLVtV7Fa+K+9bCR4nqrFiYcZre2Zkn/u9pKW0IxW0HqvCRfKE2m9bxsgjUMuhNAA==","signatures":[{"sig":"MEQCIEJAY/wfqVpb/V/3eluHV1i6/7oVcpeImZt/H8LrxuN7AiA92g2AoOBTA30imqWzWZAk+gGDstcvudgZC2gXrl41EA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3suSCRA9TVsSAnZWagAA5rAQAJTC5n4xDTxtifFVehu/\npIMU4NP3O2fO2cm3XIpM0U2CpJnC3E9TeANu0p6qRLidbFLwwMnMdWQMdU65\ntgcITX7E4A3QHyyrFbxyraoxIH1Ry9nUHPa0yL1V+gMaoiAequ/CGVtexkfW\npThLbE0mFzREJQIV1/djli84cs8gsWYjxuPqtXOU4q3RVvGwOTsM2J8NrRQK\nJoHcvo9JgaMaXfYyJQqqurWwQw3sKfuzVScCaLptLJuNw3LfDxzw8gMSD7wm\nskc77uqCDFGOPeiwIeTgQlG2ke5xqVEq8IYkT4KBBOq2zVXv3ynj3J6Ip0qE\n4Vl8ZmatxY4lyCfZH7QlCa9Rn9qC+BpMuQxvq10kkXlo1etMCsvipVGXUCmg\nuQxaBjJcICyjB6qMOio9/zvHgEsYSzoYdjM9hIpO6J0OiJIiI8EKQxHrG8uT\nMPIwHn0fOB8QVyQf2SUI6eLmHeJ/PHKUKW57una31TpecpU/beOUGdKBjM7Y\nPQZhCNxiJ9Z0DN2b1nquIUnZmNGh5hv6HDizz8zjwqIABoQnayBMa9i7tCRP\nqC4JbD6+25QPI5KDxoO1+V5LRz2ViAmsAGFq8PkbB/CKLP6BGXqj8nLh++Yr\n6rydGV2yUnDC1+tRHDw1l+G9z/EG1pE+cW49tGdH761N6Ua6mbfFrYZCS6Q2\n5RVY\r\n=VUJ7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d04615df572bbbf2ab2eeb76ea45696d0a40563c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.b8bc4a26e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b8bc4a26e.0_1574882194520_0.8012018764079729","host":"s3://npm-registry-packages"}},"5.0.0-canary.f978109c3.0":{"name":"@material/touch-target","version":"5.0.0-canary.f978109c3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.f978109c3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0707aba7fa4a519d4e8daf9120f4dafbe8eab9e5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.f978109c3.0.tgz","fileCount":7,"integrity":"sha512-n8rsUnNzttiX7AAlx8/u5A9QMeGWGYUt43gOBwed4LW58WWvnhUzRNr/RZXS/rzpp38AN8JlcekV26cjtorJ6Q==","signatures":[{"sig":"MEYCIQDlZ639OZXo1f3OKvod7xsw41Mu+GTqnc/a3NlUhkjRIwIhALaLPfB1XVhxIBZ0lqvgSSYq5rJOJ7LXMyRfc9L43KHL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5US7CRA9TVsSAnZWagAABJUP/3sMZiKSZfUBkbm+7W+W\nwv9H72qqDc7+k97DpHlKWXhwF6VnPrIpdu8HnCcsiqZb3BGmbWPTT1SYbXGk\nL9+j/kB4fyatBg2yEFq8yJ2VqfM9kn94H39lJkjpB2l1WVepM4hZp1kTAgMI\nUnt+tll8wn9+J1L3QwUq/S3B8SfJOS5Ay/dNO2WutQL3jD2TVvkUw60F1w47\naYndZTptKM+FwXzKs+vi5JFtgjjerDrQBcvg9Yh67KyMWFoTZ5x8Fspa89RS\neiwvfuW0NzyLs2E/kBRn6cEydt8Ya9jie/jG7boXouK9NsQ2AXEjV/F4OpQQ\nXwB5Ufe4JtLZ12LCDgF4OemX3GlzyGcs3HEgYo8VXt5OgrkEiSSDJEGlzEab\nnKqLmo7qvGJV1gTYb15xdV4xz3CHYGi/sBorfD51t7l1CR4CdUhqma9Qlbld\nlk15ab3uXoigqLQqoOBOfYVr5NCL2T67I9MxvXGFOY6RKxpaEpxcx9VXBEGB\nWxKiqx709yH/+FZXfNcy1m0DSDMKhX2VOD+EocmYQ6yZ7dh2EmewC5CI+Pbw\nSGIkLNu7/Y3uEvJh59ChNwSKGQ6wczFYl4M8kpdEGroXZM7ej7v0LWjVBvfT\nNT8nmXg+Dg49mBcww0fnWAIDSH0mufVDGn8ei6C9w0DFyhSA5f8A8y9VVMZk\n/Lyw\r\n=akVD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"27bb2072dd0bc0aec40da3282431f7513467bbd8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.f978109c3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.f978109c3.0_1575306427420_0.6915139446410798","host":"s3://npm-registry-packages"}},"5.0.0-canary.ad9dfe706.0":{"name":"@material/touch-target","version":"5.0.0-canary.ad9dfe706.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.ad9dfe706.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d51feb257ec5f9313891e417419201d0adc8a47c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.ad9dfe706.0.tgz","fileCount":7,"integrity":"sha512-htR+CeAT06pqRzRzUENDPqKRyIgRRDFqvhnKeIABPfHa4G8M5z74dPUsGuOLfPnEYNPqMeQams+HEnE7qUkWhg==","signatures":[{"sig":"MEUCIGx4z6G/b4wslPNDX7fgGH++gmaE9azvYdi9js649bdOAiEA/eTiV4xjjWvJr85SWpjqrh90SnzOHGeO/IXsI5QVFog=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u0dCRA9TVsSAnZWagAAHckP/3qDubLgIXdSq/CnnLCb\nCo8iIT0kZjd7MwedkO5hXBWM88sVKugNWlC18PfyUabPI9eilEUUOd8AryfT\nOkgRoT3p+7bBpIGHceNkIC630M5tsM6HRY1gaqylGL80cWzA+x9frtcNEtRB\nsYl/PolkfBTdcqJ9x9kqVYj+ORPl4XH/D8rLiSTPOAMaM9Czqws36NUaP389\nwm+KyAmzu3bhcoyqYWIbsuDLM1Cd3FWSEtfUyJ2BkfeH3dfdbgZBOQcNkUV5\nwY/W3s2q+z6Bx5zM6xqeQ4xDvkg1RFQUAaql7asONcLVkkIlHUYyYJLoXDD1\nR76x3+mRviuaM+xCCO6J06TaWOEdkTC+tGcIOgyJyK7L9ZKsLWENQWLx5boo\nA3UmlqxsWkS5Qzgwy4n6JGohWgDaXB0TX6sXVKmmz4wjIV9g9qI9gD/kz9XA\n47ATwuHqEPSKnCAFXkDVWbpE68YOJKOxb+DUNzYq4Vsi2ed9K4pVLT9x9+B3\nQYZ9Y6aa8/N0P9RM7GyXxU6mqKNPpklXWTnq6lg4F8x5SVsfgW+0H6s+6sg4\nvCU6Se5lyzeSdYeN69H/wjYkBuENrBBnMk4CfA0M/MZReEbV3xFQWH7ypxTH\nOQOm5pM7PH+mhhGc/6Eun1ihAsbLfz2MT0MIWy1S4ygDwVgSsj9Ark62eOjC\nneNC\r\n=tANO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ded1665c7a532bca8466d5bc100026f56ea99715","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.ad9dfe706.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.ad9dfe706.0_1575415068958_0.336656598654266","host":"s3://npm-registry-packages"}},"5.0.0-canary.5e45d77f3.0":{"name":"@material/touch-target","version":"5.0.0-canary.5e45d77f3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.5e45d77f3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"57341fe165d6f3b20df0fda6588e9be8ae5d111b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.5e45d77f3.0.tgz","fileCount":7,"integrity":"sha512-5lHf2SbVZBULMTmJJVPtI7CmWmmwgEgMDRBct8cRmzTUT1tM4gaQLC5d3HNYoWF2evmdSit8BaqmSsZoXg61Cw==","signatures":[{"sig":"MEUCICfk0yZU/tIOt6cszq7ocKNJw1kXHGeXhoYFGwzSX5f+AiEA/VQ+GMNdRTrsENc2uQGftsKSixDYg4KdsNNKpeVs1No=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u1kCRA9TVsSAnZWagAAcr0P/0ebnrDjiZnC28Eqf+ao\nIj7JlXZM07P1VuwR4czVR/pX3QDG98ThtYk3oceOQcXUg2WseHPo/prXEiu3\nrv/BFEiTOiQUbxb+URTW/SNghWdDfrE/W5DwGmJYlJ10PsjHJEg2zNXm4nTb\nfQULYD/Ih6Nw9pIhm4+3vf9+s9Uvya/0XYQpLSvLdB7OH8Wvh/HMJdOuvdNO\nT8dOaIhymV/gN+8yg16fCsedwGjXVhaMG/F32yKhWHxXgqfATs4zEFEt0RcG\nm9kYPDPXhytKwRHhdAfOKqY7ysUUzcKQqxSK+WmlqLxDzEY5lt0QHkyklEXS\nQdhCBQ0XrRATyB7t/8qInw/9xt/Vsp+UKoelZKcRtdASS9nIb6UTWUHUODEd\nzMSUEiJ/1bmQ2MW2XjHfDggyQKQWe6czIqCZH8DZsXlxdjK9II5skFylpBXM\nley9+KnPqHt26/onAkzbAQHjYmp1dTijD77pLYZ1kebvsG6zLGpoXPEFMHmg\n8W5FvXqJ3xvoQyShFYfi5Fj5BHy3iDU9tLvbdwp9ZQkLj0eUD8OC0oaSqoBR\nvOUX6n4eMpcj6bozkFztBgq5wKWcDtKkaUao0GTY8l7o3Xow09inPcLEGLAT\nKcVQg0n3f9/noCzIW0GawtBBnbCBZVCCk8xUECyY9/AsXGjYXsaCE0D7rzae\nI8hB\r\n=g/bs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d7a20a5fb792fe297fffc09187b6dd3859babcd2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.5e45d77f3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.5e45d77f3.0_1575415140338_0.9651098639147349","host":"s3://npm-registry-packages"}},"5.0.0-canary.d10e8cdf3.0":{"name":"@material/touch-target","version":"5.0.0-canary.d10e8cdf3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.d10e8cdf3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3299cc0560a3bae9bd51c6a4ef25e2e3b98d677c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.d10e8cdf3.0.tgz","fileCount":7,"integrity":"sha512-KOJfzX7F8i4BK0rNonoKXD1/uYyp1osVELsIkcvu7UARYUlgeoN5xqWMsIVUB4UZbynwfg4aQZYCSoCC3bbfbw==","signatures":[{"sig":"MEUCIAZ2x7I4n/t1ubs8hmtPy7mkznm10S5jMSQMLpyUBygpAiEAi/2bd5NIq58HCrxyUyiQI2+Bezf1tKT6RZEnnDDrXxM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u2XCRA9TVsSAnZWagAAts4P/RwEoWf1nxd9QmL3v3TK\nmTcJrHNVq4d1o/7SjzBujfX8kKZJwHMVo0GEn8WYuqsocZwysyPqdtdpD3/h\nI/U7tB9gjRGZig3iYALbLdLAFLpuxw3n6J1JIN6Y1nj/eRh3GQ2fIXOA9ro+\nItjxb9yKCQp3DCTb5OzIh0WWUV7/ndLi4fwdBtTH81utr/if8MscQA4eT5WI\n2t596IJjmazv3KfVCzyM4Y8haAc2hDmaV4r8KW2j7HzMxPquovlrOXsHr/5y\nuW43Ttt9QKexmbmriQfee9eVX3rsvncGH8P0Hr8suPyzjhx/HlL4Z7xV7yp2\nxJGf5BXQBJ3wrZu77oZDAi4/GmwT8xofpfPdHnP91IVuClV5B9bvxBAFb8q3\nfeuYbD7IoqKYZDYKC0IfrVUUCaGZhUEk0YcsJKEz1fA7trmyC0TNUf6DiKUJ\nx6c7YpzbqBaa6Y1ySpRaykqtTHRfENnWhfMdjyN2m1j6DtGV2AcTWxwB3et+\nxtCAIJMR3wgz8bnh0KjgCfE0mUSeKOaWKRAaREuVYxn5OuMF6NrZ5xAa4JQV\nP1m1oqoGz/VnNigzFh4M6uQF1pWxD5v5k7a30aWOkSIrC1CtWUL/7LBai08N\n77NhKmux8VRX1fKGw0aGtD4X5njIMBSipMIumW7hzX5mrQzIy58V5XLLfzS4\nNbbJ\r\n=4ayv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"855cf0e11682e4f0f44f50292556ce39ae2824a3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.d10e8cdf3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.d10e8cdf3.0_1575415191264_0.07021447996351027","host":"s3://npm-registry-packages"}},"5.0.0-canary.a5dbd8a2a.0":{"name":"@material/touch-target","version":"5.0.0-canary.a5dbd8a2a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.a5dbd8a2a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"76838c8e6367cb411195fa272868c6a644d57506","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.a5dbd8a2a.0.tgz","fileCount":7,"integrity":"sha512-cNNzNSwj65wecp//2rQO8xpLkoLWYJIxJFke4SefFciLRdS+o1uaxDYJEJhJZtxiaqfkHFqsQkFWPRHB7lhVfQ==","signatures":[{"sig":"MEYCIQCisbLcZjAPek2ViZcra+K4QtYXcpm60j8wDNIHP/TKbgIhAPVDd7XAXuxypdsZ54Oq/B7gvgnL4dPIBw9LPJFLXd/E","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5vXFCRA9TVsSAnZWagAAMMcP/Re5egWP4fo8pQIhTkDX\nxViCfzu4XnwgrZ4n5Z+tPW4QIZ8iKAawFnR4/jwpTGYdnK5owuFSrCFHR2HZ\nWXOIfOvCm3vAbw65M/F/0qiSv9Bb2qr2eY5KvoCRpENfogzE7141kaVxfFYj\nlph6FZNU10/jXz49+Xoe0v7wWWpeJYfCRm5jzPJiVD+Lf3OJDhzvDQJzQuVk\n4TidifWDrnP7PcXzvXpbwgJbekZKYRcjqwQW3CWM46oOWxcgvjlRU2NG446U\n437qFD/zgqDmrtfQqRrLaslSXR7NZFbEtZd4HyRBzhM8eTbJmt2tuHyXfdO9\nmMBsAWJpnBQrxqCyXx3t9S2CJrGsHHSofKPtqkwJt0oi5Ike9iRFrmziPdsc\nzxP6Jknmvne/sYz8d7fh22hlU/9GiRsjmFD53mSUc28+MZGHz/STxAWtvWMe\nzsoUs3ZiSrC11e4cftLhgahb9PADOzFzgwRf+uiW5Y/sz1pkWrX9dOlFX5Ix\njGHRm6wtXD+jBDBMrdUvg7mScHyU/8dYY9VxFpskKsag8pyAfgPgnWuCYeG8\nYYTu5bNsEwh7mqTa9eLr3n5viEiRHQH4bKQWQh3bhox7P8Y7fHhYa5XYa67d\no6QvjUirzUVdTIu2HGYZWiyD3muWLa7L7Tu+3dNr+ZeKGw7+GemEF4Q4jGYo\norJs\r\n=EseT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8a67c95c393a733414be4fc008baf7637a9509b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.a5dbd8a2a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.a5dbd8a2a.0_1575417285151_0.22812087572691486","host":"s3://npm-registry-packages"}},"5.0.0-canary.ba879b68b.0":{"name":"@material/touch-target","version":"5.0.0-canary.ba879b68b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.ba879b68b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c2b4c0bc22cf484ede1dd9e88c92a09158dabe12","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.ba879b68b.0.tgz","fileCount":7,"integrity":"sha512-baNUnPZx7iaCYM80bT6h2Gb2dGH8Fg+2JXYHd6/DUIBeKAq838RogAY6IYiAjfZ1JXPwM9LvqWodEqGt727dIQ==","signatures":[{"sig":"MEQCIGhO55mTDeTsggP/kP5JgBno5YqcE9Lo+g/KRqfHJKthAiBRH1pFbefOjkSeHr9fF5VA02yoHuuEQe9sGxl/XlFv3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6BWDCRA9TVsSAnZWagAACQQP/0gDSEaro8bUCuZvRe6u\nwQ3F4eeheTW9Mr5cHdVxEW27a21FgsX2UByrGMOW4Pyssd528xXqJaPkU99U\ne9wswC/jE7qcBi0+Int3D4J242UZj8Lkg4tjoBI9LC49EuIuQuokm8Jem24k\nAqKZP6Ete5pah41/pwEU0bofDa7/vt5OfDlIEpo6CFBRwbknEDl6O9Qr+wCp\nBSNlAk7M1WdAzvObE+xCaBLjNhwFJM9bn8Zb4Hlq99Yes90C3lzlsXtGV7HJ\nFq35qd9s2kdge+DVjO4KI1+I2uJg2K+zRNT5oITPr5q2pfUKg4DgCrz5TjwH\nznVeBTR2+EaerqkdBmhfPsEi2v3HnlwfakQOnv8plE/YcUr/9FCIQssNdjf7\n48B+L0L4qBQ4QDQizsGrY77Y6ZfcSfAjaR6FV833pXimmwjFkfAOpshZej6T\nvEVNQV7ySyT5cqmBBGVklzn6az1gCuGEpywz27fk1vIVEPv53dNLrL+dNPOE\njgvqSNN2nzZuCzY9930O3AmBYEaVx1M+O6bkEUhVIxeMEsDo1eDV+mpZGdKd\nJ9TSBKBPOWv6o//c7LVTbhJl6Vd6JEMhZaqcTYu366407cKYg5rXifSZveFh\nBQ7qafpivHmsaAetQnBGyCSIYO50auykD34uS9NLi+YHqFVgeQuiAJo5+Tkr\nPs5q\r\n=FQ0/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"83bad042ea5d5cc8b93df88a1d4730099550bc6d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.ba879b68b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.ba879b68b.0_1575490947365_0.7981863454883249","host":"s3://npm-registry-packages"}},"5.0.0-canary.aa0eba489.0":{"name":"@material/touch-target","version":"5.0.0-canary.aa0eba489.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.aa0eba489.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aebd4527ae73a8398c86356f998cbbdc4f917ba3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.aa0eba489.0.tgz","fileCount":7,"integrity":"sha512-fRsOhj3O7MZQk63RGLecP/nVRXvW0nbxV3ylFv2b7Ze/5iCEoKgBFw/7hzOObgReOEPpQSBAAoiaEMldp9bZng==","signatures":[{"sig":"MEUCIQCYjFin5q48gL8JSfqKIARAybrc90w8fb0ir9i5IlZH0QIgSdGQkcOASDI0W7w0Qyt3V6fb3BWJycUnoC4QHHKAq2Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6bXfCRA9TVsSAnZWagAAJ6sQAKO9k6PZA9svBBpCOXWN\nVvsOeINiWY+vbSexDEQY/7X3t7KuAbHSCR5y9V1yFd39qFmeBfFqSqHLayhr\nwD9w2R5cQdAjv4Lqt4XIaJrdaKgwGnMA9Kfrhn5XpGpRl+d4uN5GR62f2IHN\n8jQB2WEeNzoC1BSXQCoVTCUjn6r/c06cZ4/Gpqk4KEdsWsYfQW0FWjjhYLHX\ndaygpAPiXcJAH4XaUrk7/QY9C/skHqEgMVLWICPklHDtj5UW2Jwq65xKiks6\nsnvO5AoZFbnKvrUSLLc9Y6nLwREdxtZK65J1aKvWI2a/HPRK7zS0z+RGUPbC\nmzLmAvwNXkHqywHAFuvoy6U2NtoKofTzgXLHuBO6J/EBL4VtFLIHbm7AIq5s\nhcpgCzvUGad3NrpZ3m9j2YKUHK8eaNEdt32FEuz+3lpu1YbE9UDboGr1G8RM\nUtAtu0tBd4LPfrjp3TgOlOeH6lShz7yKQciVSxsYnsX1euZd4FXfgAO8Os/P\nDvfu4NehQK9dwTdwHToISiKzeLhBZmN9uO+oO5JcEh39NHuHH/T2sEgXI3mT\nG20XbtX7GRw8fX6IbOpdRzDgqqCnMSgSAF+dLoCTWyi2Rog5UaoOwD/4YfKa\nvkRcIqu3GM/DBlk/J+URhZVEG+XyjeDy7CPrzm29X90AxAhgfBelYdd1qnE/\n1LIg\r\n=kgTr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"50ef06854f8319df2975cafcb0b8c94fc399f155","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.aa0eba489.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.aa0eba489.0_1575597535270_0.5148096602042593","host":"s3://npm-registry-packages"}},"5.0.0-canary.cb7b71a86.0":{"name":"@material/touch-target","version":"5.0.0-canary.cb7b71a86.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.cb7b71a86.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd44645c96aeaf62e3fbf6c1be7114bd03a83e25","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.cb7b71a86.0.tgz","fileCount":7,"integrity":"sha512-yCZJ4SSXIJ9Ve41bYeYfhTYclFJ5god/YBlc03AbTgKhd0zRfJ8Pie/q0ZYhpmkjT6l1YwTyn4eQNSjoyoqc0w==","signatures":[{"sig":"MEUCICKBlIO+zA80emY73oRB4bWSDgSkg59lrpvspoiPwCbkAiEA9bYr6cV8sA1wr9ebi4gkFdl+i3cL3grM2twK5nwEH5E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6up+CRA9TVsSAnZWagAAwwAP/iunEhc5CCU3YLmjkt5T\n3iy2jTC+tqE5cA314XAUwDw9ldAzW+FhEpUEd9aa7VqlU5DKlQvUatN4WgMq\n7CcPM/RhRthTeuoW50hFt4MQ0aLnRvxPo9+OKdxzYcc3ld0gPV1EU74/nKGy\nn7y5RvKai9XME6MZuykV2EVMz/O73b1dVFAg3WycSMRLodHBm+zhM2zRHGrI\ngVbx4pBz2qycYiPKcZsBtYqiAaZpEwi5mEoPxTm4tUdzp7/6gxjFNF6V+u7l\nX79NUGWsPb2z+tyHXJ57Oy8actrbEIpCMSiil6/aXVXGuHT/GF58T3b7wCiZ\nWKcjNqWnC0tiZ6CzZkhpPmRx7qZuugIY5P25r/hwX1v1qv7L0lfGj8gxYsIJ\n4d5o2HG5mGcx7gXGhAG0+pfbW5qdj/We44/92HudUiL/3htTI3gem0j++Ype\npEp5XVnqDlG3oVVeTSBc8/Ds+JoK91gGC+WBlPjtBPD2iW39QLa/AlPEl1cR\nWN/r4UjFmebvcsu/S3/tRyvc9HZ56Uvb43AFx0Ev3TcAB1u10brjX2tHu8N7\noMoR+u2oD0pfhRRWelje0Q9gMxEizwQMoJ3RSIr9XI8N06lq5zQ9Nxzy9F4g\nmsEkHbXEve5VBxWdldEXZTU49YPrSDURF+1dMD0gv90kF+/HEBfvsALOfDYz\nWLk/\r\n=rL9G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2866cdc43c0ae69bc09927b490f0805ca21adfcb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.cb7b71a86.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.cb7b71a86.0_1575676541570_0.34245772571850486","host":"s3://npm-registry-packages"}},"5.0.0-canary.50f110a6c.0":{"name":"@material/touch-target","version":"5.0.0-canary.50f110a6c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.50f110a6c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b0a114291d344251d6eaf726feb980f3ca35d76e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.50f110a6c.0.tgz","fileCount":7,"integrity":"sha512-SCTukshb6iHgXDS7gjBHvt5u0gyjbzETbGSXKubsKBWbf9l7ERlUq2/u6MMrNlBztFC9Bq0xiwCw3T1pK0wUrw==","signatures":[{"sig":"MEYCIQDNcHC6ljgHNDSmpMaVzo7THyi+dpjamDoZi4q7YSfGpAIhAKW3zOcedwv1fjLKaLHEtD+6D8mOztbSgGKJUG6orQDI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd787rCRA9TVsSAnZWagAA8a4QAJv/8ab7T1rvTOlm1jqf\n1iSmfibmG6ctnaXeCKcmSbaAZA96ZaqXtdB+/94POnV4hfVq1CEF3cACJUpA\nYxUZkWjzkORqmtJUDgxnAAjEBKO7+CBDbQkpNv/qBP+JcW8JQkA44h+1AYfw\nRRgDb9aIf56eOZQgbmJG6Hk+DtnbF96jUk/L2mnco0AipDg0lOaTe8ROk4Yh\nC1xQtHPbuHphfZSN5g+c2wOWb8Sn24UB3gHdQ8/BmVgqaxbsxS8ew8B9qXZg\nHsWuDTnDqpq2mqIsi14wzNlOhLjXp9O+zKtMJJ/zMnWcckXZG7E6PBxK85DY\n77OB1+xIe51tbB+xZxaS/TXhjjk6vukUNptyxcFiW6Nulj9ky6GJaeG01AEl\nUixpmaz7/Azai0OPrpLmlrWZtxY2pTpwgW1hEnwp9RIZ9Y3tAtH5cYNE1huc\nFeiv1KK73CPi18H+VTLmjz62l2/M96SbDvNt1lWiHO5/T/ub0vb0I9g9RPTf\n/VeEALSeATvl+1I0dTpWGs1W+kL1rN7LutADi/06mez0ZQnAFIea3lqE6AeZ\n4ux5WOIK6DFFsdjBC5XwOYpkFmj+Nq2elNovjAHCgcucjum0UAwJSiJD5UfE\nxsG1WpKnpqzR9yJp3AZ7iVxQ3qFp8ZFkDmNXOKh1q9eK2gt1Y4KVz1k3L7ZD\ncCt4\r\n=9weL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"84e9b8113e75730b3079c429f751cf857a866b51","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.50f110a6c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.50f110a6c.0_1575997162560_0.7647642662526428","host":"s3://npm-registry-packages"}},"5.0.0-canary.878a08b7c.0":{"name":"@material/touch-target","version":"5.0.0-canary.878a08b7c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.878a08b7c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a77f8f3f8ad47186913e9d85f4bdc8f40fac5e4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.878a08b7c.0.tgz","fileCount":7,"integrity":"sha512-M4DBFcpOrTA9Mhkd8YeMA/tF4ic/vhCjopJPNVaTDkNUXlJ/bPVZ9YBH5ximNPA39JJwnNvAcEglCZDGPuLuhQ==","signatures":[{"sig":"MEUCID1RpOj672QN108kXppEU5Xie/fpZNfjqgbyhFR4ipuWAiEA0d01dVdtCvowPCDn4WVm3AYROnPBpJT18GEuInI6szc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8U6ICRA9TVsSAnZWagAAPp8QAJ8o3fj34aKVcw0SN7LG\nSthMvUuk4sOi1R/TtSl2KnAL32Jq6DQvDA4ot9K47AroDYtdL4UPGLzNid7m\nNsJcwF2Ju+mH1fzjOD2ZUnzfCmH+NYr1cZPkWpuiLPMPhzMljQb0CW0sVmcr\nstDN2m6qdckkXJ4wU8TjVnbhCNDo7d9aSxxjfbKo0yqCy5tto3gRCJd/kOiP\nNwTT1zAi2Hu+etqM772YY7pq7ICNjCsHBfMCfXi8xHh8uKpI1jRBM5nR8Vsv\ngOAJ2paO3xmtvpJZl9ymhEEIjhYx0fia+R9ZWRiO/L4oK+X9pa3OVHNBsaYK\nkdC0fVlqpBBZpyHBaeOa1MeF0gt7t+XuxfopSP2NtImB6VoHQ9yavJUeyxf0\nRK9B/uPWMMLkaOnIPUBTzfUO3Ll5SXssA2LuFe9j9sZxMVTV1sOtDBoxgoTH\nt1a7hjxNqWuAjABDC5e5dVQby+x2a3hYXAX7QtdtTHWVmti0bclfYnHNwBJ8\n+JMBudtLCXVb2M9S2lyMe71zJdtxRMG5bNxSwccKSXNx48OGC8kyph+tyqaJ\nd4VCSUANPgL5fLdgWWA/p6O3sF1tQgF2zwCsMk0A9/MtkLZxn3dhGUZxuF1V\nYbC/SUw0zCKBscK4WlHDoRsHyG+IfwmZmN5WTGVtX8biqti/A3XRLBfxvay7\n+8av\r\n=qxV5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"13bdf58f09c0e231663da8e8e9856d7a442efad5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.878a08b7c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.878a08b7c.0_1576095368438_0.17518491449257723","host":"s3://npm-registry-packages"}},"5.0.0-canary.397905b4e.0":{"name":"@material/touch-target","version":"5.0.0-canary.397905b4e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.397905b4e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"faa23b4f4a5a1dcd5105cb2cc5458a6e3d4d5a31","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.397905b4e.0.tgz","fileCount":7,"integrity":"sha512-z9RyQP7hm0zouoO8Q5VQ1nGFyx6te4Crl+d2iBrCBZhWNrqi+jzKBt2WakQ4gzUnW8UkahsM2sumSzFiTERgvQ==","signatures":[{"sig":"MEQCIFTWnnsNbT/sXC/yBl5ctXCdC4wU0oQEwwtfEAO/SGMrAiAL1aAc+vkUKDWej4pdbb58ro78u4pVXu6js3xYVt1Opg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8aoqCRA9TVsSAnZWagAASrQP/0ItIafIN4C9VWbbQX5l\nPY5c3kgyo4SN0nLUJ4qLwhl57RwtcFrY8uO14rjQ5a5POtnOgaUst4pj8ch/\nE0/7Aisd6GGSVIVCgguO7ktjZfg7EAHsZvPqfidLUw2aZtbp/FTapjRonhll\nG4qTq/7PTCtfzi95SHFBLYETseN67yTH1sjfudbgKXRDywRYYfu1NCzcqIUx\nTuKosD+Xxu0Rf9rutglJD7gHmp4kkMZ9JHJkKZwHBZzfYNPLpBqZMBEe3yiO\nS1YwolrVKn/RTEa6HouS7XvsugVyxO2d0ewocowG/8K3DjUmNooMMyDq/qIV\nViBoDQvWMFG7jsijfnqv4qwrEFvKXKNP7RUyZhPpNRsVwcuk8S+HlRgJNEk6\nxqK5nhizeRLSMDl0Ud9WnUUgOfiYfqgiaAXYO2QNv0/M29SHdiPVeQVgDsDe\ngwKMYlxZqtbcTth9ezeWijEDdTwZd8rny3E3rQbTF24S1//2dspdLSMl8tZp\nh5U6VAHmaBRGbYiQbhJoUeK12e7fGGqy6h1xOWxHshMdLT3bSIwL1sAyCgLF\nC70P0pEf+IkxQtXRLwzvLpUC7rw5oISKF8zb/naCupkhyCQuonFjJJT43o5t\nqbpCnGc45Og0INJ7PjkW0uO38Mh1DW7fv1Hm0CeZY7FuYCYlyLrvv+Zl9MJl\nYiOK\r\n=cWDI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"43ff8b8aaa48d3a31fc6835290f1ea1822301146","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.397905b4e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.397905b4e.0_1576118825753_0.2029216568485117","host":"s3://npm-registry-packages"}},"5.0.0-canary.1fbf5bd1d.0":{"name":"@material/touch-target","version":"5.0.0-canary.1fbf5bd1d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.1fbf5bd1d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bea0c731e41091c06bdda164f6f839697560daab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.1fbf5bd1d.0.tgz","fileCount":7,"integrity":"sha512-fsfvEjhL4+V+egzTdZFEcxDnleUh4Awns/jiGjFSSkamrIC38xsNLRZMllP5O9OdqA8VeFc7ZAM9yDlrZlbvSA==","signatures":[{"sig":"MEUCIBEUIUh9Mn0TZNdvK+w5eXev8uncAZGYFCvRG2IoyRfTAiEAkriSR531Bmt8ucLzzZ1ZIzAdAB666ApgiCr6zDX7VNQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8o33CRA9TVsSAnZWagAAXIkP/isFTOOpVozbXEOUpI8a\nC+LAH1n//WUs8+dZSidzj9BuIdChUj7/lxh4VBeL3MalXdiyUE6gT/RQTOJ2\nIuuei12NnfHwm4Id8ZujBF4vsrkbiCVc9eqconwsbDUqJ0JfC+PRJFMj4Fyj\n2YOXGllQJj7Y4AT8wNz80JFFW0a0VvNaK+h3HjcdFF2ia3xMihvA7QE5YYrb\nWYjTuhcwM3TOPwcXO0xZqKNqG/YAQz156fqwJMN4LEDBM5EtbWVBAJdFjYml\nbZRnS00i2XxqODUMySlFZcfDa0WDH135K/+ZpniqIZ8YT02IlFjvXScnBNeu\nU0cLB4uMHvA9ftkSNMTwyxdUngUhDK2nNfzSXM943tHVWKYZijWrq6s2zO1C\ngTZ5NmqTOK54txUzAgUjJjS0rk63xC5rqcY2fUVuxqp1RQRCgMhJTV9ep3ge\n1J2hrTo4jXD4Z1CioULOXul6SDcISTzZMMNJQ0srac5tPpXqY0HkI8MkNSB9\nT7JFuZcoTBOubcsqQVbppkodS0XXJ7t/WF9uW9bcuXegQGE/oSBMFYVOSLl1\nVlvZuNptg8gVYmNJmQ2Fc+d/DMmaO5DQhdLxRwWMu38TVuG7sfZZTXdlZ10K\nLQMh748lWsl6yOCGcqPPasGcqWZck2EME33T1BH/ejoWtLy5ejh146xe9X9I\nwEap\r\n=CLuc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d1aaf5edd2a8bfd34d05df3e3c52dec6affd6812","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.1fbf5bd1d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.1fbf5bd1d.0_1576177142717_0.08382888655109588","host":"s3://npm-registry-packages"}},"5.0.0-canary.b723dfa78.0":{"name":"@material/touch-target","version":"5.0.0-canary.b723dfa78.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b723dfa78.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"045c844614388d9370483a8ca310219ee4004720","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b723dfa78.0.tgz","fileCount":7,"integrity":"sha512-TKUyHOvQjTQdj2S9L3IlMIyCNL4aTzZ+iBAZbKvGAZQiiGFWNSPBNjo1VZMGuoU4j40KATYXUbGr5JmX+uULPg==","signatures":[{"sig":"MEUCIG7pN7vcWGlLr7TJ/UvxTsmUcnHULbZHTFflrD+sMqNBAiEAgbzpI+hb6R9QmAbv099GbLrq4iL96WLP9W63K/mXpV4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8p55CRA9TVsSAnZWagAAdYUP/RBtJNYUJDqykjDijNef\nRFct3Gp2noQ+DcEoLxprrfKG5wAlgGlL/UiRB0atgHQgmTGbL8IjtkoMhvLQ\nsEIkX/ZnyYoHJYEw95lANFDMG8O4wEnEhmYclPFCqjvxKgOFNcdRZCjU4bQP\nv5VVcsATloWlkhRHKGZUXyBAuN+JM0vAnY/wVOZV+1cHGsDe+8FFDje6tTQk\n4gHP1l+dRkAaOlb/0COOhIy1+LvxQiPewgFik2ffVXKFcHaoBH6RgdPLuPFD\no/peUE4XHajMxs+vQ0uEgTVQLcZ7P+KHT+nPoc9VnE+RIr8lhtslCpo0Vt+H\nihLw82HOs+n6+J3K+o+t2AAEODS3251TfbzA6QxkwVymsd+XPKkifjQmrw2E\nroHzhx0zTawBbmTzimRb7ZemIPGFZmPrfWJJhYIU0WVhqOuuiW4xlUJj7lXv\n+42sjIOUd226HQWl9Hzbc/SEZ9Pp/X3JwYDRxhbhla5Co9BkKi+MxdCM9BFy\nPYP55iwj0xvjgXwPT/JSbBYZcZuLZphLzDgzl+qFNhFVFBEAxvnw2Chh93yr\nJF3RGMteIKypygNQ0Ka15VMwkTEvIkVMCzYkTzUcsnIUShEXEqy3oA3tsUce\njfGY3L1lleVH3tUxSM3OvvW9CfT5UauzwW4PqZ1goLarUqbbJVjmbMV/WXqH\nVXjE\r\n=uKET\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"643046d4c1ac458ec8eb1623c5951b3c9a17d2d0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.b723dfa78.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b723dfa78.0_1576181368930_0.07306911989329978","host":"s3://npm-registry-packages"}},"5.0.0-canary.1c494e567.0":{"name":"@material/touch-target","version":"5.0.0-canary.1c494e567.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.1c494e567.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74906e93d3b6d957c1ac470e21746c4510b1c3eb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.1c494e567.0.tgz","fileCount":7,"integrity":"sha512-K6he0fCA63ruaR1I19M7PMNJW1m2t50YiX/UUQSJFtGq72WmA6NXu8CEWjuPI8mPXNbl8pMFCnv7UXsLANyvSg==","signatures":[{"sig":"MEYCIQDPkOdhNFrkG3oynfVPNSfltJ5r9OWT9XYk/pNMDsAwTwIhAPs3VfA29CM7km4VUBsGmOvlTb1iAO3TVf+gveZWhdVg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8s8BCRA9TVsSAnZWagAApdkQAISLnrmQ4kiE2vlz0Xmr\n8e8+JUP6yY741+GRIA4dqiPR742V3sMDTmcSLsVPvtu71nWbevrSK91UbYpf\n7q/6YvUjC3miJPbuKhuYIYflkpG4fb0I5K5Yf2K+yXIxkrIDm0oudRYD7T3a\n8tkixKx3GAUZw+M1j8Uhnoy+utRaNjopAmt4crUlE07DfF0ctdESf0/ig+gB\nfMYmE40+R6wnBVGZTMLRwS1bxh1Ir+pXnahgvCTpY89S+ofgKX80E5c8afa7\nSKsfj7gc9uljPpozFXquojNzI5sunVutCNDJ4ktJjEmqAsFk5+TkOr9684ai\nnpm1afQHQnw9LmqdHw0oo2dt8C7CUCmkFrKMhTSQCzL94tpALtpbqrJGhpxw\nXKIjsMr53eNFfA0KtkWrr60gigo7Yb1XshesZ1fbGWkA7r4vz9vrF6XRpV0C\n831OS9nX9x8UToGh0K8m1dMA4ZIetByxw7Udg5iXBdAXTeBOesFi4O+webak\nWNMu1QAXwzaaJbNvV48FQgPo6sbCrWOUPRQY5i7QiL4ZcslccALUd7tDuZ0u\nq7m+Z+EGW+1WTp5cYmmtdA+L/CDJF3bffhSZFyQ8yF2lqSxwThcikgJeQM+F\nJuTFEN122mGVLLL6makpJnsKxwg4lSOymZLs/iO+fKi6LPNerIjAuALCU8tG\nFsSZ\r\n=ajrv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d7e01eeb35d8a54be431b39b46b389f3b26262e7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.1c494e567.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.1c494e567.0_1576193793247_0.9413062416360796","host":"s3://npm-registry-packages"}},"5.0.0-canary.c9e98a125.0":{"name":"@material/touch-target","version":"5.0.0-canary.c9e98a125.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.c9e98a125.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e07c53ae7f29d4fd60de0a7de210d6f0833794e6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.c9e98a125.0.tgz","fileCount":7,"integrity":"sha512-ED7EdDeZZFhppdpMh10nLFsW9/y0S8IltuvtE8smXAEWY8u0t1ZEpPq+cVqQGfqpQNCxd7YJgKAtwkN8YSzrpQ==","signatures":[{"sig":"MEYCIQCrRlC2uOh4+Ov7LeS1TfZtVAKQod0i46iMeDv6oMv2EQIhAPQKIO2kGDLRE97ElBTTKfjVWp7NwyXDqzbtwFGZqtFy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+RnXCRA9TVsSAnZWagAAHe4QAJsShupQnkHbe8mATuXp\nkZKwfsHbEuCuEB9qKztNeR6qRX5+aifRbft/UgelJCFcXkj71pqYq1kNuTTR\nDTc7G1c/Uie70Q5o/VncmadUTFWG+qvAAf8PYN/sAE/wIfPQMQMc4b5NZRtu\n2cMP9wPf2xcxsIZgLe1fpSay/ERD4LAIxrGqR3GtSz7ytFhgvAnBYWH5yH+J\nU5qqjkbbTCbUj8m0XxhaCW9De8AxkT8G7VGVDVAqvacLjsNalKiJFJaducvz\n8ISrsIajqUEEdbiguYgJBCvsljLAKGw3EsnZ96poEz+VH5K3pUYfB6B2aPWZ\nS9k5bh4fxORv4kqTfz2xiiRFCXs4ewYTyE8DZhI/0caORbqWomLZ1YsLcQWL\nBqDPac8Ry3dusdHMIQXAZsk5UR4i3RTLfnYfMw17Bg2Bdk8z6Oaqbk0IQU0y\n3Gu/df1gvzxyaQ4lKXcSXXsCuA2VElvJO6FrJ03mK67vtvcYj9jH2rkDZtD0\nKuz/kWjQHuWwh3mcqCzdcY06DN8K8VaOTXEB7H54RbX5W2aYyfKh5Sq6n2a6\nsLGibHaqBVer8AufFzNG/xshRxt73cXWATz0Ns8+qv2yxGG+tjrPzwyxFSLt\n02FisXUUcohHew3nlr/uS77SOtb/Yx001UVm20fSJXc8eb42RBl6TIcr5AjQ\nYsgV\r\n=HTgd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"34b4d9d0fdd6b65308344880ca9abcb67a41ec58","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.c9e98a125.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.c9e98a125.0_1576606166436_0.7745500795952025","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ffe8f7e3.0":{"name":"@material/touch-target","version":"5.0.0-canary.5ffe8f7e3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.5ffe8f7e3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"655e77fa40fb04de8c57bac96769e89d9bf15b37","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.5ffe8f7e3.0.tgz","fileCount":7,"integrity":"sha512-2h4/4OMw6KgpBF6snaqOYoDilAT2to42tPJHspj40md5VQQaK5WT4bSQvdd2CkyPbP4Xp7yg5qe8XKZZQWDbGQ==","signatures":[{"sig":"MEYCIQD43cH3YSBqAI0vrr/r1IGrNKdCObdopZfgtooDN2qJ8QIhAKY3UDnusfv9OX15KV2cB7mGUb3hdnArL25U3lTS8GBv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+VeiCRA9TVsSAnZWagAANbcP/iv3zNEEVxWn81Mu3nSR\n7MYZc33RetfTd8wQU8yiXH6fQz8uaH5yfm91InMPurgcB6WW6WeI8rxLMTe9\noA3jkSxGXRycIOoadwQXvULKg6C0dAt/qShaeWETQG/oQNswmsGSz1AKTgm4\no45AILe/txu/vWVhctzbWarHlpGdMPTL5uMkmjdSMX9/iXSq/dD83vY02ZSv\nFVDpVGjSLd7aNQRR1nvmpuPvjvsaROoVgkqbIi/DD03c3hXt6Dwgqmu5rXPg\nvtHInczTST9xhLjMxS9WMhf5q54QHUUbmGlyfcpcisFPvFID6M6JeWrKHv2h\nPDqa6IrNz8QaEykTYtcju3JrskodXPT64+KF5aZ2ZWwx/B/s8yTAaUOwQjzm\nvlaRN7w/yi+NG6SP4cA+1UU4JEKWtJGvSvBVgaycpHkqtoSNrNOrsX3POEJU\nyhUgCvsqgovdeO39QctSfqrmdC1aFRmy9pfNzPGgGMwpBeU2e2lpHLmGr+Fa\n9cByByKE+gmIojE4ouTS07upq7NsfIHCE+IyHhcprHny3V/oiEWGCFQItK8W\neX5vSb0eCRtpeLaKjZLBIxZcqWSLTxeiJsn4A1TrnsHz9yBo8eQiDLmvAuol\nHYwDgnfpCpkFoNTWg2rdeYUNwijQS11sYzFGoZRZ972P2Fc9y6BGJJdxOWti\n687m\r\n=E5mL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"21e7c11057bb3bfef94ff10e24676b9da6f427b4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.5ffe8f7e3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.5ffe8f7e3.0_1576621986585_0.03700221290446981","host":"s3://npm-registry-packages"}},"5.0.0-canary.47949b08e.0":{"name":"@material/touch-target","version":"5.0.0-canary.47949b08e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.47949b08e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e78b2508f325f285055a863a58eed44bf4d98cea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.47949b08e.0.tgz","fileCount":7,"integrity":"sha512-GP+oJJFHunaMYWQlJBjrzT7sXCUXZy3TrejXaaRRaoiu/zdHNNmhB0Vpl3CqR9w4O5ABIQQzLkD/xhqNNvRTdA==","signatures":[{"sig":"MEUCIDqP+S3lRNfPpNL4aPoAOqp27Rucon9IdlZKZHUi8UJWAiEA7QGka9Pq8IbWuBacxy3OlVG3HWrUiXEYTbce1RRhhIo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+mSECRA9TVsSAnZWagAAP9QQAII2xfRm7D1UPecofRvZ\nTri1CkU6GiGZYzlqdKGjFGVIHZP5b9h34ngmOnirbUwtuwy4ntpS9t6nVrH3\nbYGKkvmrQw4iBN6BV6uNsEsc/5sU40GIdCtvXruiHpia9jufv0s/rtR7x9+8\nKK93ym184jSutYiDfp3YaDm0YWjE3jl7kEz3kc6Qbds2s8YkL755kfd/VDV4\n/E6GTU7nPvgxUgyedbcWmDKR7zL7izwYrWbLzrurr8+R1eDWv4VbNUqTMvSO\nfPxerIU3KScK3RZhaC2swm+jRvJizbM5xoCuRK8bk15s7/XsPNiKm2JHkAe7\nmoDbb2xr7slnrt2s2Q3uYmagFyRNFPr2QLeOzAYYYP65Bg9qJuL4IsBWNCri\n4g6UTgMARIjyemWmMIlEGRstrMHRjwzuU2GUd8+p+S8f94XGVxpTJjEd1iM4\nn2IsnzYWCflHlHDsccm1A+mk7+YkGWuofDJvWwLoNcRr3BHhjnZ5GJpvQH2i\n2KxCeabGcMSF/nll7+hbkdAlVmq2u+JxqZCkT/dW44MW/RVXJMpj9MtbxoR5\nP8s0QWNI0yao0uxCa/ZU8SzeQBpVtsgopZfz+Uh5itjrp34xzB7I/Zi/Wud4\nzJuhhKz4FFvqspBbu7GNghBfn7Ob79bRoTN1YRKMwkXM7M8Bq5yNXvbXBtey\nkOdT\r\n=xSQM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dc8ea470b79b9134800af9e8866b99949c575024","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.47949b08e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.47949b08e.0_1576690820551_0.9812765842906443","host":"s3://npm-registry-packages"}},"5.0.0-canary.b240bcc1b.0":{"name":"@material/touch-target","version":"5.0.0-canary.b240bcc1b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b240bcc1b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e5145ca7ac6ad6a70d77f4720071ad46e47168d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b240bcc1b.0.tgz","fileCount":7,"integrity":"sha512-3WLBzi7d7kbcBq2l0MU7QEbI/QvxxNiHeles4+UiYEe78Dh0XYnfjNfjSDUFTIpbnXK+k7+qBIMxXhZQGPI1XA==","signatures":[{"sig":"MEUCIQDXOFd+3NOHrCpDtLJ6IXuWWdx8joxF9TnCsoELHrsdXgIgbUOaKUoSqSKydAOXqklqt34a8mTvEKaMaH6gLqCbpfw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+nsMCRA9TVsSAnZWagAAsGEP/1Da1BicfTaxKWFDr1sw\nPdsqysSdKk5CEvDLe/6r8RtNC1KhU2Zr+O/OzGMmZIII6cCvmVhuDJuE1J+x\nYnZB0rDyFhuxVN3MibVvQ49TbOp8wULoF6uONTaOVKkovVIoTyZ/o552OH/R\ngve5zhBO51UkEdxQ66+iYzihkjSF7woyJ0kH/BH6Z6hduuNVjTyJNsPNP9Ni\nZHyC3cX63J9W++TPD9dgW+LVrhu75KOPJQW1fSXEGsqhDAUGfkAPOcIHUQys\n/bg7Zyri+CBeCL+jXSsprW+duVSoqAdWUI9p8Qpl27xKL1EPMzm7nfrfR/l0\n13NaOgG28CgJOKOxySQd0vmtUrGc2BsMGIMQTj0gV7qKYg6ShIqkRT8TAbS9\nYuBfQejrVx/va/02ZFULvyFLPm7D15qWwglRM2MDV1xJC9FfzuNnu25Lw4QV\ne3p3Igyq+0LqN41a2LCiShEchiRGO3tg45b0kRu0dwYExcB0Grgf8Wd4rr77\nLrnObp0VHEm+GTW1OQWmyHZZxCKHh8DJ5wHD/UP2N/KYeCJ4+ZiJcD4R/lDF\nxASLDzfmK5ITllA6pc1ntjcb8yte2ztdKgr16/E6R5T2HtsKlYJMQKPgo/k5\nhOesAVndqP+DNS6EUkAImqCQzOb0h1EXRl3smg/bbjau+aJfFSVXp389ybn3\npjQ+\r\n=8m48\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9915c413ced383747e1ca7f2069e170e38517b46","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.b240bcc1b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b240bcc1b.0_1576696587703_0.303615072327329","host":"s3://npm-registry-packages"}},"5.0.0-canary.391674a26.0":{"name":"@material/touch-target","version":"5.0.0-canary.391674a26.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.391674a26.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a59338c27fdec0bcb1fc85700e12b77dd07c33b0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.391674a26.0.tgz","fileCount":7,"integrity":"sha512-TVbsfjdYy0ENNeNbU7ZZ950FACr9jKlmrgfOnL9MCd9FjbN2qKxb89V+mRN47oOUac8ZbBhoqmsXROU2P8hUQA==","signatures":[{"sig":"MEQCIHnwZ+NJ7YibKIPlp13+pEIL2PjZHnsc9PS4OpaxtbBiAiBfz4TJLcPywmwnsMnxWL/gR0yunzlgD7bvyN2cX/sB3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+nsdCRA9TVsSAnZWagAAwQoP/jSs1ZzTInQgYIz+lzZh\nD9CgzGCpvo+Ijt4YY+NYWmcDxdrr4vHnkNP5d/05VeOlmkngMR86UZxMbkI+\n+As0R5tzRBAhlrDaD75MnO2z4Mby3vb7C8qUKvmpvlkxa6DIXPIYYQNQHq2B\n5oBe/m2acV5ahjDtg8OAinlwzmeY0WeEVSBOIyYzbQmAzzo3F3lOrgf/h9eF\nnOGTPT2Fr0jel20clTAvuQ54XA/EKgiHl/ST7M45+ClW5qnDl10wXOniQW0k\n6bydehQWhsczQLZSdROOL50pssCOl0PADKcHI/06gnigyzbmegvh+H9jtYB1\nX909r+uyuW0LLHI3CXWcPn2LT0IHBJZ6ywNYgYXNcSE0dR6SjlMP+hWEag2q\nJb8BLdqkP1L3E5i6S9tWai/nqckeXpRa5LeW4xrEU4h4iRwscwfVfJbb4jO1\nCXyKnWxr36hSLukZFhDZVdVnQuZyUvZKqNH3cjAxxiRcC9C6ur7h58bw831N\nXmHZQDySSyYPArv9YNkGQRq8fBI66aeEIYaWDVpqAzrCyT+6NS/+Vy7e2Zqv\nSvUmpXncBivXMVA+pSoRI1SCxkeSDRzGV8tbCIdzomW0mLrD0GHAktHn0mAi\n8ulMLFR/nGpGlpsGNKkfx1eCAN7Bbh7VPkbk5Yfd2ahc5mYUsZ3MKPUqxNVw\nJMFF\r\n=/5Q2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"aa67ddaa5956be1096b1d442788cd4a5565d7598","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.391674a26.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.391674a26.0_1576696605082_0.8993624542082794","host":"s3://npm-registry-packages"}},"5.0.0-canary.c4837746c.0":{"name":"@material/touch-target","version":"5.0.0-canary.c4837746c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.c4837746c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"268032c9663bf5a769c7660518bb913403f6e523","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.c4837746c.0.tgz","fileCount":7,"integrity":"sha512-S+A7jL2evfPGl5vOsykRVJNPrOG38/TOVENsOXfzb/uzpquC0uuHlTnepmghdl/y6v2poK5Y1s9Mae90LuLOnA==","signatures":[{"sig":"MEQCIHgTgw9Wz97Gzvq+foS8deG3dTOu2CjKKj/4pZXH1maoAiAKhPbW7kgVw91oOokZhVAyeV+TJrv2WEsLrwHHoQ8mIA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+n9PCRA9TVsSAnZWagAAu3YQAIZgz1GD1hf7ItqQ6Dn1\nMeKQbX/JwT7djFP15lUwoGpMp+iI4r01cJPPdNYX7IBG11+MTOeBKGe8Zhtz\nclK0EQRMsL5rKwImjWhtDjy/2gmMvpLKTjh+3RMiZflko2WpOFySly6g0hMa\niCXw8YmI9MrvWZXT4y51G8dQIs4wdaY5xx2dikw9DZnrR88pH9X5du1+NcKI\njy4Fq5csC8+F+ssOMHanCSsM2LGVy6oQq5usYu4jwXlFwqhR4iZft8iEF3wE\nHBvOyFlDs2i0JNe1ko/owLpK50yq2WUbcM3GxADlnPGi8ZDZlkc9dlH33q0a\nNAW3mT77PPlCQMNJh9EJ2g/viB6KIw7ZoQ9gFElHepyEOSy/wpDujv9snPa+\nkYJzWfUTUDZZTKqvke5Rja5YQ0R1kVvjxzSB4gP/ziOH4QprDP0iJsAj50Ml\nFMtib/YabVoPf553KbQIvZ9kPHnz7nHXV9kRbpMwfnPanAnd+UnP4gkwnLWd\ngvCF1mHoXVyfZZg3R29EbgWS05t+eEQ4zfZdrttdEuoSztNnxVklEitv9CTG\nK5pJPXb2s4lABi2I3BdlFJw//prslRzMpsNR5O35ZAC5i0P+bR+7ROQFKBS2\nb3oSehZlidTFT0Yh5yzkcv/QGOYQwVV6/zV3xDHwTjOaZyYH0DG3iE5E2GrD\nHdhD\r\n=zDjA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"44ccab29aa0b806ec249d5f5117ac9f5d82fc7ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.c4837746c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.c4837746c.0_1576697679204_0.7065542489064374","host":"s3://npm-registry-packages"}},"5.0.0-canary.e41a70425.0":{"name":"@material/touch-target","version":"5.0.0-canary.e41a70425.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.e41a70425.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b77b72657911cf865d7dc02056e322842e5016a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.e41a70425.0.tgz","fileCount":7,"integrity":"sha512-byA6S9Kc1oOSfEySiaKEGKeKnoLUCRWjDRQBMPAdKfTjY2tHeBxAvLtr5nMz7wzr45P2LJhDuWHZ2Eyad4ywjw==","signatures":[{"sig":"MEUCIQClt0ky8YuDN25pwcklJLrHSnb4wAh49UczYME6529FHgIgYB1qC3CytySuerrw1DSAU4GEG1X+LsXlo0ku0nv90pc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+rQZCRA9TVsSAnZWagAA+nsQAIFP80FmpSgsTMYJDO+n\nJOtOBeG5nJJ03I/R5hnmzIemd7pNF3xh+/pyW2AHvdiSslst7IxbzEbqqBjz\n8kzoWAiEottRlXvn4omQblMI+e3u26XFm4s1KeaKSv4z1ARlZws+dqdC5/Zq\nnJCRsatoacx6lwHXRbaJwQe5mjW+QQjrSGurIiLms6vzckd7dB7YbAEZwmpE\nkoxY2OnEIj1o+iTpUXe0vLb6baDdHmzNMn/81itmRV+kWTUBYUWnqVemU12k\ntq1Or02ghct3Eum/GnXRTMmT+dG+FEsgnKxfgp7H+5BD1QDn2jeJnrdu+S44\nFzRl1hGCjAfNsmUJt/0u1IZPow/iMvgxdWYKQAfkNN4PDsmyzwG+NRp3KR8W\n22+AaDOgCdp4/HoIIAMlhZOAa+Wa/FV4DnrbxZEZNlZRPrQYNnN1lBp/Lae7\nzkXEsYp/mN2T2Epdmyo/DbECdFMoh77oUOqnTLBGLlLbJhPXkGq7r3ojdQYo\n5u4or7tvf5+W0Q2NeHdz3dZ2nzNC++arEzfupx4WithtcTe4W5YYiLUrdUCx\nM68zvDsZHmmZ8nAB88XwjrrmpWM0wTaLQDNLKz+5lDAbFBs45HzemM141d6z\ns+2zej/5xzGh7O/QHLhL9XSlg5zH3z0/ZojdPVKN8mxaQ30+Cn5JtQi3dhas\n1sUv\r\n=+wzy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2e938a63bb3297bc73cdf8f1f206885e2ec84a6c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.e41a70425.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.e41a70425.0_1576711193355_0.9891477443271559","host":"s3://npm-registry-packages"}},"5.0.0-canary.bac43eb43.0":{"name":"@material/touch-target","version":"5.0.0-canary.bac43eb43.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.bac43eb43.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b624bdf4a6529d6960e60720f6e41f90e1cc6980","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.bac43eb43.0.tgz","fileCount":7,"integrity":"sha512-qQaahfIdUubbjNcAUSo0J8oepChTbP/9jLCOn/H/lIVxW5mHrpwwCPOXsXp33eZ10ZGx1dgP7F2toSv4vF0RBg==","signatures":[{"sig":"MEUCIEBD7wT532jdBVFB7Bu5KcHc10DpM2VTSCcTaipRb93YAiEAyN4ZvnBilZrpENORbigYQfUR6GPZVkU2pMqey/rjowM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+rT+CRA9TVsSAnZWagAAsMYP/jrQ253swPqvOMJkrH0G\nIIB5uyu96721C3sHaktQDEqrpRDsxpUAUV0EMQCNzd4LX9JbVz1nM9ybGzAp\n56xwXpoFOvmT/funiIPLjYvTPNLMsgBtUPEh03eIZ1cNc3q7YxS0f7co8nYy\nWB1f18lAKUJbZko34RwcVOI62aa7f+yd/Cevz8Jvw8IXj5GJasov8/JhbTNT\ngDuRgkO0BfNun2hUzkKq5qX9XNHly1MAdLHp1INshkYNgFn+Oo5pZyj0GDXs\nwi1T8UZpxtgVIrcpfVJnZeZSFyn8ew2FP+NI3kA85SArnArVRzpdnjsJXwuI\nR3DdSFM1P3GDJGntyk0nyu/sA/0pPgtcW7J7qGILz0E1aeS3zrqH81T5i29r\nyh8l52xSRBC1lVQ2pVYMmT7ePj/LBx5Q5b8I0mKx43c0wXMQ+/I2St9fn21d\nzLE6epvu+BujRrAn49RnkoivZPPP9vvPVrHim6CtJqMQ2+eDFunA3GLVQUuT\nOMW3C5PQ+NKc07rxS0BFSf4Xgkf11A7RTj/xEyrO+XRYCb915zv2mujsM/Wd\n64YGmWnDVXnmcN/svZr65qaK/px3jhkRvEskHEdi81Y3XCfZ02VtXWOIscys\n7dmkNXsMowEJAc65BQGYZfdaxJA+9HFK3NqwNrBGJE/RX4U+9b7VgAndRZcs\nUmT6\r\n=pffV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7035dfa39edc06f1b58f72c5e285bd2998747232","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.bac43eb43.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.bac43eb43.0_1576711422515_0.8589077185649356","host":"s3://npm-registry-packages"}},"5.0.0-canary.2e491de55.0":{"name":"@material/touch-target","version":"5.0.0-canary.2e491de55.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.2e491de55.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34be55506aeb4e0a08162fc88a2fb6c8f075e540","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.2e491de55.0.tgz","fileCount":7,"integrity":"sha512-OI1YSdoD8RUNTAs46TUBv0KabtokTi2YhE08hjCP01nRKG2zkHg3Tj3FrTuRz6GWcQQjSHo6wC7UZI3eUL5tWA==","signatures":[{"sig":"MEYCIQDORQd7+46xDsI61mtpuxP0wR+G1nn+ha8gBUqs6L5y8AIhAOBza4LJiO0BCOv3xxVRPFIqIctXrTENOOG9p67BkJNZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+1W8CRA9TVsSAnZWagAAr/4QAIpK0cQwFX6QsVfvWxrJ\nHuhPo+a6EGKPaesQEr/phUtnE+eApM8sRFA4W+VolVzaLIpfv/s+QSUnUxvL\n0PUAHQx0xIugXuAAEcFVAXN2OPYxH7j/y7ZI0E5rD02Bu04y8wDYBjyi2EQ0\nHHSuGJTQ18ObuG1unC4xOY6I8UYwDwedIISoXGJD4rTZY0wdcis2y827wseE\nxGjL4dQCE0fUmQ+H+cwoXPqd3ssagH2Sq3anH+7ulycpMaCj70lEjR93Ynlo\npv0Fwhg/YIB8u2na8whQipf4IHqIi9zngQvC/r4iWnBa8/3rq3GUhT80OtYF\n7LLZCB91aJaZbjtPwreqYz+TFmDd+d6DH8zLmB0F387zL7oE2SNMBB17jBPE\n3sBat9tCXcosQbyUABqsx8kXkn5yWxOUA4kUyQ9gRRqqEmC3jTFGpoiSihRD\nQu89/JuMEy4AWpemfh6l30Wvnb5UawieQKPR9qFkEDKoBucCH/yqVx7OwBS1\nNEn1YeoEvADkiEOZBqxsldcTdJMMh1aANgswZHd1+byFbo4K/4h7Wa0Gmk/6\nf8bfSSZukGc4pNU40HHLTHI59Y4A6A6O/YH2/fxOb+qUNc2Y6d2zwR/ivtKY\nXe3xjoPca1niqHGUW9RPTYReHH5VNjPPAf0uB5kzauEKytDop1eAhlQWf4I8\nDHqt\r\n=xNve\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"731b98f2f9caf1251d3a82a3abe09828a92eb434","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.2e491de55.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.2e491de55.0_1576752572097_0.8946410988062661","host":"s3://npm-registry-packages"}},"5.0.0-canary.ae101c144.0":{"name":"@material/touch-target","version":"5.0.0-canary.ae101c144.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.ae101c144.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb4b67cc5bbf00770356d42371c67e7d3e43583f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.ae101c144.0.tgz","fileCount":7,"integrity":"sha512-BxYx73iRNzFo+FExfBsTr6AyR9GS/rzKZ15HnHX6ZcJ5wbEfW/3pVpJ6nyxdSqJdHE8aDnFjV/To+3JD3ZIIRw==","signatures":[{"sig":"MEUCIHvTCwSavY2RZvPtPmhIQip29L6CEv5oRvb8RYz1eHKEAiEAqnyu3S0v4DRSWveVbpUYyhmIA4i6K/Yof+KlBln0WqU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+6RACRA9TVsSAnZWagAAI/oQAJ3Oue7qweVBTpgX6FAk\nxRx8/xJ7Y8hXoWMvKS4oUuMwOYHDIYM4yO30g2f1TFVN74PQYHUwuTICvQDp\nbH6H1zuxIpXhtArlPrZgRVOXfOXMZkOo/6SyTxNe1epr79UxkZVB4Qnpyzb8\nIVbMVLWmaw56cfOafZ8Y58dmGxJFGavMZbQR7uFA2pbU3oFN/ZhF8brHiIZD\nVdqZgQ/ScwkroipBYKUwvz2y5xKeN4fNkMCg8b4RT7nVmReskHfA+4m/1cej\nyhHecP5LizzQn97QoWzhvHb9oGTzhz+0yk5RtZP4L8itr2O/84eJD95nE5Q8\ndsN9Ee8eTSJxmQY3FQ8Fpj+3Zi7ZJUdSUSLwP8xHInlOkHqb09BdCAjlEyNe\nl/tqLLNC4HQ6I8JBLKLmKEwQ0BQyrjChFxVRzy/RInyf3nPHSNuz3YvycC7v\nMHuP5OYQL5HDfA4Eo2Bb1YWuvsMtBz3vxibaOU529/9GwBoSbq+Sg9yzNT67\nQ4A7P4/FYQPBP7QIUpRPUoCuufVjoX9D5oMfbCzOKDZoPl92GlDWYj1Kn56z\nQR3fIlEmqttUlR825uuPCH6gmY8MBB3/UbeTJ2rElNE7YhzeRBvlpcICMiwH\nfmM3QTo5meTtxsJCA2ahrj1UtnYnBsPaEyGSbqp1vVDdOl6uu6KVeWHETb+e\nn18Y\r\n=KqYm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d11f348d85fc15df510c3e33822ce23f44ee661c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.ae101c144.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.ae101c144.0_1576772672134_0.9873155790562169","host":"s3://npm-registry-packages"}},"5.0.0-canary.a51c31f26.0":{"name":"@material/touch-target","version":"5.0.0-canary.a51c31f26.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.a51c31f26.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e76b20bf2ae42f139e57bfb2b8ad3bc0a7164b9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.a51c31f26.0.tgz","fileCount":7,"integrity":"sha512-yckmIS5kdxSGgRSdaBdyxIArQaaK9GPyJpRXwAVBvYJmV4uiCIkcwH/vGa1ofjHV+/+yrqzXkvC34Id8UBN5Cw==","signatures":[{"sig":"MEUCIQDZuLZoipi4z+bzo1YBFh8J3cjghmMXQA6gBYldThWMoAIgGYgbpHbv6SGZ5WBasPHGCCnWhaM93LJ/m2fYZ9mPDAc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+6/bCRA9TVsSAnZWagAA9CsP/jmW4R06EwQN2jIp2Hti\nusTBHFhjBV3MqBtJguk8YI4qyEv08rP14u/dBOm//3oD8k7XPX5r5k9S/Uey\naTcqxdTSYdsP5hY0pigGp9U1+R1KxlAzyVnFzJKlwKB35BVToB+5XGEKwvl5\nVXAgFZTwIurt2+KkNacBNJ19DfqriNiIaVAqTlnq5Ys+0cqCZRD21rIg4kwd\nEXDmFB3e9YmOf5xb62GklRI8Ok/F8KeyTqdcNnocVpOrnqQ+Paca1R+mQc3b\nYs9xpsP7GCsFtdH8balceqAwp9mRctiRacJH6tHyWUzE+XpXKvKLrZirg62n\nhOxSfmi4sQGC09jurE5WRVU9D6PAWjSzLUMNZg6AlR15ogrklbAL6ukYFoUb\nSUtLnVPp3ugmf/yHh4/+7hBu/shGGYXBh597YdDsC2qXkwvwKsOhVvhnSOWi\nfStRnrMF1Yzlp4XMqmRCcdeVNUishkdYGV/kkCMmmZlIfbbGjYeNiNJbknU2\npNhwcg8NQINbrgWgggWQeOWY3chdA9GRGeXyl/dMIz5Y8ZgkIDZbMYw4oIs4\nhPF8KeH3y759UbwthqN5KO3LhNkqBZU1gpAd4fiHLSlXSCwj0EZcd96LiH1l\nZX4oEwH74VvwQ6Kn7bMOHf/pCpwiGLhvkOe1ZqSNGiELMgX8vOO3RokqGeLe\nWsqT\r\n=OGMi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e2dd52b70a7e3cd011647222c15955dd4535cd6d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.a51c31f26.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.a51c31f26.0_1576775643168_0.8176750492059359","host":"s3://npm-registry-packages"}},"5.0.0-canary.21fc4e13b.0":{"name":"@material/touch-target","version":"5.0.0-canary.21fc4e13b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.21fc4e13b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a993750d7c275ac9ee6f1b4a2c87891642f4a6be","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.21fc4e13b.0.tgz","fileCount":7,"integrity":"sha512-EG9r9Y8kN3fUyY+j/fEkjymmuci1clIt4TaZFFzSzNxXj4zn4tFsymRUt38o7L6OWJG8vm4KYG4P3c2qq598vg==","signatures":[{"sig":"MEQCIBb5aQET9sQ6h/vXiw++3sF35FJgHBYJNBaRH29dT2q4AiAj8NXOoRO22srFc+K3q4gadh7oo+l2iMUyFQmTHHT6Nw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd++sdCRA9TVsSAnZWagAAbDEP/iUaJeO5AJWJcN81M3WM\nvFvHADXWGfRKzIB2XkEdQzQF/o4YB0haTftxMxqi1zjM2VTPC7A1SgE/ILtb\nKWdZJN+qIqQvpc/BUl0yOtgMnyAS8BGdRnheP49ETdfE7WY9gvSIBeycSeHM\nw3bwPanBWAX/zfkmfyqwUC6VQ90XSUtxmgKZTB/KrDnvGnL/Y5Jsv5zmjpCA\nrgDIEzSiBJjUXQgAkwkfhVbSTUwYaVJZ2eo7ZJ6YmnIW3yY+Ctxov+KCBZPf\nO9xdCxWrQ9KAWXfw0u6Yg3sCNnDHlydXQeOPfp9iTZQmiG8zkkpNb363OTyf\ndtuaig5FBP1mrbUY19GwBUdWaO2qumcAEIl4xuUCgEtUMJvna3f24tI5iTn2\nRH7gKRQHy0aVZHQbvzoedPI2J1xFCnmmglzJNjvwBaXJzuAW/Mq4koL1u64H\nQLy7OepIuQoLgd2zvYZKt2YNiDjKdcMKU0elY2+7WcSxUWbGfMmL1smAhp27\nDBnapriQUm3mqkpEg8oTQs++3a37LDUN4xPBNmYEDpOaP8YC9FKz962b/EJP\nSLEx74IPqdK+yUfCYl8pkkukQaJKrBcMfK63rQw2uZEjFT42p3G0e8knvLfm\ncebplzlvk+CaX/2rIguLwLUsdMYecMEmxAPxLg05gAQPWAuVuwFPJ3cdJbTx\n9cfQ\r\n=FdMm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ca71d599c2aed234cb9376ced1aadb512b071fb8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.21fc4e13b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.21fc4e13b.0_1576790813272_0.5581811900482667","host":"s3://npm-registry-packages"}},"5.0.0-canary.d2ae6e17d.0":{"name":"@material/touch-target","version":"5.0.0-canary.d2ae6e17d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.d2ae6e17d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1792b2c0a550c87514f671d0e2ce639228799fd9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.d2ae6e17d.0.tgz","fileCount":7,"integrity":"sha512-Fc+efa+KAyjuP300IOGWwFEdR/WQmvgXumSQYtVsI8+XhwVP9Jp5G7nApoGOA2403jr70vVOxWvLMdKTjZ2yQA==","signatures":[{"sig":"MEYCIQCYDCiPUEughk/DOjfxx2xDm2yfFL3G6aJXwd0+BNDeZwIhAL9sVaUAr7/3gDSE8GX8ooK5GO5/r5la9NpnqYk8PT4P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+/h8CRA9TVsSAnZWagAAqQEP/R6GPGionngFZelyFtHi\n8/UfYtCPH/PQTnxnRFLbJPRDA39WrBf4SvIfWbdK0T0a/L1VuNis453cD/CP\n9ptngyACIn+LZXTn/kzMZ/UzmvjE/sLX5SjXOqX0+aNdou+9POHxFYPGFoIj\nlgALF95sLrGpv7Jxuj0Vk2W1OalyJlxTwiQbt7QfZDim7UP0iSxNpX3lTNEK\naeXRkT/52NY4nkCY9bwUKXopf3M6MEl44MnJ06DR3foRql+04Gf0G/Of8dXF\nZDw/j1jnnPMR6DT2LO0dWjJFFiEN/KVIpzJu9BC4fVrcKyCBZXAoR6Hk3Ck/\nmBaqD4wVZAZnWXCxKLRIy8Xk/az95I/yA3gdNJd6TdGrVDhRLu3F2KTJwRiv\nWGbQiC9sXbnxaTs7iMk7beJX7tyeOrHKJhuLWcKqw91EhBfO6FWDfA9D0RS/\noLV8kpSKjQX5b1oZEMUrr+0jo3xbwyLKkKyoiHm5YfYE+2VIKnQy5I+t/B0s\n0OuBVuK+uuKTY4PvJvS9PQENnusbSL+tRVrFT2DCnH59DqFU77ObNBdIoJu6\nItncrMtp6zctGjYGI36h+IGzYwOewTT//vbyPlLR/N4CmuwX+BOuKt+LDVW/\n8YFs4r5EyloYFVyCx7TawEWT8kuvfjW+hp9w+Fhpva+rUKROgoDKrOcWhgs1\nxvpg\r\n=xylq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"aeb622d14d533f70c26396fb7db6c8bc48eaf8e5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.d2ae6e17d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.d2ae6e17d.0_1576794235864_0.652552185527002","host":"s3://npm-registry-packages"}},"5.0.0-canary.ba30399ad.0":{"name":"@material/touch-target","version":"5.0.0-canary.ba30399ad.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.ba30399ad.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f872267adb0bfeb849a5019d515ff51d9f33297","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.ba30399ad.0.tgz","fileCount":7,"integrity":"sha512-JLBAIQKZQ5eyDxuFR+J2cGwht6L21QcTyk68UpIl5/4yIBttKLY0e0R/+YiUFWN476keXbFmpyW1KjriHOJI9w==","signatures":[{"sig":"MEYCIQDLExMDmVMhTSgd6/uqsQ2MKM1jYRP+IFf8x9hKFLHLLwIhAKQ94AX5tmBL/pi6A5GHyWapf3M924wX7u9dCm3/1Slp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/B9HCRA9TVsSAnZWagAAaHwQAKHTz0A06gnDP/8aamYN\npIsoOwOfUFr1C5A6i+OyXu20nhvJQu3svUQ37wmrWVPoHd8e8qCLMm5fYQr4\nFpkEVudEU0MEkVbBw0U2vaUp9Y2xW5LLrrTBcDxksO8yEOJ2oXvtXfMDkWSz\nvWISseFgmvA1TjU/oQe3wox7KDCH4jQHg06j4jcEl+edjpe3Jbf1oCmEUVs6\nVMcdEhPtqsiwoQPCQdGIt+BH99sUknW+MbqQWOqtAfb/hf6w/CWBjgsLM+Va\nw6ZcE6lq5PLTQPeljLjQH+bkk+yaPeq6WQc6GLY6e767bzzlx5202cFBlgRy\nmuA6XqR504aQKnFe39k14K0IMM6vq/d0/SK1+Je/NZw/1NdkbOb3p6QwEOjc\nh6HT8BPIagXRxEYE9nUQwmDmb3RZDrZJZo2AbKXZMJzTovOSYLKaSZGe6AlU\nh+FaVj5PVphr9IrnN6S488wOCZ/3fadLDnpMHipp/OZcEMbkpVP2Eb/8C8VP\n0963M4lAE0Rra3C7Gpm6mUoCCA+WUIN8BNmZFeR1tfwH6bQm+JVSz5tbxEGY\nJv3PAk5obXDXZUS62K/ykgFtxdIEq60VL47iGaNFtBNZtn5HKEC3c0PnwDT9\nbCVM29XtOQIHwiBPPVoTeFbxzdaEz5ZwIiX1CwSKVoS09n68/+2Q2YWpEPg9\nfG7b\r\n=Sngc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"75ab7f122d8d469963211d9f9591a84602711f72","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.ba30399ad.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.ba30399ad.0_1576804167461_0.3081422584758129","host":"s3://npm-registry-packages"}},"5.0.0-canary.a08ccec35.0":{"name":"@material/touch-target","version":"5.0.0-canary.a08ccec35.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.a08ccec35.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"30812617541f6afe105954e9c3e35e0ed9fc2f62","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.a08ccec35.0.tgz","fileCount":7,"integrity":"sha512-p2fiLgMbaFEktg2pgNL8BlP+EdauKS8moAwm3ZkvNtnsQst/dYuqIMbbY2Fa1NiA2KnBISNZjoyfQ6DZweGB3w==","signatures":[{"sig":"MEYCIQD7GheG/q1u8uzuQ75j0t09jviBHxXgQfExx2/EwdfagAIhALk1BWJFXiI2YDkH/xjXbFYnY8OHyPdol67CZfKXXXCD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/VinCRA9TVsSAnZWagAAwnUQAIhxN3MMfZmQcb/G5kgK\nIeEXLusLVOzLfeIQfh6w4mhvphhCR5rT0LalOBhI6cAvV46zt11OOZfSsJgK\nioac3F7Un0/MgLYd5SKtTPXNT42OkhkowR8jTzAY+QeM5wfyYnjNE7IuCKJq\nDAR/kKw+7Y0+Tdn0x/DpoRc+lrdQXfB4VBv0+ouAPRg4uvyF8fx4UhK14h0u\nxI3qYv7Bow4KlzSP6nG+FYMRVuGnSlk/Y57U/sBj+32UlMM66GifSg936htL\n62ZNM4NTigCNNcbeTwa40R6ovXV6L9i3793ZU3q6AoesCnRFpFt+cCzDnMXh\nQwPw3UoIHkn057/V0sJdf/rWxtIww2HLBiSR/+Mjf0yYumEnwxIz3ASkQKh7\nmn/q4nlPZ7Qz645B66qKrY8QapMFu9eEkL2ZqD/FCt2Kx39RRFN/wzcrMfwZ\nJ62xZmpu07onn4bMLbevQV8BgSGhvMUSd52FtoiF04g+kh+wpdbJsmKSq98f\nkm2izhFyuEbcfqOfyNX6klbEHLoMj85W6oLXNGJ9IVYPw4a0QxFDpVD0L5Mq\niCVUWoeq6TiTxZe32QIwzVBWKY+kPf8S9nxAsIVFoUVkQvxSL0AdMeZTWEj6\nhgCBcXdkgYca+M3k8WIzRgm3Q1xJI95Q7msSpgoAdr0ZugwuentKGicCvLp+\n5Ecm\r\n=DLb3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"121f2cfbbcf425b2c92760a0fcf0301dafb14636","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.a08ccec35.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.a08ccec35.0_1576884390811_0.10010059609762578","host":"s3://npm-registry-packages"}},"5.0.0-canary.a2f75105e.0":{"name":"@material/touch-target","version":"5.0.0-canary.a2f75105e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.a2f75105e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50ba3d708854ad8c09b7e6efd1ac502ed041c8d6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.a2f75105e.0.tgz","fileCount":7,"integrity":"sha512-sFvB/Z6AAVxw/5fVdBkmxe62fbvK8g9e6HTnJ5K0dh5vSrzwqyzLXvXmV3B4AwOoJzclvvKvqEkE0DPUuXevVg==","signatures":[{"sig":"MEQCICgZfDsx8xx08jrSHfQ63oydSKohfGomBPn0kSAPvBHEAiBbxf6xJab2EYt7bldQ7Td/bHotOJA/CpI+1DVvnNfn0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeARnKCRA9TVsSAnZWagAASNYP/3ni/VC0vJmKuv74QrLJ\nyOvwdeLrQ4v49g61Dai2av2sS7Qr+qX7r5Cm5Xzuq6meRYw6gdKX5Yrzz/4Q\nMbjiPA/H0+Jk2f/FwxhkkSv1hHc8n/fuy7X1dYSMO+SwvgX0I9oFI/ggejHQ\n8u2BbLP0TXD1YxbH8NLGncrugYb9Wl6gzSYZsunj4zVZBh8JI8jjuIE6YZKa\nD0epCGeMgyEob4eahtWU+Rs2RfNgAXHFllYXhbGHUBd0GqL4V6xL8vUO5h9N\ngvNcQHBpgUPGelT6tdtVAzJslehi3X8SGFi2Jy1SFzawJRGmjBlDwAZTutWq\nO3W8Eyo5X2TNd3r7HPdaxc/FCQiLrSi9+TaPtehkk6k4X/zvNwrzF2pnh+sY\ne7x0q7ZUYKeyXKCxVM2vN+FbiO3rAwAxx/JTSkjKTP2KRf26SlagqNxMz/BF\n+7IdZSsTAT9HW1ovQacxsRlunYS4lMdRr1EdJ7u2GHkxtKuK8qUcrPK+2Y7+\n4n0FjuyDMwFjcXffQiwfCbSOaeOHw5uXPejdaF7PrAN+ad1w3PrmHnhEdMh3\ncAxM1VChsx7QMKE6ZMG+ho+qwnIr5XDuUXKTte8w7Vl8HCMvrkIzrtfG/ZOJ\n2wLB4T/Pnk6eRwO/6b2g+6yPzVkqJJ7wx1Yks99vsjAx+lmhEg+IWiHadMLl\nKddP\r\n=SwJF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7b2f4b595ae59e3e680ef1151ab400a3855144d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.a2f75105e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.a2f75105e.0_1577130441922_0.11648529729281365","host":"s3://npm-registry-packages"}},"5.0.0-canary.c054a24c7.0":{"name":"@material/touch-target","version":"5.0.0-canary.c054a24c7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.c054a24c7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e7e515ffa2b4c43194c1932a44b5e27e4339ffe0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.c054a24c7.0.tgz","fileCount":7,"integrity":"sha512-lad4JGz6YyM5qSMLcDaS8VbsayxuymIgOFiIgjUrX8SOO4AC8c9WWBHE2cA/2Rso/9NqxrwyPL/+gcV+FNQIMw==","signatures":[{"sig":"MEUCIGxV0WpYaNC4EuGPDJKNiKchNz1z0IK9phoowPRpvLyuAiEAjwCQ+9hKkIe4f/bvNNBXAWakajHDKiqTqiGubGmydsI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeATZ5CRA9TVsSAnZWagAAN90P/1MWkDgfmgEYdwSIQH+u\n4I6ZrdhvSNYL/LXj362rCp6LFp5NtkEXgI2zwnrfg9gwofJatSPwo3A5bmUq\nx62oLfa8taSfBOWn15FwX9xZLI3byQDZ1LPugvdDqpA/8Bi4Tpv9fwA31MD4\nYK5Nkmh2t5LtbYlgEpYGwbljkucijnyA3Eovt9mY0iOrI9SnykXG0g9D15Ox\nK27UOeOdVESpoPrm7s6deTco0tEM2hjd5Y6uRMVMzXswOUA3+oZpMDjlHKam\ngNwOCwfhUfI9AZgyCyH/LoBdno5dEz0XcJwWA/fAY4/Ls4W+dsKGmOKI37Hu\n4D8K5qQkF0bRymdZ/pma482EV2HL06NGXJyeJMlYloQ0XZoGYakG6Dal2UWJ\n0H6oVJTU+WwXvbzvmD9KWEQ/5JDYe/jdjbNHqlnPqQYe7TUyNGhG+lBhuDkl\nViEkmkWi/motHpVj/FZLnPjNY3X2S3+idZa/6z0cXfZh7XptF9ke5pbxkT8Q\nEhzZZndbhdq7m7nAeYZFsA6QefgwW8yNyGIQEP9PaE/WyuEOCKIYOktTOsXQ\nze9ZgXEUZuZAE34lr0rNtDNkgckfuZPTZ2QXiTwFYgXCrriMJ7EKD1e2w0Eu\npZlTg4I7N/gCkVgK7CzjNF+LCb/NL8KT6u/Kpyn0aJvHIWqCLSUpXgLR8xLa\n3lYB\r\n=kpt4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4e2a3c12859a131938df8918a9f43b9146056488","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.c054a24c7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.c054a24c7.0_1577137785234_0.636863019347431","host":"s3://npm-registry-packages"}},"5.0.0-canary.c6808c51c.0":{"name":"@material/touch-target","version":"5.0.0-canary.c6808c51c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.c6808c51c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a3b3ca5f3c3270a72a63613db9a43676c096d32","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.c6808c51c.0.tgz","fileCount":7,"integrity":"sha512-9kz1G5QI9Jjlj5iOAOIinKefo6rDtuwIXdV9jT3XWBiYto6JRlEemF4nPUt3iUHuzApyGbEjDggTlXKCNBD4Ag==","signatures":[{"sig":"MEUCIAh5gAr8eGYYrKjDzqX26PNnb9GV1OEvPIWQF3nIm8W5AiEAn9Utm3s78+rBOrWRCAXFCDJwqK2AKX8S+9EEkKyCRDY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeATeUCRA9TVsSAnZWagAApusP/1yZz8ASQcTuzrI4HENH\na0eVsJ9mm1R005kazRh1IRZc9m/m2VlOv/nD1Wgz6rGXSvbpv4iRAp8KWpJc\nxtvJtV1lnELLli4Vituq8CDPnlZuwAMWN8BxTKyA5Uu9FIKDM09dgU0Q6SbO\nLn7xqcbaQ6ybqYbX883ErmkUKuOhmRqg39r515NKfkdWFMZpAvsyDyPs+/X+\nF8O1qsPO2Jb7+iEGJNgL07CrlUAQRQooNP/626xCIGpMfxGkAbUGlNxRItKQ\niySCFK8KeA98z0fXnc9uOnOMMzMffE8slkQFUKbaLLdaDMTc4D+SZcsPpXrh\ncpZm2S+ui4YUApDrTGMLTieXvufjXp9c2/+gxIV38kVL9MeEF6/d4Y3qTBww\nRpZ8oakig3xDqIHGGov5+eAn5Oa0g+xujTlhnIjTVUrnv3qLFu2XuoumZpH6\nMiqwgKYjR7BJXsiLk/CZNUETpY0TWn7a4f0C7qa1FMxsN5A4qBHBrSSYpKT/\natGa+Lkyd9z90v4g2wfywtN6CRRFLo6o8gBUyPPaV6OIdCacinacieFkvo0I\nzMWLfy4cUVMjJ/YkkhuJ82NMwcXTJYulQGsSCGwSY2xpUBCnib+0JSwaXOV0\nEN271s/GCjjn1reN8BfH7LgQFsAQp8oISJ5zmSlSFBkixRVF/vt6P45MNTee\n0U9i\r\n=FGtI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"02ee460be616b30da3c6d5daa7eddbc5f29d2500","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.c6808c51c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.c6808c51c.0_1577138067913_0.6805958660002898","host":"s3://npm-registry-packages"}},"5.0.0-canary.7bce9cf77.0":{"name":"@material/touch-target","version":"5.0.0-canary.7bce9cf77.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.7bce9cf77.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"df2bbd9c62069c071f5c3468c4f4f1d774bf7031","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.7bce9cf77.0.tgz","fileCount":7,"integrity":"sha512-ZPCZ14t2yUtWNLKmnuO6yQz9vWrBPlDEhtZX5uH0VXPcGKEibu+oxblJmV1I8pzgCgiOqKEMWtqh4wb8umn+BQ==","signatures":[{"sig":"MEYCIQDj8dIRx8fICl+ScYty/FARsexO5MaHOD16hfFCTnggdAIhAIESaCsvW7aBO0xNsWwLxXzVQvH9v1y8o0Ynf/hAR8IZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeBP/ACRA9TVsSAnZWagAA4fgQAIbovRzb8Nggcl0BHk0X\n1Xo3fO/494zLo1fXkaAlqZWc3MYSCnU4DKTiieq1EGGhNTjA1MwUbcS6ntmv\n3LwdFIryZfIfAq6dlBMgxFG8Ov9LiSKldcE1WedNHigznpbK8cNEHlH1t0XC\nsCrulQn/G5iZi/B0VsRCbhv+kjiyrdAZ2uW1zG1u3rkxs02F40KLvVbNI9/q\nPAWdN5IE/c/3A8/iyN0ZcYc4+Az9MVYSX+YVz61/6GjSYqwATUgLd9nodmC6\nKeFUi6gXQ3tmYldZhEpeYK4nF/YcWoXHlBXQdKoAjnrA22/HAsmOT7izLyol\nSadqXu6aIB6PAeRxfjioEKZ0NnbT8QxGqNjGhjyNil56S2iwEiSyh1sbvxD9\nDrOeqyJRdR/qdNtXVRGu2oob2B8ffj+YMc89eRdN9hl/6I9OLIvDCb6fYvqV\n7j1LAN64tok0jxyteFPD0AJoD43ykDIfFCezQ9DAt0HTfrxRVL3jJFKEDzwx\noV0nJPm2AR/T6eoSB/+rvflHZGLTSQTqBWGAZtDMW/BTezxnhxGqBM0TMrJF\nAy9xS2NO5NYaX58mccn/qgytZtG/isxZ0LAP7qAvaY99JeLxC1lCwqJcpHaN\nzYpnsEXhrdHa6P54BZIGVBpmTubvco5e7ZK81QaY+z1Dkl+zf45qbAcYMi76\nYsMC\r\n=Ishf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1f5c1996d2328a53d1fc5cffe847b04aad48432d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.7bce9cf77.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.7bce9cf77.0_1577385919828_0.7844336938380592","host":"s3://npm-registry-packages"}},"5.0.0-canary.c92f038c3.0":{"name":"@material/touch-target","version":"5.0.0-canary.c92f038c3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.c92f038c3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e97ab5b91ef15a97fd75599e2799e69760b08ec5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.c92f038c3.0.tgz","fileCount":7,"integrity":"sha512-SNzMoh2hXW58DzMqgtmwqzRy9t3vT+3gen+DTjrtZ8xw+KH+I7bfkS7w8sPySnEzjQeT2wmdcjXxg0EnluQ4Yg==","signatures":[{"sig":"MEYCIQCq2Qo4w+F5cpzCj+s9lE1HDoa//tBt3moU1J6hZpUm/AIhAO9PjwLtNQdLjHcBqgpBi6sj/sRpiWMViTg7G02XK+D0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeCnQHCRA9TVsSAnZWagAA+1YQAIoK/lneD9VMQc3q09Qm\n7Jm270drVJcM3XNV8wqxmHjiEYR6STDbJGORIWXQMZdl48oXRe6ZIxsrhW/k\nRGcHpYxaeWJWSsNf6pIejuMa2pIY9W7ehx7cQqwNcO6eZNp1Ai9LDDm2ftqg\nS9PmStywW1OJ4fWWhvMIJluzzzZh4HlH31JZP0dKS7PYRoAPce3gwrcYIeH2\n5UiZ42jDSrm5kkZ71b/hHrc9YY5XvyEmj1hYvabQZTE1Jp6FbvXDcRE4cFRA\nyup4StRlxdp/I1Nm1Fv+pWz7N0JRllR5VsIAkqpYzW24Q94vNEe9wGI0u0Yw\nS4WC8P4b1rKqy1QtU3NHbdY7l1pqNYOHNgL3KBNID3xj0/Yhtdk+snAPg1w+\nx20mplaRG5NWhCDdy0F1tTucPJtQ5erI51Y1b4Irh43zBPi/8uYlr7zuHwse\n5HP7+bFXfhcPlY3t0sJ4xsiRn6vMKLwzcebIfWSoXc/Gtjy/MfNFt9EMmJuj\n0tO62KClwTHAq4BZrFg4cfJhk6uulT1CDAtGlRoqZL4v4+5XmAYWEwawHwzG\nLBcPmBbaWu4BrNR77oo08kRpa9i0YRyOAD/EkuWw+0xA5TuXM8qOAFxNAChx\nFv7lNNe5ZI5pTij324gbnJt4NPyUIJpoIqykTBFo6ElAJbO3ldLO/eCr6AoN\nZy5q\r\n=Rz7s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"823f4f89b39f86d10ed69fa8a943c050c2d83a6f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.c92f038c3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.c92f038c3.0_1577743366622_0.045361902048594915","host":"s3://npm-registry-packages"}},"5.0.0-canary.1f1ac7558.0":{"name":"@material/touch-target","version":"5.0.0-canary.1f1ac7558.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.1f1ac7558.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a627eaf74d4dad24ef79b908ae3ed8a717ceb640","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.1f1ac7558.0.tgz","fileCount":7,"integrity":"sha512-gDTS86kqZXnAKQrCKKp1ioItkb2z2dEG1Skrv9VzP6FYIH7aUYsEQXZw+sWKsbUf/hYfEEunbf4m5QMxVYA2CA==","signatures":[{"sig":"MEUCIQDnfli1SUk5uo/2u6o6bNNdu9ImuI2/jUElKyr7G7QSDQIgMRpMmfxBl/PdnVP+jIHm/13AxEigJ+mcV58YWOfJGSw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeDlheCRA9TVsSAnZWagAAPPkP/i2Z+fO4LBwGGPme/z9R\nDAKIpNwZnxOkMadBG7pWO/pmwnzL1lkR7BPHLrKFmQkrQspO5xQUH3t+04A9\n9rG95tVOnu7M6f2CVf24ooOIUGYEsTn2Fz1ojQiyx2SQ2340DTDolE3ZGbVT\n7gtulYjYyIfnLrMMYmdaotfjjCQ0aJxMeDElDXWiaZMLmVQLMYTt5jIybMtI\nGQTx1dncnzXTRbujfufHgbL3cNa1+H+DlqFJvBjWVsPe4rXCwKIBLsQDcExd\nwCyXgC9d9FRJ4ddstTtKxA4Xn44/B9CejlXJeauZM/seZT0sCTh0xA3/ivEi\nTavD6GXEbnFn97Sl7YDfXKnA259ARSuqcLs3jttKvEcyL3qDpX/2uW8Z0PIj\nGRisrtGezFH2JUliSSCBvqwdXQg2mVSi6xt/09j1ORuDNN5K5aa43U0rqTUV\nlU8g2VkNaILtgGajZlKTs8wQcrp0/Lrs4iw/h1Wz685RTekOFmrYSLKA8hpq\nPqra7AI60CO047Z8Kt/mFTrKMyvIjTvexg/TD5c7TpUW9H9RYsClY4KlsxM1\nDg2pRjuJXD5h0oq/PPvDKIqfuSiUE1SyNd16xdTQGU5wqdfeY7TwQy3NsQdl\nF7qNdVHVUh4OuQu21oApIXb37+8Zb40mw5jQ1JJnkIbtc/AMO3C3KhUbaq73\ntjJ+\r\n=C2lE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"698a9278145ef0b4e06e9c33d51051b9650c5b11","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.1f1ac7558.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.1f1ac7558.0_1577998429926_0.4481017970693455","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec26e799c.0":{"name":"@material/touch-target","version":"5.0.0-canary.ec26e799c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.ec26e799c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b5c8ca1df3fd28288d15e5d5c62248a59c4c22ef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.ec26e799c.0.tgz","fileCount":7,"integrity":"sha512-1UApGT+Dk5Jd3mkpvHZVpZz5Mp5DvrfkJHetCNJAYP1Ymm+YEuBSlZOHvFvfm/xkSKEgxMzDHNIgHIEIHndJpg==","signatures":[{"sig":"MEUCIEvRbjjZ4HxIhhgh2OrL6GckaF2YsgnGWwQmJH98zzGzAiEAp3wFFA0ZfC07utqxiW/UJgeV0/1vOhza7PxriDTySn8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeDmOwCRA9TVsSAnZWagAAXqMP/R7n7ZIg+013ZeewEQQ+\nCASiXUSbUigpR4f5eaCz7YIf+DwGf0OPXdiIrsF7XAKrq2TyGakZActWhtYp\nfTBCpJfTo4tvsEh8d7ENdqR/dIERk8KAhK3xS0NICRcrc72QGzwY9zjwH8SZ\nXTzIU6ysp9zCkxPL/H3T1C0lRf46LQRdQGnp2I2PHF5jA+NaNH4/G6RhNotB\ndgHs+qxY47INtqDr8TqbohXd4aixaW7erwEnwvdRYEtrc5LBNeIgvKkB6NFo\nWt82+W9ZV7hkd+jYHpiW05R1fBCD57YRbzsAXsfBtAT/zHB594xi21rAOaeh\n6hKAKTRGDR+NNHRkZ+22tRGUF30gqzat3VdUPAEcSZeQY082OVzHNAKMR+4z\nK8iXZ0lCiZ9aMBfl//315LFqyBWyQQmYiJjAFHwoNXkmPZ2d6r+N1XRnyPOW\nPx/OzvUiSIuYvhKqApaZuhsvPY+cHpTDue2bIP/m6UZkFQxPC3xCxZeWh5SQ\nati97canr95PUEuaZTCM2nL3sJTsBUFM4qmlXQ1skdpUj79ub3aHHeu/Ru2C\nH2rrY0nDE0SGvzgqWEAKMc8iHrfA9jdKVzCWsNEVt4/sxHrux60MsNmGa0TH\nXl9eQafcVgaZgcYzvF5fdG+cTdB5o9RyhCUkp9Mz/ODGFoD4f/6C3hKFVt1C\noW1w\r\n=mAXt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"813829c13087aa9fccac08bcbdda0ffddacaebeb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.ec26e799c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.ec26e799c.0_1578001328516_0.806176535680259","host":"s3://npm-registry-packages"}},"5.0.0-canary.0a40ced40.0":{"name":"@material/touch-target","version":"5.0.0-canary.0a40ced40.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.0a40ced40.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ebf247923091aa5d3ee8c315e6c6b516207b7f6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.0a40ced40.0.tgz","fileCount":7,"integrity":"sha512-gYSkXwmZ1U/h1NkP4rOeMxtjYqmDjpdVb0r0O2nBp5sxchM8vISstF9/qfZT/R4xs3KAHXgGWpLZIY7OLHNrow==","signatures":[{"sig":"MEQCIFqzr6mFkLw5DuMzivnZonNp3Lq/mRAQnrEcVM1BuS0QAiA/+XGO09lTJ3rwshKDverMpn341YduwFJQu4UVRHC3sw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD3U0CRA9TVsSAnZWagAAn0oP/0P/KZy4f0vMM49ACmkC\nKfAjJft6dUGtZ55kVLRg1QbpLHmEwd3MidZqZln91pSLFakB9AVRznuK1tvW\nG/uoyDNr83AW9Xgno3yyqYSo2UHzwK4VlIot7XsJ7DG8FdBq7VdzAF+3CwTs\nRH67LVqq+XUOGpJMpl/Yg01KUC/jsWnE3uMQlp5EGTxgPOOHTQltY/l0u7T9\nA+Ou6VWC+wH4oHx1Caajr/8nUZlWAb3TrJgIUEPxyQUrdzqR0CT1ZjPSgAdM\nam5aHNpiKbpMRu5CsR+aNlrYP+oYRuNfhl01PafatFQV6Xk2bJERTxXNefkS\n8vn16kB6rSTRitaspI9MixO+YlzgsFGSpRtpjkIR51h3arBaBXjYmMHGypMS\nLBtpKoGIAdrrazucmahHdfymYPFEvYpksNRmYbxq+jZfrRucdaUk+OHdePH1\n779guTBTbAIC9Zjkl6gnem3bUuFo3GfxdsoEsUr0fceRDbsbCHY8q+rXiLhR\nl6gp64FiTqNRJwdHzmHAS7QFWr1DPvq1M43S8NSAqviSRV+2B69Kgdv91WQv\nSbt+wwA8hWpv0vSA/72LRJlmum7Q7lhHgQR6Hvk7Epld9JakEhNWqIODcEQi\nsl/OcWPMTKMvadR7RfUOGUR7EfRIb+Q55zZjlHjtJ7y7GwZX4Dv5C44WVxgV\nrnT4\r\n=FKBj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dcddd5ac583b29d0fffe1a54b6f634f6b90fa44c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.0a40ced40.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.0a40ced40.0_1578071347905_0.7240257933103882","host":"s3://npm-registry-packages"}},"5.0.0-canary.3adf84899.0":{"name":"@material/touch-target","version":"5.0.0-canary.3adf84899.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.3adf84899.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dc7131634f8f1c79c935d30be7715f357df658c4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.3adf84899.0.tgz","fileCount":7,"integrity":"sha512-sEnEec5SsF4YRMaPvJ2RN7wfg4jBt0cO9fhIfXHjFw8eXm9cnMFAentzJ7jOyz/aaL39AN7ZBP414D8NpKZoIA==","signatures":[{"sig":"MEUCIQCakGM6OkPC0TVGL5Tvw0xM3IYozypwKDGLn6LEP1doAwIgSKDijSiCFSZWDs4ZGqU5J35wb8yqZjqFOuY/OYf7I34=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD4ZQCRA9TVsSAnZWagAA6W4P/2w52IsKBmHA37+jEu0K\nRI+k+sqIVVrNBc9JaztAyjHYjRxm2ktj3sHzeSzt3P8sd+QKJYYZJYw8hM4C\nMdhC+YQ1C6zNFjHknSdBsZaPh8KCPA3Sd8MIVjZfQN+RLGVtmHtphQrOyfGb\nlKToVAWiyAYW7a4hfQ7aY2kHvOriQkSXoassmvkGplsWyD2BbKO7/T7skEzU\nk1Sy/ozhDVD4cEVfK4qrUgaiagL+PiLZaSHfM7jOGQYzevzNhE9YQono4cNZ\nHQTBFLkxJ3b44d9rWBw1Q8UpZk6Xufm7yqV7B1j+hDU4czU0O8QkuoA1f2R6\nCT3Tswt8jxJ5xD8zlTT3thK9wxQgs9QeMWEdnsBvLQbZiQT1d3zLIIxeeICC\nAwNNhF+Bl9tMTwH3afu5FWb56LkKDZiKaFdfbmNM54w6Bp8UWGduHinZ0Xv2\nIJPz+fB4yE+N/Sg4wW52+uFksCI//B+oK13MAmdUJbBeSDYwMIXKStT8HLZ9\nIHMYWUQ254ga6uroQwcMW1wigxs7Y6JqijJ8Bxu8owSaBHM/FiMkZ2N/ImHE\nEZvcdOYiAvPlbPkm8a6euyxOOZSKiVMX/m8YeOzYOPqPR3XcQdFVwgYnEyk0\nBIu0VIsaF5flLFUeiCp5H0TTK+VYiixqDVl6+Az/9kyldU5gqzqkj0QxOrTj\njAAI\r\n=+/Jg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9f20ea5e081bb781aeb0d66d6db6a0ea7a0f5619","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.3adf84899.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.3adf84899.0_1578075727957_0.04707802854651999","host":"s3://npm-registry-packages"}},"5.0.0-canary.0d42ee650.0":{"name":"@material/touch-target","version":"5.0.0-canary.0d42ee650.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.0d42ee650.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"578c6cf2d2fd97e615a0fb5524929c17597b7425","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.0d42ee650.0.tgz","fileCount":7,"integrity":"sha512-KC1/Tg2rv49eXq2r6uoXrus4NflDEwhAwJlxrplpw2vh/r/YHsoEHy0rG1G+wlu4siRrdwU3pU4EbLP719/oGw==","signatures":[{"sig":"MEUCIQDwnPVutAt31lkHTofcQKPklo+2N6m5X8LZ9nx1qIhIJwIgOCC/vvFbebkE3zHFYisc3hQanuGiuTkBTozfNW/yGgE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD7PsCRA9TVsSAnZWagAABogQAIvi72QdTdMbBnMso5j1\nSXUsGxVUR/Q3urYURCVUJ2Vjm7gDvW8/KHCvk0QRtK1S3c4/nsU+f/zj0n74\nQQN4RCTVS9Qy0ug/O1/5sK2J+L+9SYSK/PtZDNiNDEqk8rzK5L8XDmlguIf3\nZMdUfUj2HwIXucq6qIuOuy8sGDUIMXAUuiY+b7Q9fUBjP9MjoRozJ8bEjfYn\nm4ccp5yze7Mi5q2OC26MSTkXcZvyEkcgeN50t27jlNm/Y7qI707TndK2zSBI\nHnr6xhsXUkLljwFtYiBEndkGyUvNIY0tZrlr+VZLJ0FQunmdn4spp4jVQJJe\nYHXNfDFZG1yvArMloEQaN2a/iYGhO1czVulLI9xebvQ7vw7CJThUO9Msdtzj\nTmmYl0NlQUiqUjGfRjsbBy6qutpPIVSRNf7pGnH8mwJLQjd5/Pvb1veLa5pm\n9CQ5/mcssdI22gLPPWrKf6EsRq1o9wuGfLmXHl6lp+RVQolrO1XlyZr99ShO\nNSTG4xQcSKkOIEM5vEgdaiu2pQFXWzSohqbNkZo73u84+rBoK6Leul13+CWV\n/GajM/Y14cnmU224nj9t5BrMX6BvgNVIy12K9/sd8z1/dqe9qh/R5K3J8FuY\n1hyCKqVVTQG3FBLGxQgVU9ppVSGEHBEYYvOpT15rZPuHoG+/5fCfhxTJrpd1\n97tV\r\n=W49Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"184f253632333982c2b642e450e6e98c9703fe85","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.0d42ee650.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.0d42ee650.0_1578087404458_0.5235608284800652","host":"s3://npm-registry-packages"}},"5.0.0-canary.7be9e4a04.0":{"name":"@material/touch-target","version":"5.0.0-canary.7be9e4a04.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.7be9e4a04.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ed534ac1b61f1a6348794a31b369d4d539011ac","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.7be9e4a04.0.tgz","fileCount":7,"integrity":"sha512-LZGy6PyCaKZ3Q7wIOSTVwckNXzoYp52Kz+Ihyg7jhRMR/BI/BUqw+qZwzuE8gm7lRYGDU/6Svy0cLGkA1GbKxA==","signatures":[{"sig":"MEYCIQDrikAraAg9hrat1lRervkbSjUap5tIwt28GLA9g0dU0QIhAIV6ZbwocKyDY9UYXvKocWdqh49NZYIk+vZytuSGqXh6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE2iICRA9TVsSAnZWagAAbb8P/ArYTS+7efNq6na09acq\nZ/9yqf0G+yFXIQ0CmoqIKumuryLob8ZZlunqVjwPBWueenWOcgKanI6LHJxj\nuYj7Y8VTxE+ufR/x17g/ePWKl6twmnGiy5H9yGdNqmLt5wVUmDiPJyJ40a53\n/Y9fOb3WkOkBYEoFEOhWBVh7kTHFGTvdEiLTj0JtLo6c8jRCpYWgkzUNCkwf\ntYFYPNqtRU6AgqhEqt2Z+L+SraCMEigYlMD8AXy54MaHJ1XUXi6LE7iS6c23\nERknb4bFLvScqqgVCkehxEzu4aXU9ZHYC1g9HSQ4NOHbdVZEgbLWbsqHX4J9\n9ptATXOyeaI5LuF8G72QnknTXBaoI8l1+dBjldqPlMJ8ukwo/msp22nsUJU/\n6dexfOCBgAGHpWBXGUcxBORZkXeF15zDJ0o0PyAgy15wJLynMADS3ImKQqif\nK8jUzCdt1nf73ZNlsNJPbUJnmM8KI9hCfLxJ7n8/8WKV1xlbcpfKDvoC6vn5\nRV17bSKQ3pwUlhkE1wiOcfubDqENUD1nCalI845gm8Lh3Km74VkoGUeooUtr\nVPGCpaCRcHa/ehmLYlmIkGQ2Aj3u0ynI7yspy6ZfBMFxhBVzsBzURdtguU8Z\nd4v8HcPnykMLcMgPq5s7Kody4oLsxa98qFb7NRnsVDLSwZWR4HE7vEYDiJtg\nw/fN\r\n=jUqO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7675b02e76469ef82297d4232a252b678b22d1ee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.7be9e4a04.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.7be9e4a04.0_1578330248436_0.5923565480071145","host":"s3://npm-registry-packages"}},"5.0.0-canary.847dd1ada.0":{"name":"@material/touch-target","version":"5.0.0-canary.847dd1ada.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.847dd1ada.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"15bcbe68113eb9b76ce8adc6b49a058219efef5e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.847dd1ada.0.tgz","fileCount":7,"integrity":"sha512-V9fznZViPNQGyvZJPp0XkFn2Jhao75DYYhPEd0ffO4nmxvz3dIC3AfJ6h7Y3qnsVgnEyhDW74X8oZriAbHUn5Q==","signatures":[{"sig":"MEYCIQC22OesAxASNgmIG9/XHbIVGcS12FZIb7dePIsypd/jDAIhAImpFEo1S2KF2QWXA3aHyTqVknbJHcesNVP6R+DqCiaU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE4nGCRA9TVsSAnZWagAAgpsQAJtmNyFS7jPqRHPe30tw\nw4oMlrOlmtr2Vi552m+8B47GP6H0jRfOt0PuYuYTM0AmSZKLvets6dhnlP3j\nOCWgDzUaX6IaDijESHU2p1yFGG9Uk/fwexleKVoDWDavZ2NbP+3CGsE2oTbW\nrjKAn7haX7cyxU5inUJ9i86L1ch6sCcAi+tl/296aIBS87cxSPS9SF6C5FWf\niI1pwAVDvcc916/GuqYhbdLZG5eT1qaoVeMJTh1x1r4DQggI8Igzv6IJr4v6\nGWKMF7K13+MXQFaKkKtDA0b9J3W2lzxlu4xsgs1NU3h1Da59e9pGZr+z6esI\n31YVzdMKJwKGBYqPqyEmJzXxFXFdH/60G3Lp+Ik3VOXHZTXBQ2NxOQPC48r8\nOyw4rd/F0WIsUDVJRUCDJpJdqeXVmb8tOM2TpyvPBa4PQaTV1IOb+HpyLDgF\nv5QuTPWxO5lyjv8aRqo3iExtYNFVlsii6sKesv5J4jF6EF/4YcaCYxPYfRr8\nQgy5l9Iu/xBlJdv2+1WtntJzfXyvNKBSr6rufzgDCva7qDt0rAv0h8hGvja8\nAt1gl0AngkKjhsg6HT/cFu2XoNS/MoJJP9Xky13nbOyVNqYlVAsyGZ3+3Spb\nrmyAilOmyPR8eVFpO3iZxT5eTeoV/FuS8Yiz3tqWX3W5WcEEqhOEPqVRfiYZ\nxvw9\r\n=sg4H\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cccb6b13f05f64e22210548991ad471df3de97f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.847dd1ada.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.847dd1ada.0_1578338758304_0.06770963733576241","host":"s3://npm-registry-packages"}},"5.0.0-canary.39df7e5df.0":{"name":"@material/touch-target","version":"5.0.0-canary.39df7e5df.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.39df7e5df.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"75f071c67f3b0e5f9de6f20d0ec3c0671eefd8cd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.39df7e5df.0.tgz","fileCount":7,"integrity":"sha512-0Cp7PhcMc6pAExvjfucRiH0WHautmawv7Wa/OrA/41BCWVhieadrRXhDEU1V1bYHQvSuHB9Lot+2YRsKf77TvQ==","signatures":[{"sig":"MEQCIEQWccxpEeVFA0Iqd2qEwRQv53fOxHKNyjlWyrbOTo56AiABXuh/qVgM8zOpxvTVknd5t0JrPQgg/E7eFNsH+ABzYA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE9bwCRA9TVsSAnZWagAAchsQAJ0EcD8ebzcz2NpFjVFg\niCUhAgUKzeqBfjNRw2EVM7eBvB1FWoE8P7rIjXihdZDQNLUKAXBBmjeFrYw2\nml8E0vVRwk48E6twlSpNBkB3OEQhF+DPAn3ZdzfRnNl5/9YoOMiFDec8vJBe\nH1e7Dz189eslkE5UTYh6CuuS3dAHtLYRTvknS43Sj3Nvt5I5mVMrQVTwSeIq\nenHqz5x3VBjoki6K9Q4ezoAcsC+UZF1Wnwu/RsDJG/zS6mQZJTqG1s2R0LP0\nltVg2hANUGDef7vreSRHWctp0G/XyOkKGy5gKzEZOlNls5xtzwAE5W/exSjv\nIFwrB0g5lqtUEynEs9rLn5yjtdXzSUgdJJ5pNmnJkidfWuRvPBY4eLf+HL7o\nrjTOO5HeSbGY7J5Vi9FXLq+ufG8EV5AZ/lUzEy+51LHOwoWsoigdQmhN02oX\nKZ4AchUQiHboKjAwv6bVMCqX7Yh46hNYR0SSfSIOX7Izo3fZc+ZSsohsXjdu\nEs5kGO8aYLt0chTdK/5Fqvs2VzMxXMXRCrIPqBUBW3DGT18prgOSIMWrDa7+\nkAkBUAPNkmUVIJKuFakF6dq14VWM2OCUfnumzScAZ+ta/IU29W92J/HpLIYH\neEARVA59iDCSq9EwIP2XAqO1yhLNFtnw4/yv68LmdG0s/knOo7nCCMpUA39Q\nbf4J\r\n=8z6F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a6995715f8fc80d9a20e6b8ea90e80f4906ca595","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.39df7e5df.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.39df7e5df.0_1578358512405_0.32496495967271777","host":"s3://npm-registry-packages"}},"5.0.0-canary.f1a2581ab.0":{"name":"@material/touch-target","version":"5.0.0-canary.f1a2581ab.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.f1a2581ab.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f74265a358a97eaf1110319557092c87f4ed64c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.f1a2581ab.0.tgz","fileCount":7,"integrity":"sha512-ugqU5f/iVqw1IAbdigk0nY0uaozvmrr1GxU+f30AyTtqde9fTUzcOcwDYyoQ1ORIUIWZnXUh5CYtmmpL+pNnfw==","signatures":[{"sig":"MEUCIQCTkl9uKYEVQ7WlYQWMVW9jKcRzU2VJ9nZILEZ5fDjp5gIgROKgGKhxM13disnZ7YSeH1trpMblpSM7VTg5IDtX9ZM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFJzECRA9TVsSAnZWagAAzQcP/igj0HWs+ijrvO5yApk2\nqoKotucH2mUlHCes0SOF9UpcqhW0Obj2V4H0uoRjVHuJhPchIvXvXT7k+GU1\nx1mupmVr0nCtC4jmEYdma0pNtINpxMDI8nL76mSol89pzfYArHSuT2Im7lV0\nod4ZL+PXHfewiEbucmgDGRVQBjG7X4nD/WbmHzj3Ta0Ji3Erp28W0WzTL84p\n/LUlRwFYver8ucrAe6TAWKzVgyoJSrYN3gNj9gwYmlXSep88uExQhwtiWod7\nYWjvJ1h+QFn3QhZM2E2ViT/v2DHuXcAc0uE582geXzYv1VuznWTkinFROu3y\n9T9Jd4YvqIImcR0ZmpP+hFJQ9OxafwQVqq16mtvg75ZT8WHDqn4hXcQDuc+Z\nyOhTgswGYPZvngBKYtaDhmPi+UmcTqAcPYqfeIRofPe0FkZqK4RR3D466uzM\n+XUVO7+XL+ZEbetmPwtTnh+pZ2Cp2bPdl3wJl02bzMdrADQftWRC0UacB+IJ\nui+gXpiznPMWbx18Tb2RupR2aLgt0MMAs93mrEj3+JUaiE/tpodi7bCNCuO2\nenJuimnAAg1t+x5G1wa96uD42KfOPRQL+MrUxpt+9B46cKHLpZxQvl9Fr+gg\nuYuc0WUeUOVeSQINHtsBV2gxf0IgMGPAxHwrodKP6Rsf/CF8JRqIR3hbsDqx\nArg/\r\n=cJBG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ae69ee79a4a22a7695be055fc67e5b974c2b989f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.f1a2581ab.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.f1a2581ab.0_1578409155898_0.8610260190728025","host":"s3://npm-registry-packages"}},"5.0.0-canary.7c7ddf347.0":{"name":"@material/touch-target","version":"5.0.0-canary.7c7ddf347.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.7c7ddf347.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec8fe9f74cdf459e0caa3efdfc740aa07f4bf902","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.7c7ddf347.0.tgz","fileCount":7,"integrity":"sha512-n0rxj4zYSd7qeHCuv21CacypByjnczxlSLytwB+KAQy66J40mzpvqDIJBljh7Ukllanf9O1d48jjACDeMqqNkg==","signatures":[{"sig":"MEYCIQC6bN2uquuxUGIubRuUojNJClHCr1vbl/do33GEv2I/1QIhAOTRyhwdWJc4akwIltl018Sn+e/6Qh+ZBonLHDUrQEA3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFKCKCRA9TVsSAnZWagAAY0wP/Apr0wqNltLfXFEb0gfW\nZMXfV7GNpBZfQdmS9UnXXtVi505ODtx77loG2PZhmDEWvRKwA0Wgy0O9eFcz\nqBp7ZvYwMz37Sc9bg1ywhigI4z2lzLrChawITkCTuuwVsxkVluHUP/CxMNH8\n/IeiAHFvMNPI773neeT1OqTOibMCimUEmNgXUHMwQUDOuIm98+LHxkpPZsqZ\nJeMPRLfe2UQO6xEbOkXkY3jgzOEihE7yGMyLe0zTC/7WxC60AD+vcQM5aXuC\nHH31Iy4rEb45n4Mr2NzO9aiSVm26Iu7Rd7686epAKJILJLr8W8BcCW87FcDE\ncr8wycdmA6hlN5ATvbuM6/pjYXn7lF6hUCn7IHiw1iNRqqUjiPPqwmOtoYYi\nNcvvLPP/NCsZyYkj0zPP0vKcojM/kkkmNZER5P5WoPJbac9zXYTUP5rDAziV\noSFSd2r/6lD+iKu3M/v60mEMoH0yiOgVbkvYYO+FD+BScTMQGva7iMyFBeRM\n6ACYMgZs4nl6+74wc1OUlpNRgbH0LyAPSMVwZUZJJd5Fe/64P7MX9xRmQLqX\nQ2cxASB/uloDFrI/VPOD5mFAQTjnaAvUC0qvhRX3h+YOR4gbsaPNydwtGTLw\na2aWnmc7YkMBDk+X+FjxGgulbSsX20WNClL+OlR0taYhVk/xAqvPkwK5jPZ0\n3nbv\r\n=5gQS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"940ae7448647ebd59a16a94b84c479f3f7bba9b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.7c7ddf347.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.7c7ddf347.0_1578410122150_0.5086280326533164","host":"s3://npm-registry-packages"}},"5.0.0-canary.a1c84d4b5.0":{"name":"@material/touch-target","version":"5.0.0-canary.a1c84d4b5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.a1c84d4b5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"11ac6238417982731b9076c9fc9e58f744fba2e1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.a1c84d4b5.0.tgz","fileCount":7,"integrity":"sha512-oFx5OwPOTTdhJ0ZE9kNYVZCvv3OgpA3D9PzzfjNj3tsDnH8tfxWlHxS3yeDAKAWuZVvB67YZWe6h0m/80VOhYQ==","signatures":[{"sig":"MEUCIBmGFUAl2SmDDlaP4sxAMTz6QcG9Bsk7++/evh0Q6uY3AiEAmrQxFGlgYhZrgiQ/tU8spNkkszllKH83OjDpa1VbR64=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFMlqCRA9TVsSAnZWagAAlIYQAKFDVCUShP/xGEXkQ9wB\nLDn58XsXfvnFNMltFPm6m7QxtYapBGVjfSFeKPvTvBEIl/DV4WECIHYVh56g\n/k7ZgSBdT/wO+6fjF6I23fwrHgly+R9vKwYQfROeTiI2AsWqCTTiAEwtklS2\nBAnF24bEIe8BkNtXNiq2NWs4FuBXDnGhcMEnSkcRI1HN7+CBOOrNkBPdk2FD\nIX6hCWRZR3bPK7nooNB8ah0z4DAJh8+h6mBSGsOQH+DecrNnCEFgTQtASF5F\nZcA+0kwF8B93xxf94fK3VEFExcWpeb5sE/vHdf9HCk6Anw3+TdiN0ASoZ4er\nALoRdV58K6kK+I2wle+AXA0vrKJPitDoHliZxQPZP1rHX5dpIx8JuQiAfbxf\nlc4upNmGg7jMVn54H5CfMXM2ZqFvN1a+20nJTA0RKJFSNA0vo6luE4aSI4mv\niT/tBe/WCLfbRX5Fp6pVSMc8ohpVwcGPo3zcjyvGgxV3dr4XX2DZ+PuBXexk\ngk5+/eqQm+0KjEZgs1vUmuGhtEzd6CbUk8PoYGrqHXe0Hnk8qff8fqwLb0vY\n0gLF2Wo4+zcsn78QYuXiR1/bdl9sPrzcY5YzSneLAXT05fxUdFa0x9pjFgxG\nLmQV0odEynb2Go+btNdYv/2/CBy+PVL5+zQu6ahF046mZnNEsxw4xW6GSxrL\nScgZ\r\n=KuSZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5ec624a1b571d87d94d5187056a0b6db214d229f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.a1c84d4b5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.a1c84d4b5.0_1578420586127_0.6274551761701761","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec9f16578.0":{"name":"@material/touch-target","version":"5.0.0-canary.ec9f16578.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.ec9f16578.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"635b735960365ea1abfa49e8417828d76d6f9cf8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.ec9f16578.0.tgz","fileCount":7,"integrity":"sha512-1UT1QoRTSVzHjrRMda0+CX8ieHdPIBJwBqb1naewkmVfS0XnDu1QWuXFWUl278BgvAZt8OkVwu4ZTf/jBlFKpw==","signatures":[{"sig":"MEYCIQCtn9ze8qc3GijxK04Wom4SYOqattk5fMj2qsqpPsreGwIhAOeBeMmj93MWzYi+7nnlpOIGEkQ3XmrnNh1zgpK448zo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFN5mCRA9TVsSAnZWagAA6UAP/i3UiiFobh0QgRJA3+ku\nCuK2sLbXzec9xZlNIwmalZrVv3LIsvc7BVk3JGAY6XLnHmeFh9C5A2QGz1D9\np2jpS46x4eZefFxDN0llPZZpnEZjNiLms/ieygX494WK5ZH1av4Kuy02xceF\ncKEkRZ2NsvVie6ef1K7SGonof1Wt4cFhWsWtwvEHD5GG92zGjq6jSFV9ZwVU\nhOp6creFAO+d1Wshoisdyz84TJbfpGEk5f2EiyKihFfpD1FchMAjE33laOYu\nTnHghOeXQmX7Gn9CqxsBAZ3XoGOpoYwQBS3yTITabyqanPauva4Rs8Gv8omI\neFPa7vwXgFlZoSwoihRbo5Jf06SlrOg6lkd2Yvmm+MWVVTzdZW78oYF0CuAJ\ntX12mHoFl9N8uNVHLccfHQ8lPz6GlmWFhuTPKf9iw50H4j0Wavm7u/icLDZ9\n2XpoIotqDgsYpFDwKAYzCHXoeuqPvYYcjhZRGU+2x9DGQurAZWLmsAf2Geso\nvak+uEDU8w/v1i2wmR94VOz/7ruMp/b1IGFZZGr6fsJxNRwCXCo5OwP0MpSM\neN1FEaHhyAg1Zt2thiyL81JFsw6F6fFknjbivQLFg7MZzT3U7LnHAG+uEXQV\nqRoWkFongMsOOOzz107+Mw/JL0WARtYfPqbpUeH0yXmVtDrkUrEpFpqfKncb\n4/PI\r\n=fdax\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"23103621e66342865b8700c5948ef9134fa8d1fb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.ec9f16578.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.ec9f16578.0_1578425957526_0.4756970843321897","host":"s3://npm-registry-packages"}},"5.0.0-canary.b602226ce.0":{"name":"@material/touch-target","version":"5.0.0-canary.b602226ce.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b602226ce.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f13daa8354e5ecd805ef7a805a8e042a4caabab9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b602226ce.0.tgz","fileCount":7,"integrity":"sha512-QYJSQuoyU+F6klhTYaI1bI6xMMBqePpC3x4+bfxGqPkDjUORk9yPJ9vXAAdqf7RRFHgbrrEdRRKWWYsSk8P5lQ==","signatures":[{"sig":"MEUCIF3vTgF3CgcpedxDwVGaKNResL7d+QTXWRlVB+Mq0wWvAiEA9deURRqEC6ojbxCOrbAXyYFGamFPJpWFiIYbWqQN8to=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFObBCRA9TVsSAnZWagAAc7sP/RVPFo2oThkwEtG90wgH\nBTXjH0+EMPdpv9NDkLnmfd5ZzrkyIEW0HDW0ez1kfHxqCgt6Kny5H2F3yaz2\npu5uIe4jUdd3RYKAdR0jqp2wjoZ7sF2FUAAJP88v0HKIaOMeJkGcXfoYZUYD\n0rnpuLpJbraxoLD4S1bA2lAmE3PCjLGSurKZ2gNyIwpa//02w4+r1CtQ4QVF\n+gu98ffxZW7ZmRnHNl+oZ0WtjPlIoDhVqTvKhIwDzkxGCact3h+BTwwDenm+\nGXLfqVsqfFjoCK3akds6ZMy6WPT8QXNjK4H+zdHeARPCoTRhQ844PdqvxDdb\n8Z5fErYpnABnxTzNbQ66Vt4j8VROxwl8FUNva8KYSHz9GktkZi7pSUvhKVi8\nfTJvZqvL0fT4MejmIJgE9PsIFeC5RIv2t2m5kZKb1mQvQWl62w+7tZZ6SI48\nbpnMqPMrNm4fetx3QwO8K5614CY38GovHF6qrG6imZLx3lzw1KGUdcwz0o1n\ncBWm07TKHjPF1iZ09c36F7ewYx2fgMePRKKKugtOb3FU6igvE4/eEEKju/bk\n3cNiqRHPUdai4GV0NgehfT3rnCdlIw+ireLQya+ITE7tv+bKThAlFKndPmcF\npvTpVC8mcW1UxmzbXHq4PwRRYrKRqamSjrFDZufm7Rea4/MnXvNsmPkRSXcl\n/phH\r\n=RjsS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"de0d35ec6a5285ea0c12a54a6e35051ccd0aac1e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.b602226ce.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b602226ce.0_1578428097085_0.9157281831440796","host":"s3://npm-registry-packages"}},"5.0.0-canary.b2d2dc08c.0":{"name":"@material/touch-target","version":"5.0.0-canary.b2d2dc08c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b2d2dc08c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6eeeb004078b5a4add72b897ac3b9713d12070cf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b2d2dc08c.0.tgz","fileCount":7,"integrity":"sha512-jjXRbzyvKSsreM5QIRoVYfqZegsN2bW2QctGfODRIoeHyzZaCU24W5Xmm/AAP3Ioy7Mu4r5mFVzQ7nQhd+hzKQ==","signatures":[{"sig":"MEYCIQD3Ir1YHdKMHOebk5M09WQP6rWUoO3bnkTZDi6jVHUaBwIhAJRdYQ2Xhd1U1GbNW7yFLb+Jnv7CgcGh53IG6T8RUZie","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFPdWCRA9TVsSAnZWagAAI5kP/2+37bRlnLeYcZKXdfT9\n82d2d0ccz6Fk1ynHZnDJhSEOG2rlHY8IQC87HScLSHYcWh5u77EeznoYVLLA\nQf9XH6L7TqIKyli2d42dWK3+I4K5HYVS460OhZ00dOE94Q7zF9JgLMfAc+z2\ngB/3JcN0u0dq4S5lEm3KagPtqneH+Z1/iDFg9tauQkbCsMLb08hlqzGPKhT5\ndFyDoZsasBVfH0ZHbu9t7vDy+77fNTv8xRSAkPO9KYM9E3JD+Q0EOPyEZhKQ\naBKLW57oWeXdI/XJCxeqxL8Q02h5DUA0Wkvjd1pw1mmc/Z+Tlp1Yv+mM+5f2\nlEi9mXgNCSDQfie0Sd+bq+VfR9RFqLj9rcaDd9tAC1S4mhIUvibkKGt7GIHj\ncrq03T+gCXx0HOD8ra0svlsa1wC/jgEiIleuOTRtWbUZwbOAIB++VH8KN8X1\n5YtB24X6HllRvHfXS9LOQeid7VQ/DVcwfczV4G+ZZ/1HYJ/ouhEnw4bkI7qX\nvam+qUCOUueOpbdvejhJzHLVQ9URLfA1JiViYGDTuXx4C6KvU1QKhz6mZ8sY\n3xf9pB2ACC3G4352MYor188B3lOP6s+ilVbYaYQY/thSOk/7SvkJs80yFo93\n+VgYC85+v9Wzq9w1+lNWP28MbhZK8VDiMi9dRgO09VVRAkL+3HbCHLbm7o6d\nl1CI\r\n=foE2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ec9aa1966e1f2e307207d815ccbe3f16750af94c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.b2d2dc08c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b2d2dc08c.0_1578432342426_0.6840510339148023","host":"s3://npm-registry-packages"}},"5.0.0-canary.61f2d7580.0":{"name":"@material/touch-target","version":"5.0.0-canary.61f2d7580.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.61f2d7580.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"209613c062bac204b5d3865636183a409c87d1d8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.61f2d7580.0.tgz","fileCount":7,"integrity":"sha512-RBjGGiGK/wIc+Q5pOtMOws/PLUp/PomGl7xPpYkxHld9FBzMUOPImn032Wo6Fs8foIS8cqM9vYjDdrSLDdZCxA==","signatures":[{"sig":"MEUCIHjPjOBlhJi3bpvozzH+G/cjptbazTCTVVbXMvz83tlHAiEArtr7tnp4tgjiZEam/mGvjhAH9ICeI6CwkEbS98nPwKs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFPqLCRA9TVsSAnZWagAAoFsP/0QeHtDf+DcUsaDMf0Da\nRoOqJJ7gvYDjVBWxvpFhfpuk0EOgyalpbBnfeEuW1bSsvwugDOHq9Pkw6p8w\nAQYDBBope9b1zxG+EwiJ+I5LrH1OwXy7a/0XH4/P1M7/GVVGenZ3Zdg8BeJC\nFX2FzXiXWOWgRSvUkDNNFXXlpCtiHzAfZV+dchkR6W9R3Dlrx/ByRnxvJxMQ\ny9brLPNK7JezwybCMmBA5c8eARaPdPnR289RRBAXgU/h988X9Q+bwlCrTQ6s\nWswqAZOQ6dfDgdyMxczDjg2ZRGLvvOZtJOg9GNrBIYWLmqhDjTjvVDNVdRp6\nrHmGf/c18eyIh5QhvOu7w6+dj1FXXnwsXfkDc2hO4kTOZ5XyC98qIeQ/rseS\nfCHvHlvR6ug9Co1uuzG07dYQFXHQFWshRkkFtAEnGQkcJt05/ngQHEynVVwM\nDPVTa0lZtZWBjYQffYgHylxeN48hngLsguILKvtcaQybwj0YdFlHAgpgAUCJ\nySXmF3TQLJeutfsmgjPJg4N+a+x2tgNfRvtY544L5UpbbvqKtLPKw9bb633X\nYrcEj8jAZgRl5efCNbxSUGeTv64skGg6PPeh7l1pOLssWW8En1miKDUKFX+v\nHoPvFIYZg5nk+Vsxk5zuG3iL6inXsdswT0+pVXecbkDUIQ9KknpIp7QxAGll\nrp4V\r\n=hsXb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a826fac64c34ef89005bede280cad29c76346e55","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.61f2d7580.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.61f2d7580.0_1578433162814_0.6699528077820895","host":"s3://npm-registry-packages"}},"5.0.0-canary.d1be53a2e.0":{"name":"@material/touch-target","version":"5.0.0-canary.d1be53a2e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.d1be53a2e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dcbaa3701583533d834b088ab7690202464843fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.d1be53a2e.0.tgz","fileCount":7,"integrity":"sha512-yDOXZKLW68SOXU7hOZVnFQ4+ELrJczh2juGehOKWC/sHdp36N/fqc3xVlq+Df7m8Yv/r7JHKUcv70WOQ5CO65g==","signatures":[{"sig":"MEUCIQC/JDYIzNB4nR4WKrREPdfrD/ml1uLK99Chpfw6J6xeoAIgXDbhIt1r78S3SMUUs7Ho1Ovj/0oFAP/QvuThZ2WWOHI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQNECRA9TVsSAnZWagAATd4P/R3qft5ly9PHS0OF3ZCa\nQRDKclbov64XUayAoN26HahaOJxLWDoUmfTSAW2+b7uyLnjodwgzwjSSQroN\nWQsp+4DGMngfArd4+dffAfk38RnADvcXmEl/o5Y722ljb1LkBdl8ysNyPhHS\n3/fqTufz0ej1brnJ2A0QUUAv6CvlKOWhkC/K8pz9PIq5O91ZHQQZfMuiudK3\n46R5LktyRpfv110aJ61z14Lkcp4RBsL0ugFEnpiK7zutTMeKVYNcHIMqI2x3\nBDssMEVo5uWe6Bwt1851T1QtyuYBNc6g0MVDFrOMgX+5z2yTxz5+yWkm0szR\nqY2KYzn6/dvj03PAZhb/D81nC4wScvnVmceld/XvKVVO2wJvjUu4JWKLcHzr\nKVENpR/AkE+Z2zkhZ6DDhwEWFTTf3gOG+ZGiip+qVHMEnEmWOEnX5a+1G7Mr\nvkOnK3QuVzX7jRGev+gbLiX8e1d10Ww1t+cVP9dZtiVh6Xllhx/IkeYCjaZU\ng0fmCrDYaBG8DwrCWv8nh0ZWLOffN2NgDnIKWhYTzEbh9GBtKz3GIaUYfJsZ\ndtQQAcnGyIxUJrbDcUcioDdhz2pqnul7IffAn02lHggKs+lPSxblM5zjhv6x\nrGD7JnjpOQq1RSMPt6rPDACpTx0ckhW1RsH4+fJp3gUIcWZ/HvoezZLYxUml\nLsAU\r\n=R2lC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5053f71f9a35d62630821c2c4084794f7bedf258","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.d1be53a2e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.d1be53a2e.0_1578435396224_0.47365931434819","host":"s3://npm-registry-packages"}},"5.0.0-canary.9b0d06e32.0":{"name":"@material/touch-target","version":"5.0.0-canary.9b0d06e32.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.9b0d06e32.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba20e2ae34f8f8e2fbf1d8d8f4eaa3ee81e26d43","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.9b0d06e32.0.tgz","fileCount":7,"integrity":"sha512-7hDBRKnpZTW+Ni9n28kcW+IF7Xl5kIfwWjnL8tS5b9rPexQnUlstfhlVHFCJQuoKE1AIOBx+lSJXlpYDpRv7IQ==","signatures":[{"sig":"MEUCIQDEFzGPA73JA0/Ha1soOtsWilYqcsag4xoVWbjYpiUJNgIgexROJWkuUwwIqs2/jse1oAA+navStAgEF/ZMyUWMzfQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQPWCRA9TVsSAnZWagAAZ6sP/2LUYvkQJzAiK30IOTiy\nEgL11WLoKR9vLtrHyBqhyta7TLZWuEinctTz62lCk6jqg4gH3sr5g7HN0V9K\nlcoHW0b6NAkkvLyqOVqpmzae4n6R0OMvKVxsy1mrIf88ScOXJSMQbiZjElYz\nc46fbxfImFuBWXOmd9gCBHs+byWZ/uMjXRVjA+St7bSguoa3YQXRnxul7uX0\nqbPmHPp0W1Lzh/WOc/V+LLAeM9cXe3BjgExvJhtoPoUCGWVcC+y6zT7BmDVK\njMr2v6fANWwTh4633PPt+z6Xcd8qWcO4cxwtnTPg/MeYwJMkUuRcb4QpV1Ha\nuM4frlm1T73tUdyke4f6pVJ24E3DKk3wrPNI/UK2zlbRgCIXR0erLQmopLd4\nUzApnWS0U0GnR48CjMxedVsRxZG/erqtMA0sjN6bhynyYUQwkgSOW6l58bZ0\naT39u9egK34n54wxvKoLsgT87Z7pPmqHjFzPvx0kGJBtQ9HHxlZ32+SM42D9\n0EzFwa2boGOItS9HL5siq8P0hvXpEZCpZ/76EZL4QYxweWcFIJaq07qh9tLL\nsZm+zIKd6xGiZQsTaCLaXeU8GPrfpRBCj2Wy7XeNFBJc4QykNgceQE6qt7p4\n+trVXTC9a7YFvkQ5i4PagD+cQsjxJxA+MRtx1O96NEZ/SbMPY90W58y3xMMF\n3+Iz\r\n=pMq3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"485fa4920288a2a37995f4c736a1d429de15e53e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.9b0d06e32.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.9b0d06e32.0_1578435542046_0.802996108130106","host":"s3://npm-registry-packages"}},"5.0.0-canary.730c807a0.0":{"name":"@material/touch-target","version":"5.0.0-canary.730c807a0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.730c807a0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e6856769af3574f9239847b438ba9670bad790af","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.730c807a0.0.tgz","fileCount":7,"integrity":"sha512-tatKqVh5Z5ohDV9I8AWrTE5R7A4pUBwvAWfqeI2kg1PWGuMqQeqwdVtLj5zNA8htZRivvwBRLYgzHUrIa5IRSw==","signatures":[{"sig":"MEUCIQCWnzJqSzdvtvWhc8norOy4HaERGBurPhQBPgP6ZqJt6AIgWlOwcRrpxa4z92RWIbWCGBWANipht+Ios5z+DpghmGI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQQ3CRA9TVsSAnZWagAANRYP/i75rIBgIjrOHZxF2R4b\nLKyFoBuRPDqI0yhT2V55NRvz1xlJisvB4MnDnJ9d3Tx82TFFZRq3TDImsm2m\nmD+kZhi5HXbh+u4scRZn5iS36snBw7N3E/M72rDrq7QvDhZAgrKIpcrPMYFo\nZjFyp4Bzha6EQgjW7XYysW4ZTxuDNjNgL1pyEVoZ7L1pDibS+Ko5c+sf6wxV\nLwF2mvdFXOMGSHsgys3Ll/Gax9yP1jUrURYLQYbc52qX1C2VSAoHsr59of4l\nd1F2S0ADF5jNAsGvyPUDgCxLQF3exSv1t5MRAWb7RbPdZvGd6nIMaw5ctoHd\nAMRWeP3f/s+obWtaIM6DCdXfppABh8HBWNaO7wsn5F7PDxFbNFTwMuevShWQ\nBuBSqgIB1MLGnKsyqY1t2cRpBYy0QqrHz7opquqHpvq/v6dNXmyHm9SrdZx9\nZ7wIdvaE19f7iuf2pbkdOtavJGeeNu3x6Qu3VmbBRSXkBatPCdSv9XSe7Y4s\ngQqFG8QDGGnAqwg+4ZFPiwBmAFpXIhpYLfoUsgwpqUQQv5KWxEE+5sD6ZlIS\nWccdrEjhUhR63b+r18XFWhJ4he36LnahS/f0ifLiUWA4VKM73Gh1LGBvUApw\nBahcByPWy8ILaGd5Rpz5kVxlAZydELGPIonJ3QilBPzZPzxnVF2+lgie7TMv\nFKSy\r\n=zB6S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8860f1c513146b0f8c59a8c70750d1353e61feaf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.730c807a0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.730c807a0.0_1578435639470_0.5165403829396662","host":"s3://npm-registry-packages"}},"5.0.0-canary.2213152cd.0":{"name":"@material/touch-target","version":"5.0.0-canary.2213152cd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.2213152cd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f50caeac7aa8f5ba063421a50f94a0e797bb3741","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.2213152cd.0.tgz","fileCount":7,"integrity":"sha512-ynLTL1nzcIL+NjGWn7l8Qwi17bNQSE8nUFvZI/NZr0PaqMUmayVY3dTYxJIL04I5f1KFZnsIjXQLjxJKNLxLOA==","signatures":[{"sig":"MEUCICt2xPfcJ/TQ3gUIPBQUTFiXxEsokY5v8BIdGsqO1Cq9AiEA0+R7ruuvFWD0djBYW1C5/4NYP/ZxXlqRWQp+9lcUr8c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFg+1CRA9TVsSAnZWagAAIt4P/3lgjS1iVGTqqN4ohUe1\nYNwoLofcjONfmZ7iCJPdv/X8DUxwkt5P43fsO0GklLY0QN+E0uZgEPSLe6nc\nrfQq2eG3oa2zomzHo//9VrE+xKohRX5FYfcD8r7ckJPal+zP3KcCKadyj/5E\ngu7hdHVzHRgCgFHtSsOaIqpeqS3r88aVAwuinmj6x9lsqcN+dzVJ6jYKHEDc\ncfe8Ypvsq1HkxvwAFz63HmUVuoEj4UDtdP276OyNGEXmBJBE6YvVvj16OkQp\nNbk4IU686M6z4K7NyF4O/LNqE1TQFTTSwLhJSef/wdKT+vWdt2C9vDsPAwkh\nFWAkg0fCi28u6UjmLB1MWjnzeVojhF6/SK1LSPE0PAQWmOQ7KHzUv6Zx5Ii8\nMIu/6uKeCD0YaAX/YzCylWEqbZi+0YL6RaNYkzcYHDQqaoT2HZ83mWxYgdu4\nS/UJrR+QbYqtj1Nie7kgNT4M6W2xwOorYivnp+3a6fTMTWa9nJIuKFZDz5tV\nT7+w/+WLWRObFDYnzdbjLvl1/8uCp+1pCqAij7I8392cF1bSgVuzXePT3uqy\nc6YiHOmcJVIxuGINzalxpVE7N/Wpfo4QWg8niqa0faUTxRMW9iKWJQvezttB\n02/MGZ0ir/VonRvJkd+J9s16LIdutoZM9GXXC8KXvD2CrMOBhRkacq50yGVg\nDd4T\r\n=5zJ2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0a3677a82eb2000c085d0cab420c907dca8cf13a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.2213152cd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.2213152cd.0_1578504116991_0.6192855388468539","host":"s3://npm-registry-packages"}},"5.0.0-canary.5750f7169.0":{"name":"@material/touch-target","version":"5.0.0-canary.5750f7169.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.5750f7169.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"360c9387cb20add989c104c967c6c31016efc932","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.5750f7169.0.tgz","fileCount":7,"integrity":"sha512-+gIKmFXuyT1ooB2tfYqlql+hyNB9krL5H5a3+4BbmKYyRnKwwmSRb2MSQESaOxqZuNECc5Dkuvg/JlB2Dnh0sA==","signatures":[{"sig":"MEUCIQDLbpDCc9oc+ZYrS+J9Or47hUUM4FeGDC4Oq1iudmPaGgIgD8bj5G2rWB2IweHuTUO0PqH3hJxbbtbeAGjM3msFUew=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFhfNCRA9TVsSAnZWagAASBUQAJh8q65vObBcglUf5Xd/\nxCGOJ/LNny3dK++8wo+Nd9mug9bC8+u5Fq6b6HXJxlkydkIvBguEabPdsoNA\nSo0dUrMkACB5ER6IegTlTEJvrh6KxR7oc8BJNpul507G7EiDQClJtK1moevY\n1Z2OR1A5lHlGjcKvhiwI4rGmc6EDsvJQYKklbVEZa4UMEfIEaV84jpvqwRsE\nMLxQD/CGELPGqf2sV90fjUJUiXQYW/tiWDd5qnJ8OB295STSQXrUFKlQKrv+\nYsm2n+jIfq4J2h8SSA9noPb1GxMx1xJxL252NYo+Wx2qd9vviL/qG8VLAgXX\nNRLpEWudf2NUQydQa6jrOVjk1apAxUzrvMva5e1ClDLna4PIs2lDPu+X161f\niYF3wAip0xkxyYENQ09awfAUeF/KF6pBzedOme6E8we1Q+KeORII+/ntdQsa\nDtdMFifSXLS0NooRvdGwDuwsJpUSg7YWIn6zWzRiQymPtTgtPmYQR23FlxMn\n07dpICvS7Vt+uPbEPEuZOe2jFIJOkwE9XYSrU9iTlWwbL+BrAZ7I+bPEJmD5\nPwWlzsAMhwNiyszlmTP+yqtwRTff2uzu0lZI5+66GuoDYDdVJ+tH//8h4rDV\nw0PueOl52WuyGM13Ok/509Q52+jgv6PhIPkdkcJLnCKpOKRQEt1VmjE7XtG2\n1oad\r\n=+2qh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"394a48c85aa714b74edbf6f2b4172e4b066f604f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.5750f7169.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.5750f7169.0_1578506189151_0.6009874546840972","host":"s3://npm-registry-packages"}},"5.0.0-canary.f7abc7a43.0":{"name":"@material/touch-target","version":"5.0.0-canary.f7abc7a43.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.f7abc7a43.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d566b95222fcca56dba715d4b337d7af8bec3910","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.f7abc7a43.0.tgz","fileCount":7,"integrity":"sha512-Nd3BliNGJTdLG1FAkYc3maES+o3pTpd0SGrNhUI3MJ4gPzKPfWg+2Ek/RS2cL5AI7J2gUpdb3Otbo8IE87UYWw==","signatures":[{"sig":"MEUCICIpCa5WYiFwAQQPRMUFy4G1GaAVHJm+WCA8sFX6wvLIAiEAmnzZtNAxgzNA06rfu3D9WUN7CrbsKAad8CIKawXopzs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFh8PCRA9TVsSAnZWagAA1aEQAI4fpzzdJNbeYPkOl25w\nh9IbpP+BrOF3xWo4lactyxpmiOjCvPOITzGlBWg5p9wzRE9s9ojct3xpkIyC\na6M29sd/fDyu8OH30kqaGpTrh+v2xI1JbibADt1JeHx+qAER5f2hracQ7vxq\neppTl0V8GPQI/2JoOF2SBV5YuhwNbsIyYaa+hpx9oWj/w10w0w0peMCb0BtR\nXyxN2r+JZ4uzFkt3u/JbaIAXyGrh8/zD6saNyI2TPaNKyM91Ahf+Itsh3XP7\nXHbo5/BNJnCUjlRi1w8oiHkSRqEy6etx6sNjGvoqxHOusWx2h1QXPRHzwGE2\n+K2nYGJ6NRL/4vleRn7uwJaQiwzS6hUzRFp99JIG0tcYL1J9OtgehCKo6AiK\nWfloFeASvlWJTN6h0JIUnFL71EEEpWPChT/ANSxfZadzkpfXH8YhXmVWiTTQ\nrF1byOBwEmouq1Lcw+rdz+SM7xcvRmdAqY3IYOglF9CDn+Z9GWNFsj7FatLZ\nWALuhusx8NezZYG7I2lSnWUcJkDpO7P86zEx3wUaU+whkudNNWf+bugOZJ+f\nYZBthwQyBzp3CEwT9lFB/Aixi9URYnwPGqJHq//fwuKlIAx+zSeVd2MB7FRs\n031uOHRTOUoHbWWlUZJJQOQmSdQ/6oK+PlhWfcHs6wp7QihDTksuuUTqMRr0\njSmm\r\n=EOrb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f7431b4b45a3e410e9cbc1ae6abe69c3b00221c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.f7abc7a43.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.f7abc7a43.0_1578508047542_0.7392104243848938","host":"s3://npm-registry-packages"}},"5.0.0-canary.bf7b4a061.0":{"name":"@material/touch-target","version":"5.0.0-canary.bf7b4a061.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.bf7b4a061.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b22915041f2ef93184ff79eb1754e1792c5555c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.bf7b4a061.0.tgz","fileCount":7,"integrity":"sha512-VmLia1BNffcPMi4VIJsU23fI+5vmbT6QXpTwG+F6LLw0RsFkfGBbvH/chWHCzctOMjWSy5wLHSLCHJQQVf0nNg==","signatures":[{"sig":"MEQCIA4HfOn0DqL9boXEuFe7mHwKf3Lys7pm1FG2iDr7yRrgAiBq58VI/udeWKOVOsAQRfPQjEngqKRyONHOzbfzRn/8IQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFiJNCRA9TVsSAnZWagAAkCoP/1FSK1IjTOtcw0PVvi2b\n/YTlPcOCagW6IfItoOqSERGkq9tWCpx6E9eC5nWBGtutSgn0INbQOqNplwkk\n1sEc1EtXR/OW5i10iNu21Mc4l3sGWdR0u4dwDAsjBraM4uHJZ714VqagsPyN\nNJGWXA8z0YzgLqYUsoKu/LtfWeuyv0T8Hl9LHjmYH249qbxRZ0Zc8vXVBTme\ndm36vGjCEAIPeR/z0WqsY0HDsasQasXQlZFyVKVJFXtPtMs13qh9axknU+F/\n87HC8fKS8sGuMXsHYd0FsNhHNiH7IYTDbWYgUJ0HMs7GEtt0sR7uRUdVzK6I\nO3xq5c7j62OUA8ZYSR4yaMPuYTndADtKJnQWkZ6g5u9TKUGzH6PxkhsH4HZf\nECjJ1C+pRMrlUks7v62mSqam6swYx8bSCE1SPiDelcKzQZyP7zwPFl9YkM+u\n4xUf1oEnQEx8hnFfeCJjhueZl+5cDFjvNXnh4IuhlEiq5DIkRch9aOutsY/n\ncyYVLSy9R3sx2ic0C8lMVlD7pcsS3xk48zZbKWCJ1bZ32EH33iHHUqJfPq+t\nf+AaGNROhEyoxYbVcJ3Gj3SNAHYSgCtctzLgGrySteyIhbjMTraVZS1vDq2T\nmZTV+Okdt44Oa3KVo+ghKYjw3kwMT1Mc+16xQWU0un2TFDhBEvVjM0OtcHsH\ntcwP\r\n=i0eT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2cbac03ca7852ef897dec80561a01faa8b537228","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.bf7b4a061.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.bf7b4a061.0_1578508876813_0.1018779003150454","host":"s3://npm-registry-packages"}},"5.0.0-canary.784fa7903.0":{"name":"@material/touch-target","version":"5.0.0-canary.784fa7903.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.784fa7903.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19f05b52a86f1b7472acc8cc82e743b9fb3f7de0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.784fa7903.0.tgz","fileCount":7,"integrity":"sha512-1U9bGQbWxCSYJgwxBMUkEw7UWhWo6LxqWSgbDdIB29QWlyozvwi5wXvjlLYvTZz+yx3xcKDk2WPu4a5rgQI+7g==","signatures":[{"sig":"MEUCIQDNF1VBUOj6ZLg5kyb38H8cMTv9VIEcfWOnQMoV8EaPQgIgeoGQM2dFbY6lIRJKjTnWKBqae82x6cZto+IKx91PkVE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFikKCRA9TVsSAnZWagAAqNQP/j4Zubo0jWPmw9CL0Dp/\ngajfEvJX97o6GiBdM/UyWRL4+e47jBPWhFdk7JxEpyYzpKDdFfKpIesw7OhS\nm6lEhzxqhPxwt/+JTbyT3HzncpQspufyo2WU7mDrVirxx6YRGVuwwR+hlChc\n3qYpmSd1s6CvU6L1ApPkvWbOYlbHBVWnlZCD7Ua69tWh0JurleL6tiqFTLjf\ncRww0T+wdNNeH1UsRyXbvTh/ZO0G6yfkddULjvtMr/BJxUv/JaAfRFS+IIZS\no3uJEb2kF3Q1e1Cx4K+eHGd9RXRe2i8ldE84Jg0b13hda/dijQp02/z/odMM\n6TQXeTu5vn5XXOpkmMX6lo24NgHWAODmNp828i2enXp24OdwZC+7Yg5zVtPe\n4FtaLd30SiN1Dp1oat1RVsqNaPDGoNJFpESjcU3D3V4Pm4auM9XxPSdBdtGn\nnQMhV3q0GDOCHhcU1FRjK784Tn0xzbR6XtgUShnTiyk4QPtSZ0k2Qz/w9u9m\nnW8n2N3oEnT1C+/omnXeE53Vb/H+CoqUpuxuoQC3w9FSpr78je2OZk6a2KeK\nv8FuaKHxI+rxSdrTmmfouaf30hrtzM36NzTRZsmvwreOKlYRXc7k5qvpcB0q\n3C/4K0Fv6MypKdh1trVEmbV6QYblKJnA+7JzYOWxsSfHG1wtDRSvUnMZV8ly\nATx3\r\n=4KVS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"61b0d187c5c030042fb90bb59c1ebcd090186cb1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.784fa7903.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.784fa7903.0_1578510601804_0.7444408373265732","host":"s3://npm-registry-packages"}},"5.0.0-canary.823c050ba.0":{"name":"@material/touch-target","version":"5.0.0-canary.823c050ba.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.823c050ba.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6abf9887b7f4c9a916442ca7c0298ae34cc72aa3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.823c050ba.0.tgz","fileCount":7,"integrity":"sha512-TgMpy/kGrrr/t85FIzgjL5wqMhA9HsgMgIdbRDfSNeasEGHdqEbbDVcbb0U5Lp2Tq3gtRDFWTQzxunviUym/wA==","signatures":[{"sig":"MEYCIQDl+ZeRRzX8DxThnaKQqOud0I+UWewrmuRJ8MGiiZYaWwIhANzNAWpphef2pY4OuM5uzrTjeEg8tiU4xnPvfKqrA0Ag","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFjc0CRA9TVsSAnZWagAAUZUP/i0m2IO6fiiJrFqooItG\na2xHNad7wtyWvPHqvL3ghuT/E1A7ISjkQ2o3FqHb+wH6n3yHZcUbiDZFJRMi\nf+1LS0mj05nwGxhrDr/mz31h9mO/Ji9Ux61A3xgj4KQG5Bi83BRztl5Lo/aV\n/P/xyhjODA5BKIQIdsB+FM4IB4NasUrYPdoJWAQ7zfYSsktznJ+oyXEdhrsp\n4/BkaTrWTpxkpTR7fOg3tSfppqSe0FQrQ/XQXKGF/C/5cqAzomuYe0W0vQWP\nyJ/3KeWq7C0jkjGbxjtgHQIuiej0+XxbaKZr5bFkF3AaNaoxJh2LOUJdgpp8\nepZ3tsBmmsGI7cuI340Q1dnQM9/I4kFU8xjAT/E97IGNhlzHtrDlxCaPsiDu\nsQxNV1pCS4CQbzX1ENrKg9NCRb5Yj4elxQCW6zqZLlM6Qx6xYd+fJ2tBvORE\nd6gLw95ECBQhFhfLGO1Lrg8EoOaBFI2dpBAFLWe/+3ECWnEJjVpxv8At8gue\n69uADe0QC9B22B2xBmGSpaOHnwGTqNV3wy9ZIsI+dtJCQfAQaO/4VCURfX7h\nyNWZujthy6SNXdgtDNsKqjqk9GJHHO/+O7QyjOhytpHf1QhQsF7yrFzSR/o2\nMUxv0Hn3ia0V8KGV6Lo8PVoR+ZS7miHZcDzfjAcUwpwiyirqbNUou0s2iRki\na1HT\r\n=CuOs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b08bf7fb482cc6c0e80d365ea2bf510d80680bdc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.823c050ba.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.823c050ba.0_1578514227978_0.2691178940103891","host":"s3://npm-registry-packages"}},"5.0.0-canary.70c708dee.0":{"name":"@material/touch-target","version":"5.0.0-canary.70c708dee.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.70c708dee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"207bafd383a715852879ef8cd7c81978a485ab01","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.70c708dee.0.tgz","fileCount":7,"integrity":"sha512-5w2XbRE2LRDxAOkHaAKMmderAaBYARn+U3M202Fv1of7KwtmiASKGCDmGEwwFfMzWE7BOoIfjncjb0o4d1KDLA==","signatures":[{"sig":"MEUCIQDMBg/pmfbiVXyI3x0YcLhqaqa88rfoiWkQ4/Fv8VyVtgIgAKVG4QEy+TQp6bQPMEyQcHk+GXs9lkEJx3sPrRX4bR4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFjnWCRA9TVsSAnZWagAA11UP/2XpyODQWLvWmHyj1Zel\nCo63UsveLNoR4M7UkGEpkta0JKZXjcQC71KBP7WJfEnPr065CD+Nv/9OHaAZ\nmSGnwg5rIQ8hxkOsDjWG8Q/a0dtcZ1jufQXCQPvCYaEb78yyJZr3e1WT0zuK\n9pQVMk5pMxYOYlpsfNlo8iL740TQiN+Wa8Jrsu8bbn82LfxZnwlIkV+wVBjw\n/54muy0f5t/B1AYKXPDWstFTNNBq9TMO5q0HerhlgzSRitJmgqMJGb1rAqTy\nJsE/SCCbnRAoTVtvh23t9IHMoa1An7B5EAQJGor1t04UUYAfoAThM0trDQHy\nMaoUdIpVT8HMG+chEE5QyDCs7kagRbhQ4SK7jidwqRxIYaQHJ3CJREQPXFc9\nKHXRGpPBbmXW7N6glI0zvwh0fBhQWwnUJF8j4MxmRkZ9dvp6i7wANDFku7IK\nnutu+diu1fzfItiPLbK+2p6X9gUbM4VfcalZmvP9YfRXS+D2+tJDNz9fGWLd\nETPao/2SHe0ulqosiCzYwkKiFSlA6YNid/5sOa8DxUOLLVlbtybSxzfo3Ds+\nRCP36g8IywDNu5dJO4qeRFvRffAi7Q2NtvP1PyN8ftfitXuHBDQW0UveTz2o\nEimyH1BtkvBvtLm2tHDsHhdgNR8cGBliDd3GSPmVhTxVsIT50z1HbTht6X8i\netmq\r\n=CtSj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"096bee7c4a6fa97b650100f3d0e0cb484db375d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.70c708dee.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.70c708dee.0_1578514901995_0.5048555312551946","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ed9d13d0.0":{"name":"@material/touch-target","version":"5.0.0-canary.5ed9d13d0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.5ed9d13d0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"85a3c999defe7e3175319466c7fbe13308c1ca10","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.5ed9d13d0.0.tgz","fileCount":7,"integrity":"sha512-0XBcduZgEiT9daN/Sei7aVtV6rY1wgB9CaO4rxGklu2Hebp+tj172W9xHlg+VkOHCw2JwL8lHJMcVf780WHLIA==","signatures":[{"sig":"MEYCIQDCqWo/xTiOu3yKNiyvf6etBapGMBS7E8YbtL5Ghk3MEwIhAP1XPK8aLJ7NwDLMY/9+xqM3xUO7VDqFnvko0GEA9kHx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFky9CRA9TVsSAnZWagAAaJcQAIJQHgYfgVaI0NdZAEC+\nZ5xbEJHkgVPsJ9nsU2Lf71ysBMuB02f/saAXGaLt0nBq4Vf9Np5aWRuER9aE\ngz9FWsU7h8HZVRMOqten5V2tHPWD6/fEqktk5LQUUdcTsrWFJy6vQ6qavNzr\nodt5EyakhVCGNPSz3qDc56GqkEjsRXXc9haqzfWh38OXh0sy8g1qeYLlvcUG\nAtxc3kO8XFr2y06TdzmeAuTcEzAZ4eOXwJD/DRkuFXG67LSvAbW/dlKaIfHb\nuGPFtlvhcZeVUAKVm1UYfFgCOFl8iRzl3LNRZmMTj8tv5R5ijXmrNTSW7tQq\nlK9ytXbVRC1BBlz8wankeG0e1Yzn4aS5awfE1d8YbDsvG6e6N8WmO09mpYfk\nmk616K1w7ybag39q03X/rVfMMC2BvIFiNjh184m0d5i5KJxPHYTv5Z5gksu8\nkeGsiBMhbzbWmlNOYbjFL6DaTBrva+BPJJVI2evx8QhfHJyr62/OjPU48B2b\n4v6jwFMopaGtkSjuM/cUMPuyLPKPM3TaoDVxviED6fIzA+6tYzhK/Usifr/b\n2kp/+lekeZbdZ5QtFscnSNg4+cJzn0Pl0EH+bJgIRB/huEU2ScIjEKzD3ng3\nosZ2+HIWlmQjNoDwa7XePH8fOZkrXyzS9wYuoQowpiTGLTjwRlAAgIC4OLnx\nNPGj\r\n=krSw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3c9ae4313970bc3335cb0223b3e10f3fa3ee8ae3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.5ed9d13d0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.5ed9d13d0.0_1578519740641_0.7841863597956951","host":"s3://npm-registry-packages"}},"5.0.0-canary.4819cc7e5.0":{"name":"@material/touch-target","version":"5.0.0-canary.4819cc7e5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.4819cc7e5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"add22a620bd95a64086328a29077dcdcaf8d428e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.4819cc7e5.0.tgz","fileCount":7,"integrity":"sha512-W3p9NejWIkhr6IFIVbewBx7lHcul8vtEikjePMHoWn25A8w1L6dNjELM9D+5mGfsO4gvYulGm7yVGSyVZaXrtQ==","signatures":[{"sig":"MEUCIEhvMMJXeqHerCvKBkWTwKjq9kjxbJlsTVrbhUj+XSMFAiEAyFej8hbIheYLxzKt6n54kdSFm3ZdIGgctkZydMXd+y0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlBXCRA9TVsSAnZWagAAoe0QAJ+B+ftjAlUdSBjVkotB\nIcdB0W4byhcIAQT1wJoqpt7sLGVPIl8azbr29JXdSYmaU20+JBu2jwH/OKPa\nNAwLyzBXV4iE+hLH7w5xC3No0nQBlUXhHlZTmgP8QaIwXzLxDb4LcnJKvYc+\nTFOh95xOU/wYETXSHxJApjOTNmDUESG+S28AOLiUjlVRmcBdDh0HeQ3Jy3bV\nN4CJMJbnykOr9wJyI3oaZkQKo/Jo9sQwjUPISCxMlg7/x5RH3xRqUS+Eq1/s\nWQbp73Gvrfp6WCOhjUyheMjqWeSII0S1DADuEplqj+oiHpAtLxq6BEFFkM2G\nOBvfOmISPMmrp0qbjwv8N72/W5jY+RCMqAvG/qZ9hVRmWGD1XF5175D4WoIu\n/t1BnzgRsSkjU9uicC/M228U2vDW2mAS+szRpRbBS0zMddkPSB2Lu/6VXOhe\n5sObjxT0k4Oh6lshOcgtIfq8E4JZa3lkhhwcMY4qi0AUbC+72m5eV9KqYTFE\nrth6xADlFtzM9TwANe4nHzM/NxBcyLBbncUUaMnxgMT0Mc2NvbJYguq/cAW/\nqgIZRzjBGq21AQ3tkGsnZ2BgjaA5t7aszD+MgT+QkpEecuZtOYZ4VlYivnV4\nuOtvlP/qR28gS8IS/RhqAY9bE1G7ZT6tpa2GfPuITnAeYg2xxK7OfxM+3XG6\n3w5H\r\n=6KqZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1cdb8bd7292ce5180cfeb2b5ea0cf8eb4aa6a931","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.4819cc7e5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.4819cc7e5.0_1578520663196_0.21402872151674535","host":"s3://npm-registry-packages"}},"5.0.0-canary.fe3ffd2c3.0":{"name":"@material/touch-target","version":"5.0.0-canary.fe3ffd2c3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.fe3ffd2c3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"898819d71af28446da91e644507af626a29da79f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.fe3ffd2c3.0.tgz","fileCount":7,"integrity":"sha512-Va57x9h0wg7aHQqD1Pgf771koIWwWraZBaMblXFTNZR59GxdLWZivPJ4HpSpfXy9xJUbtjRrOCzYtsOBMAtp7w==","signatures":[{"sig":"MEUCIQCUQs1nNhjVC9cLasv1VcuBWPqLMEGiFIus4t90GjmiLwIgYy0IIHT2vY4gzrMVdw5VA0F2+gQkcrRkAcqeYfaDxJ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlScCRA9TVsSAnZWagAAUZQP/3dG3woHS4CnurOmDSS6\nZl9m4tou5DG+TxX/CWOHJ+0iUVAPIhi3oabk45DidVtDwpbgk3ZROdYgrLo8\n/RTUzeZBD3mdLbwpEEbIk890/DcjXN+AJmgeL3LzcJxIbaQ/wXWwG+UDfdhe\ndsax1/cHHuWj7l64l0JXF4zYYEpJBgDGwOqo4QgxryIV1uAH2fWoglsVrnFR\nREp/OUAyaul7DW9ncJqJ981mLunL0yIcvdMfxMmqDjT4/nHMNFnvhlcPtF3d\nxDdsGX402F1kXNivLsfZ9IilSB6ukSUlAD6czjJUx2C+k5jUeoj87UhC0q4s\noK+s2H+MeXFCeajGhBsfbevi5icaIAKi8UcrQtEW1C75iALkykWsN18avYWq\n7vtWguhCyUucpal8rWSFKYRPqmnfwHpH9iqrU6mMSZI88hKo2oL/00CAh16T\n5g+CYo/Ux3PD2h2KqPU+Q1Rs/UTXaQE9Gp8J5XWrtoL8irqkEPZ4F1se+x9j\nM8AeuyITtLBFZPvXQaNoN9+7+Lj10tWgbOYs2MQ49UcBmnefW2F6SeXIUplS\nFeh8kqbAAdSkiyyx81OYJfTXnf9M68e/LTMC1tntADYp6EwVd5iJkCLpobTm\nAyr6D+Y15X1+futodVNiEUdz3BKxbbRnBHTzcnDf9A3WRwaasDc+OJ/TS5tl\nAxmj\r\n=d+bQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ef82dd049d6c2d6439fc79408aab4567780d26f3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.fe3ffd2c3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.fe3ffd2c3.0_1578521756063_0.38622821324802326","host":"s3://npm-registry-packages"}},"5.0.0-canary.c0e850090.0":{"name":"@material/touch-target","version":"5.0.0-canary.c0e850090.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.c0e850090.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c233c1790df253291c8e2f7839c0a89e1ab5494","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.c0e850090.0.tgz","fileCount":7,"integrity":"sha512-n84sbtffkPnk3EmOsepWjhwWj8ANFYZUALQ+rXYwlr2TT2dk442tFU8dSaIEZjQXiOTXyD05S+5+6/H5js/Feg==","signatures":[{"sig":"MEUCIQCQDVy7Jlu6usKGRlW1Wo3k9hpyJMTD8SLWEabqf3wO5AIgfjnXWX1iRxpc1hZTgoe3Fp6Gko/XpiHnnLIWfxCPh3c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlZACRA9TVsSAnZWagAAvRwP/0ctMkI6oL33qpDsNNA8\nJvJAbuM14hFUwFO8/3/8/K987PysGPQdhoqGj0VXWeVhgSFaVO4RY88vd1Gf\nindHHfPYR05HUUtmURdhe73QN+BBfnNaeqVz93QMNxza5pfW1kCI2IMqpOn2\nBGIXq/FSfSIT69JJvydpacWAcuCaebkBj+MwTSxeMkbVQsZVJNIUiP1OkxO9\nKjbA5xnb5kssGi854U+YEl6VWz/djVTyXgUVdEy5WiRRAc1EflILZzXtk4x3\nz2JyOjme0hWAtXH77kMvyPxtArP7Gf29/AML5QJV+YjHWanDa+hahi0wWjoy\nNyFakN3ESnu6+BcGopTgYjHBJZLE5SEEXrSE877fnDNHxUQ2bxYyzM4DezBK\nu/mi7GtC7MQsgNpgFOk0dITlsjZ/PTcixvyWRfhKdlfVdmeSFtxvvS7REN1z\nGzuJxUiZFdnuq/iGiiGXo2soflmFeArS/bnCz4hY3cGRVakjsPRA6gBJggvv\n5em721nXO827ZwTS6znVw1EK+T8P07jZUYw+e3ZLNbzeCwIJqg7HlEyo0+3u\neLAMpZHA8y6apvAirIgvJQj71PJMwqbXutQpppckM48BJZ+EIdInhACipp+h\nMOeltsnMEIXUxsygn3ZGGITHq7zovCAFiPp79mlM4ZhKVLW+KA5eA3pIlsgG\n6K/j\r\n=Om5Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"04d9e991ccc9d40d53d67d592c9532cb43e763a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.c0e850090.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.c0e850090.0_1578522176033_0.5683593096555482","host":"s3://npm-registry-packages"}},"5.0.0-canary.615f86f38.0":{"name":"@material/touch-target","version":"5.0.0-canary.615f86f38.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.615f86f38.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a8b77925cde5b1b4966bc5f58befb60f2de604ed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.615f86f38.0.tgz","fileCount":7,"integrity":"sha512-921euKvAu9Vy1IaRKghP7j46xoLZGnOLGbq/xoRdXllwaTU0x7lCfLPbNuoVlroZKksRaM7m7BguWhbhSucajA==","signatures":[{"sig":"MEUCIFeEkhT6I16SAastnjPBy+tf3vLRVmwX/TXiWdBa7Xn1AiEAxZPVCX/5+qx/WwfmcW6TFsTFeFDPtWCEV6yB9Rahio4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlotCRA9TVsSAnZWagAAUJgP/jBJULf1/wDaD8D/JpXr\nA46odcZsvRW73Ehy2BydfClxRDmN3LMHqEyyTtoU56h37Ek6QNoyoL2ZVO3A\nDoGi2BrSHMPPKMZySYvVCY0wlJ4s6dgECBcGFq1PzXQF78S6qg9KHHzrCbf3\nyDJF/W/RxD6Rvx7YuYxsceMVETCyVNqZM3gTau8soQQVNTBqEX6QcLbANkJv\n8ClqUfnTAn5gCXrRhiEEIHMV8hXUaOuqBHGfP3UA6qlebCREwzgsDYq4QjEg\n2cJWxMrZa8MVCF0i7W/ebz/corDZTeCP9jL8+uv9V9wFuIJvg2g+VRogodvK\nR+ST8bZaFSpj/+oiso3/LpS9MIWL6E+9vh6kRHfe9IP9LShIMBEbXeaasA7H\nQfzfKPBDcxe4hYq7eDPEjlqNha7EnpHiSVb81jjQrIzKckYXX/JhtbXZxq3x\no9AyEtzG2RkoqgfYDcSD/qXViDpX06km5rj0L1Hv3r22rTmZwPZUfCB9F6jh\nrtldRor9T37N239cJHLIFfk6HMM6RWmhHHYV97isSvw6oqFg+NjGbYiNIDtJ\nGiJhsNoHFNzqbxLgHxWsCoV8NUOEPBWYRSOi0Og/1UGBwE5Y/XIgYMKP9DfV\nNJpvkG9R6CPzQrbeNz0LflWG9jTRyPPSaj9PGjGmhJ0QtTWltLO85B4YJLzR\nSwsW\r\n=w2pV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5ae8bb946c188918a80b70e03e7d35b1e27089e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.615f86f38.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.615f86f38.0_1578523180940_0.0362421917607596","host":"s3://npm-registry-packages"}},"5.0.0-canary.1eb032637.0":{"name":"@material/touch-target","version":"5.0.0-canary.1eb032637.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.1eb032637.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5060dbddf7a9118877896fdf4c4add78f1ff7ae3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.1eb032637.0.tgz","fileCount":7,"integrity":"sha512-82nKmEJPlBOApzhNv57uhphRTQhlQ7NuIuowwpcM7dLEU5NJWxXRyxejpbNQD2kcqRce4RpyJu6rYGcTTuL4qw==","signatures":[{"sig":"MEQCIDuaUBwXjcdjGCWS2zZJIGTmPIUG56oAXhWmHAnLkXYGAiBOeZ50k1Bu2x6i5hKm0+dhHa8OtaWUW51h+SeXYLdlCA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFl7cCRA9TVsSAnZWagAAG+4P/22qq5umwBXdcfie1Imh\nRATLE+cHNUJVxmnWm5CGG2gIyqw3pVl/LJ4EBv+kf69tKJyN1NLxkEeIqJsX\nvifMknBbx2zvUXXniH4bBHjXMOhkOJqQMTp5ymH0wGOQ7VuBMb8X6G8U2w0u\nrNTxf2HwVUTE2M+SAcm/AmgTSKkx2oNkJoY8kOkL1D+9Y+W+nGSNrH13/JY2\nn6k9NSvKVxRsav4Nt7n1PZPakrk6D+cSaMK2F93f026i2RCFIjk7rrYSkBgt\nviCLDoY7uoBem22DruHgBk3Q1Ac0N/YYK8Y/hxLJWDbMoauXhqt0xEgnQ4Xo\ne7vKpCaBzkD4tlZT16rocFuU0bJuAJp0f7/Qk+brKX3ZusijlHISzzdsNOX4\n1/8FRE4rYRUMSCbrv7Q8liXQi2cAvrMdcbgL8o2S5N+xqrw6t67/0Rbi142g\nQmiHm5+8OzpNGDca1dFFUezGHEk8xAPHz86sFXHdDLHSIj0QJ0OD1jbIpJu7\nBIZ5pRLMg+55d4k7vBF5pUyFqXtHa/NYATltjR0uzkeu4uN22ouLwL/H1uBp\nHBBSP9DnGtThHIGiLpwRy/yFNUJAi/SEWMt1wA0AiqqCRoWiEKtayLgEoQFG\nx82f89iFGagtOtxopDdW/XTQLY8v4EwXHWL5S5qUPfnDjLmZ8YFyT3Gejmy5\n2ATr\r\n=4r5P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ebd5efe5771491e06a78d3b1ca6b1af49af8e943","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.1eb032637.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.1eb032637.0_1578524380353_0.93257267371331","host":"s3://npm-registry-packages"}},"5.0.0-canary.5bc5ebfea.0":{"name":"@material/touch-target","version":"5.0.0-canary.5bc5ebfea.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.5bc5ebfea.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4c494e464738212a608ad21af48008f4966c1cd0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.5bc5ebfea.0.tgz","fileCount":7,"integrity":"sha512-j/Gpbr87Ovv37SYLMy44BHlhbNcetjh0h8/b7QeXJW7zvI8inXA33prMloCPzBZ2Xa1MfNHlz27g5pU11pFx2Q==","signatures":[{"sig":"MEUCIQCyp6yQEHIc/CUMXYte4fzuWopx0G2HGJuLdn9nx7L5kgIgVZy27ZTclUvCPJ2aN5OIWIpUJ4TaHrstJMwt8cCngtw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFl8SCRA9TVsSAnZWagAAGlcP/R4/fATQQROH4PXxKa/n\nI76RhJsd9rEd2NhQ3eMRPxbMndTnYH0hDkHpCcL+MQs+CLzakjRhBKy6eCPg\n21Oc4/1SLVfh5kWVF6HUjSFP3HlcT7FkHzHn81QcGb92dr4Ut96oDjfwkUPe\nJDiuXgNsaFmcZsPQcl/0z9jdPx22CSzT1uT5cXbpps5eeKMlI3YHvvI5W20v\nnHwTA3mDy0Pc+iilTYZu2ccEr4FrVuWwIee5nBJR4V+9uk/ughxI1LbT7zIS\nVNctb/mb2wKsmzyW4UZtLCh8fhqzryjA3H5TSovMbdnXh4euhMYmd9GrXdfI\nQZIMy/Pl95J924N8WanCEKFj0l1ZFYs2/QT7A+rIyd/CTVLNKs5j3Z1tecdh\nHqWJ+R+T1dev29Oh8JjluZM85MxObSfV8qiZt05rk2Fr+TJsqVU80cwnTvM2\nvsDhOyawoC5EH4bsNnOMvH5/A3URnll5URIrTmMzwG0dy9N/bcA2OCZplcly\n1DCWAdhQ73RSj/9BAXJjGGV4prUi0nvCEoYgA0+Ulv0cDFYZNrLk5W6dywIp\nkJ93kYbHB040cQMQ+wyZNj7tt+5+aTZ5Iyc6ZJ4fCoVbfBcsvgCLkT75D+fF\nFtf0Os7CkPJyW552ULI0DeBlw21TBKNGY8lOPRAX1Ka1aApGKb4ool2zH0jI\nc/dk\r\n=y8Yv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8d87a9536a0b9e4af0865ecc4d9b558a6c193f33","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@material/feature-targeting":"5.0.0-canary.5bc5ebfea.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.5bc5ebfea.0_1578524434376_0.1465703936692302","host":"s3://npm-registry-packages"}},"5.0.0-canary.1112b8def.0":{"name":"@material/touch-target","version":"5.0.0-canary.1112b8def.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.1112b8def.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c930cf9362805cfc73a1da0828e66ccf5889b7fe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.1112b8def.0.tgz","fileCount":7,"integrity":"sha512-ZqV6ADltu9P2rB5n6P5NLifr/IaiUA2dgchu2XfuERXZUGAHOjOoifcPOQSds1yB7j67qPO1gsQvAkBgkVVu3g==","signatures":[{"sig":"MEQCIDbs9cSazY7Xc37zFpwGe15bc440y2hABgkZJoXSkwMWAiAz0ea5FnhWBYqMISaoNrSk+hin159bZR0lPUMMRrMslQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF6SwCRA9TVsSAnZWagAAIwcP/2udQsMpTWbQLq82P2Bj\nGKdg8sd1NUzvO0eGH2uPA+0wz5YK2/9SmOag1j/NREqXzdlvH0kgqs3J/+GF\nvY4/hGKNkZFsAvqvFIUAHtNrrYwkCDi8WXzkwKGN3LgxEpcXZleFustEDyh3\nELSu9LKsnfTqV3ih+niU5d+Jn++Gp5a7msXec1qZwMroGM9WmFLVyZeilPMC\nzAjEAZ3l1TbJy6iO2Zb6JN3bx4TnOFfuxiDVe9Cys5+DULAdno5Qz58fCzdo\nGMXU0+wJw7cHzab/tQJQgDEFpcbU9vYOhJ7rleglmSVTCRGejeJ2T/Lme7P8\n2TAHLM9W7fG+TAsbxdV2skLtTyUKHfe8BoLsLcDfts9/3n8GhyUbjVW14ujp\n3Da1oOIY1a4XvaGth0tizfNucYgBOgAB2jPhxpf0Z/ZBKw75uz/+3Wsu85tm\nwK86rFnhBCl5kbzWbKZIkco5wO/AAmAoQ8bMWNFy9TFCOtFnRIyjLRjfi7An\nswXAvmxrurxMQ7vmUTd3mZ3NdM6ika6ftZBDmBCZaiqgyZoFZBCBr4If72A0\nHTNCaIdtwQYN/3B73pgLKIwwgphJSuS+UUD/cEC1nWao/OKm83BP+saXzaXb\ngy+CAyr+p0tdSdhSTYtPijG/2Js1vZODkbtlMcg4q1rnU0WSjX96Sli1zJJw\ne6c6\r\n=ayIA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3fdcad176780c1976528d217d2fb149875bb4b03","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.1112b8def.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.1112b8def.0_1578607791972_0.23182214939281653","host":"s3://npm-registry-packages"}},"5.0.0-canary.aab102017.0":{"name":"@material/touch-target","version":"5.0.0-canary.aab102017.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.aab102017.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"322a366f8212ce04eeb0e0f9687ce5e7535feed9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.aab102017.0.tgz","fileCount":7,"integrity":"sha512-WYe1eru8DDqq/pTyaguVIKNteW9/DK99DR9JMI/HiNGY3W15j0ov0JO9qEIuLzVrM5lBqHSkGqV778DXhxGzRg==","signatures":[{"sig":"MEUCICr9+BRFsMeeGkdjglVOafEmL/7NUZTmtAKLFIDkwQVpAiEAvAfv3pyiZ8egxieqqHXQAAuRJdEGXtYyJtgGLENcCy0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF8FSCRA9TVsSAnZWagAASeAP/1wBOYH316GjzxOiB6GO\nGBcu+CHaD85ru1DP9mM30BdQGnCgat6yzWQnAczsb4/lQRnJOa7/V4T38UEn\nw0S7pLi5+HRMO5v4LTo67eURdcPgmheTQuSXFt+IzAr+XR3oeqJZAhpvhHis\nCHcdKHPPYESl7Duz862WDXmb+AKPC9jRN9suzFWOTmMjth7YRfHz+EEMkoRv\n4dcJdC9joErqaG8DMhfckkmUMzLwsxXQ+Kx6NDtz8tb8JqwagZ0o0EkcX1wk\n/1auoOIQ7t854gTxBCafyaqNjfBF3VM5CrKVVXDG3usuisLEASPHaDVEnmIE\nKlhOKdKnLep0lcQBhfn36cvlt4UryYfZg63RQX1U4Nd9f3J+Gjp6kPsmQhqH\nvGr+NChUca3c/iJty7y81FRetCS1t0snYW1QZkADN6ao0ch2HM+kNhCR9AJX\nhta9qV/P756HNMv7a4EhkzjHVNUF3jLFxR8gYWDhfLsHPHjPUoyP3/E3nFlZ\nk7l54cnGM1ft4rfH7n5K/s5CSc0k/nNMYSyODacpqx4VHAb7FVuFVwCrplob\nbse/TgXQ0G7aLUA0b1w7UYyDb4z6OT2C8hIms1FXwGBC4ptMQK735iB7Uqkl\nV/jibfWUBTVzlKL4MX0wcJ8zsUTT7qbrhhqzjrG9o1qlPeivzi/vv9cl5z3R\nSkRj\r\n=Lh55\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3f5eab02080f0c4fb48614a44647ed55d55eb9fb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.aab102017.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.aab102017.0_1578615121849_0.4452575121806981","host":"s3://npm-registry-packages"}},"5.0.0-canary.426913342.0":{"name":"@material/touch-target","version":"5.0.0-canary.426913342.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.426913342.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"96e59e814413ca575852c066c71eb1be21a1b961","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.426913342.0.tgz","fileCount":7,"integrity":"sha512-iLyWICdh5ndDIeRrlGCFz6Ki/DaILjYXsw2wutf/KGCU2AysT+gz5IQmsIpkeLaTilpFgr9Jlf7mYxZ9SQQBEA==","signatures":[{"sig":"MEQCIDLUmPPpgOjjRO6not9TuDbojpmF/zEGyaBC4PlzgWvXAiB00iPoYaIRhEAU4C2Vwon6XoXTeueiCX2PNiuDvznzjg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF9bZCRA9TVsSAnZWagAAB5EQAIZqnHCwV6PSiEouyqO7\nQo9ohKu5hMETabmzucLnWfP860tFIdnHT7DYiAd9bA+lGMaRJglpFwCvOdA3\nDonJfjACILCuIvrKIS4e5em4MC20B7v60ncK5PDTWV2sy+EW1fGTRg6Cq4Ia\nF/Jb5IV9jklkrY2gQWXqKqEHNGc4wkWKwi+bkNiBCV1GodsatODMlvn7zEB6\nU5tBi9P03B/0ErWL/FJ8BRSFCrYAc0jCaxvp3R970GyHsicfLHYRZ2HNMJZh\n4a/mUgm/tmFOd3YxxyK//PEcqiK9FugbCedlFcZD4kXvcdrV+gqR4oHMWITg\nB+nDHVEKpYfbQJLf/bNucBld3O6M5jdEFQfT6Y9LwHVfOFuQRbfI6eryDsIP\nI0TexkXvmT0YYbdkNjCy8VDCoH9bNgCgXc0/K4lruOKEbqFZQ4CB92rLsRYH\nh2Ex+8mm0vADIaOxkX7CDgnbdMH1TBBJP4SammLXQLW7nHG87337W8o5uCYb\nksG6VxSemtH6wNPKnxqdVWWoY0cGBQDkwPRcMTNBuXEivOIdo+p8/YtIiDZ9\nIR0Q2sc2HbEISmgZetyg/419i1kmt/zpjRxup4erim6tihXPS2ep2wNi744Y\n0xcjY1SuToBdkZgDEHA069grQbPc14d24sR3Hhx2f3fRTe4QKUaUUjK0eU9K\nj8mm\r\n=FxMe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7a6219dfe8ca1677971694ece39ab423ee8879b3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.426913342.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.426913342.0_1578620633632_0.21095616024228514","host":"s3://npm-registry-packages"}},"5.0.0-canary.d4ea9a706.0":{"name":"@material/touch-target","version":"5.0.0-canary.d4ea9a706.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.d4ea9a706.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c0686689c3beda7f5adb880bf3b14cbe1715ed6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.d4ea9a706.0.tgz","fileCount":7,"integrity":"sha512-x1mUfP3lTGxtg4fD55v68FHFHrciyTLZb7AIS9CmBSbOndG0PxsuW0BFIRa/f1hR6J//wcFyBwlAi4M5QQB0nw==","signatures":[{"sig":"MEUCIQDsfdE/yyaVY5HEa2+r2kXzUJkM3FHLGIfKYkXgYJ0tQQIgLVTO5ydr6mqDqGdGfvp5/98gcqHEcvJaYPRXDv6pbMQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGLNtCRA9TVsSAnZWagAAhzoP/RBALWGut8I7v4bIw9/H\nl5+kB8OWzxGEiKsHnlnmlm3CrmaSSjP0RLytzIZ6Ky/R9fstBCTA/xGBjchx\n+9QRqPdoiC/LWqgGfUJpu9VTw9++3XjpyKwLBwD2wd4Lf4wk1+XJfWFC5wbr\nRsou8saBQxYWSNbKG/kCgTdKsLT3roklGbVZ6kZDO6ttoo7HuNdmkqNvLQ8M\ndlHO0K6Kk2i0RA9ZAQY9BhmfEhEuRokUqO3JD3ZPWdpCd79xi+JSYq/WS3uG\nl5eBRFcISerKTTKdiMD3WaBdme8JXyrzrdOq1MbSZMdUOM0L6VGtaSXUgFMn\na5xVTL8T5L05pD8zDVIDKkZiDdGw+VejDor9iHVRKPBgASC1UuufgeEQbbw7\nmTBTjQ3FncUXCk/sj1Q2fG16jEw558JkrDySv8+365u/G7xuxB9Jc08sIIsy\nzAnEqYNOkrbDdDO0FgU1ybBAgnzTus2J5oFqrdCj+MPp2r+P8lO8a5AhyFDQ\nSw+tEyd2b7OvvfKuPOxz+c6/CwVByIFhivwyMws/m2e0r2mvKuKIHh2xcKb2\n/UA9RHCU0XW+fOr2XXDq7iZrlSjlIM+Uj5Izka9siigo8W5vgqFXWSHLf9AR\nIr8POhFzNliOiW3pHrIbm/aAke4DAwPIajVD01dgjLt2e0fnws4te+AckPK8\n8zJ8\r\n=yIdl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f4f80c96af6c2e34c34a3ed8f01c1858ef738935","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.d4ea9a706.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.d4ea9a706.0_1578677100640_0.7716583439945635","host":"s3://npm-registry-packages"}},"5.0.0-canary.7d4ee2996.0":{"name":"@material/touch-target","version":"5.0.0-canary.7d4ee2996.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.7d4ee2996.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5de1353640c1f120abf2937e5218557133bf7c82","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.7d4ee2996.0.tgz","fileCount":7,"integrity":"sha512-pvrTWV9iBvjKxXLqaL50Ip7rJuTMNnIT699DyAhgL3LmOU+JK77u0iSXJa8o1Hq3BvGdDKxgpx5k11bRftR3/w==","signatures":[{"sig":"MEYCIQCxzlQ+IOdfEEDVwaghYzL2CSBV3SimYwmaYNX6aH6kBgIhAKJZ304y4hcNBJNnK4i6VMSFwXM2/huZuL3vttjDWjtT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGLrKCRA9TVsSAnZWagAAplEP/2Om02KLjGTT9/cdP5H7\nd07+CiuFtEE3Ja7xbG2Tagkx0oI/e5JHcZx8HJaFHrzaxMVv3KY6Bxq4I12k\nvFzhOtp9R9M9uqgAOmZgxopSOhh8v3LQerjT2+JvcFBdVCzYWONLMHBiu6zq\n4x4dzsdbS9JT3tCyHvP03FrIdytmhYHQtlpNeRJL63kOED5hzhKGbZV4lKzr\njk3Nu039loWvJYWmN5xWLqXAbUxzCE+z1qXBMqNhEJR+AW4AGjRZ45HLQpdI\n7sFei5H7abWdKwNbtLyqFovKU+84ibetLhNNAz4cOBW1W5GV5OeK1yusITOP\nfvDqSOwm1rB+XY4bhL2iGzo8q1dEUiNTcyytSa2cowihrkG9rb+Yadza4xDq\nBHxn+u/FQAybTJM232/UkKJE3JpM8ggyMpcpFuyhK0UN65WBu8FiJZuGleuQ\n5Lm2yFnIlScbG7EljDXTyryGvUEy6W6+ZAF+wpnIFz5nTf8fQwNJpG5Y4udY\nFGU40nBFdh6M4CCFo/+FZCqpy8nNwI57nkr4k6UkQQZ4ocoooETyGBFNRQSz\nIKF0HvamLlQjpMb7IdMvyboUTJOdl0g+atgQJ79mHTK4GxMc4SZyZ3fsLZqD\n4VkXvoJCzO5DHOqO2vM79eyZkDO7gxZF1GXX8DMEGwJuhh43AuOeTX99DJzS\ndGW8\r\n=/nXj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"32cff7b459a8aa1e335c6ccc84213cff0f6e66a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.7d4ee2996.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.7d4ee2996.0_1578678986422_0.005206583698686096","host":"s3://npm-registry-packages"}},"5.0.0-canary.981ec9b6f.0":{"name":"@material/touch-target","version":"5.0.0-canary.981ec9b6f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.981ec9b6f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ceeaf0918d29412718703f04ff8bd48ee60034b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.981ec9b6f.0.tgz","fileCount":7,"integrity":"sha512-Ymuw5C0CkTOMUT1tc2gksTHIQy0EX7YnmVnWJxpDHk958Rf6z+evE8cGVUvemTTteI/yTWmFlc5AOztFvPl51Q==","signatures":[{"sig":"MEUCID7TUWh9AyWTHj/L0eCnO3an3h0NosHn9xWnTMPp+k8aAiEAvgPMXLgWNBAezoGX3AauUSHyNg9A434qnuJM71YR+0s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGM/dCRA9TVsSAnZWagAANkkP/RlWX+xOoJtaYuEixdVc\nV03T8P8iNCr6Wk0PES7scg3+u7iHgofLJU+ngGkcQXrGkXpObt6S0tO0NOsz\nTExrv+0zRTrnxnOjA7tXOKtQt/f06jR4DFxdk8eDBAtHzWy5NsxVr4DDrjTc\nAWvdDSQt/AaY7vRCOGMhBwlgch1zNJooXOnzg9vk5kTaznBEEEGU9Wt7hzgS\nwTQYc2Aj2WOV9oYkQ8ihuQg1nLoP+JUJBcv+tPXC2Hvhq0AXdiBOrZo6JS/e\nMlxFI4nXb6fOa3TAsaLYzOY44q1/8PtN83CmMA+SJXe10+mN0rGQtd1ppOsd\nWcZA6IgoJW5otvsUuG7UuT9D9cG7NnpSwETeV7IuEzFTSjevgpdo+CwEhMnR\nitq9takrzpBrg4jEVgasRBJj8Gwei82A/gcxltEIGPjiJ6SmV0ft+7vAo5iQ\nx+qAbbENV0HGQS4lxP2tspypLVC+b5DBVbMT/I4QtaYYMzJKYd3hsYyre2Ep\nhmXI4IDAvA6HJDthl+YRYt58PhyHhpzyXZ+raz1dc4OB8CMWz/m7vYLMPVWW\n2ssGsQW51s9kAosg+JFBO3Hs+11Q1OMX0Bfpn/VWHrxF6aphBWJRaa26HxmI\nEw23hpSRAs9QbvAVlMrkcith3S5sPuZfraS/Mkslo/83JltiBcaBVaqPqEv/\nbvlb\r\n=cP2U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e2e9ae33775d14566dd45608f66087b2761d454f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.981ec9b6f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.981ec9b6f.0_1578684380996_0.7090953456054425","host":"s3://npm-registry-packages"}},"5.0.0-canary.737da83fc.0":{"name":"@material/touch-target","version":"5.0.0-canary.737da83fc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.737da83fc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5a8e76559b391d637b35f10b5c5a723bb5125bb3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.737da83fc.0.tgz","fileCount":7,"integrity":"sha512-ZDe85ZmNGRVo7Cv3NKzSUcmTQ3tCJlA27mTPCf3e+kCwEwDl0/r0tkidRVQy0qBqAXFU8y0TH5lJOmal103STQ==","signatures":[{"sig":"MEYCIQDIUMIl0UpI38Mo0kXns3yJuhfvs8Xdj0mkDtZGrjLUTgIhAIM8QAzN1tMV15vktHDHUHfOdRZocCt2vkVDmvO9FQaO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGOomCRA9TVsSAnZWagAArLUP/ivVEriUXMHfSaCx9woo\nP8CD5IfoLUsUX59mMdX4rVJeDJvfpi6i46t2lmsvDSHMzYAcye8e5J4tQDSl\nvzwLAf/PTNYf7vmqI/zLCp53GBLbfnRUC8oaf35Q6oHnJbjAEaCNdoELQh+Q\nXBugjqKUWhAhG+MSSb+C6rRC1NyEmxOKDFg+zrGAPS+SmrjXUL21SV0cTNg/\n+okXSZAW2QwAL5RbGY8bLDvndH288hNEu2nJiRL52ioX8dWb3ZA4prYgBon2\njUxYNfB91fP0qDXESPYzLhGpY9TepcQqs2wXOyp02JmwJMhhCSCkzSQA9o+N\nZQARjPfkAd30WWc9lqeXcmfzAcN+2aUv2eASnSJvxhaQ78bcX+DIhb2979BW\nVjefYRqpB186k9w/v675JxaxRiAEc1d15gtsOt1xbnVJD+JFs6gHg7gt68aM\nDzr3CF68S6+AUdGtNp8K/QvUHbk8jb1bJDcL6NnfiFdotVgHJQOozyGhQkDB\nkXp7yrgIKQTjlL4T1oZHf5/I/cDwLXfiDQTZSgpfVaN8UHc5z+TQZsNYhpV3\nCaoB9SA1YV1K/wh+eyn+Bcp05lyXFoyvxw+v8DX3S/ux+rvGb6Kd4JBzaxvc\nrPO+7PVjDLgdSAI5LspL9Wk2dNl5i/iVHRAvgNiz+V7EMZ0Jadp3RltlUx8/\nnys+\r\n=Eu/Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3ea8f6e8d81e688483ab007855dce5cba3b72015","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.737da83fc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.737da83fc.0_1578691110124_0.5137087707890489","host":"s3://npm-registry-packages"}},"5.0.0-canary.aca8e6c18.0":{"name":"@material/touch-target","version":"5.0.0-canary.aca8e6c18.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.aca8e6c18.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e4e38e6d1145ccc9dd2be8fbd8315f33d8f32a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.aca8e6c18.0.tgz","fileCount":7,"integrity":"sha512-5Lcb6ZVK1KhW3ztyEoewEAIB3GPeE+rxWwICcQ/F0m3bUqE3VbwJDR4RRZxfJzqw2rEfzbaRqK2YzfqjAW9+Ng==","signatures":[{"sig":"MEUCIE2hErilwNodCFZfgVD4J5fpFzQ5P0oumj27lc8zSWg+AiEA5kqwn/mVyqdip7K5nJ5hohICa1T4GmSuxTZBjQFvf0w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHMWDCRA9TVsSAnZWagAAVfwP/1C1nptcsV+bko3zjjmK\nKtTfaR2pYwSgi8ICxFJb4FW0ySz64QapsMk/O/vXD7LLDco/OigKUmLtOKPm\nbcTsjmhxNquJYq4N7yuQfffkTUpscLou28hR8dxo2OQgQIFf3ffRaXcsbJjU\nAUX0UafMkOZEe/sOGPUPpeXcrHxaTivrhLyGXEMosRd9YBCEZvewWcYgt7tP\n7jnWr+s5sCrKPQrzocjbAlTUgsa96RPi9AKzpib0EnyXoXwDtvi/76vQLdSX\nX8oeycvXWyM+6B5BaqXWH7YTGvwdQKet6Tauw7R0YlXtKJkKt/MI0KZwaZRz\nF5oBDGMUIg9Q+VvVUg/K81FNbFRKZ6ykWWnV7DWuP6WN+LaJ4By5UEGy5tSg\nFtGipzM2Za6KaYoyLChOeJnUkZ2rpSlOofbY8Jgemh0yizNWdLp8UctlrWHx\niudtNgerd1JXBfi6knErbAi1AGBydNNKSjzP9J7wZ7ydgg+5ucnP8YNR/cjD\nzEqcN3qkmhxGkj7qIDnTs/6nD+fnhgGSSD9zdtlbrGNIhGZDsDYIsq1HeYkd\nLbemLItJZ+m+7OUogm3sCaPVQ3Z8Lt86SmXMkepZKeUw/3EPWx35b7OBmjIA\n/zSxrnSEqC+kvibdibsFyUbjpnHmrcJuI1Yb2Rd3g09w7mhFIlR9lv8QDF+H\nNY1X\r\n=6vYm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"47bc251033c39b1b8f816f8ae77c888c07b20fee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.aca8e6c18.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.aca8e6c18.0_1578943874681_0.829417479214211","host":"s3://npm-registry-packages"}},"5.0.0-canary.c38d84e21.0":{"name":"@material/touch-target","version":"5.0.0-canary.c38d84e21.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.c38d84e21.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c6b83b6c283884b6ecdc7a15f02d78cebddea653","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.c38d84e21.0.tgz","fileCount":7,"integrity":"sha512-nfqVwO886aY7TuWSCXD1zHFTOe7wnXs8TAblnUyvJVZQ6Nhz057qw+OaoONC3azgIDHhg3cU/D0BOtsYOVCDHg==","signatures":[{"sig":"MEQCIBLDtNQeBgRqlwjyhCT47F/3JmPmQkEmlOZUT/L5sM0OAiBPSZm/mmcbh1bK2n+ArUZzNhmRY0ATLxWYqQGgJSuQoQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHOtzCRA9TVsSAnZWagAAzo0P/2g4JJmX+zHSGLrQpwHv\nfP3Qtg1pEOutvtp2wxRuOB6rrKTGoL+9tbWgWn1L9XTPJlGyImFI4YKw5yyE\nw7rL1eMmL6q+Z6Izuuy9obUexRQx9MsCFEKixjNM5gOkfuY3HwY2UhsnDEvR\njogQXein9pk0vHzh/BjSUkl7YqVEGJ+zDDA1WCwp+BE5aCqhfjmDlaB7bjmj\nElmVbNceCYfuuugn7VfJRaU/67B5ysSs9rkJLmEPkXV8JDEbj+EDYd9dLoan\nGm1ABiagV2Vq5EcF4faSTJoBlQmI3XvF23w6yTS+H3BsUfe5u002+VBTPSjq\nLPCXGbWHBF8IKgskBvnd2G5edLzCawl8+fyIM6gUmyT6nLWtHrIYBzl3y74g\nffaaAO+qs0LSe+Iq6PGSFfcowIADtrqohfl4YDuEtwqTsX57ITyR6cGfzR94\nAgwlDbfox5mffZEUdEvhGh8NheAmJ2Ks6xjgv0Y9CrVj5sLVRj328wc6xOv8\ng08BBxaa2JUT7GWrTnYtgQKHjXx3WxfT/lBSvFTbBeK0Xbdz/qWJQTTCtpJO\nffNlV0GcTWGXURCq2hhtq1uJ1a1ucTPMLNPnnMe3xVWHGx+tPJ2Jv0DLNnWH\nxfi7ksD3VUjTAQADFEurfFjk3PW9VWqfxp1XD2QjDVkjeuF9Hh+Lq/2j01Fo\n4SgM\r\n=BRB8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f283cfd55cbe9b1863cb96e98011fe4badbb1fd0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.c38d84e21.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.c38d84e21.0_1578953587462_0.05925294424661298","host":"s3://npm-registry-packages"}},"5.0.0-canary.a4db5fbad.0":{"name":"@material/touch-target","version":"5.0.0-canary.a4db5fbad.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.a4db5fbad.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ddf553cc8c92d74db16234a462d558d4d641d88a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.a4db5fbad.0.tgz","fileCount":7,"integrity":"sha512-Eh3cKUXlO58/oH53Uo6KlwtY9UgolLjFD+OvM4DBEoFjqDxRQxlYk+O1+GdPK3NcjN8T4qY+XibSqo8Tn+zx/w==","signatures":[{"sig":"MEUCIDI0lJRUY02fE5PggqTfeGxdSMFJKisJW65sa2JgB5ZYAiEAv9Btwalu2ZqUiPtZ5Up75otZRJJ1wlrmDHudeoONnk0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHSQqCRA9TVsSAnZWagAAjBkP/0/9aIZIxht+lv1Ii2OR\n3DEAoKbvRfi5RvTlGHXLL/pTRh/r3vltpO4Fdy+TOKn9D/cdqiTnUEjZWgBa\nqO5M5UUBmBOFxxUy1CWRs6HpQlOuSyU8UMe/vrH1+9l+GXYWOFX73mUy7Hgu\nFQ4LICS14OyaNOeeW3GCMB25fxVXC0oHBmB3Tm4Saxui9iFApcWqDDlrFqAx\nHH97MtZ/8bPnKXh1YwZVOq8nh9OjxksFbfzXnGI8WDUldGdcv2daWRK7bIya\n1+FzA4QwJZbfiATHIXqAma24c1q7oKJxNUObkMJIKwfJ6cylYQVBswkyHNI6\nawrB87fAQi6MxQxnd4q4Fm21AcHfQqBb10DsRzIGzI7P8UVCFAvE0bV1mZWN\nVnG9mlIAyabEfrxMvxzN0SqiZv8twBNif6q2zLhn6lOudZBk8yEnDWJw9OYl\nq5vyrPK0x4919d3f2fqOMuq5nnNe4NxJs9uva2qIUFsz7AMfQIBEooB8Ilog\nyCLsDqmMkje1+7K4OV1Wm2d7oDiIEz1h3CW2Cjpf81vIHLHgBiaAi52zEXaP\n+2YX4w02S4CwxVuTr27/ke25LnrE3t/dh3nJ/l9YER3N6nARU6jXmeVMFu0L\nYJYASjlqLPQNzwnjd0dnCQs29FgpeqeXMj5V+NHvtl47UTVKIzrPyJRTEBfN\nampR\r\n=2iJ0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bb5fe141944679686f178779345a5880a89943a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.a4db5fbad.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.a4db5fbad.0_1578968105615_0.9177643842839838","host":"s3://npm-registry-packages"}},"5.0.0-canary.faa9af310.0":{"name":"@material/touch-target","version":"5.0.0-canary.faa9af310.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.faa9af310.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd64b6e9944d402e0bba94ca2c5937ab9ebca9ec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.faa9af310.0.tgz","fileCount":10,"integrity":"sha512-nJYp43N3qxW6/NQJVT8ACpOd4mhhSrvphpfaOWmihhK7D5mpEL0gnQRwIXQ3m+d3Awmn8AG3yMmzn1AXBcKJ5g==","signatures":[{"sig":"MEQCIF9D+FfDvfKaP3pb0U1ZKCsJOQD2LWJcPtDbJhv1cvm2AiAbZuLvWUE5g4BQ1dioncqxtMdXmgXqaiTtJV/TJjVtag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHfHHCRA9TVsSAnZWagAABM0P/AowldXBgG1SPGVMrH/L\n41K4URCSxyUuO7cGybjcE/jsgMK2X2+fjwCBZh5VfbFXjkGrZZdrxxYkCx/H\nORmsxr5J+upTOYcSoMUmU4rlhfmgAWJjb6L0cWGaKXR+4Y7H1rav1BpEDFJO\nPzGOdNK3AtsKHSeG1MuSxGp2QPb7vleP55NdBFNeFvC9gZBqSOlEHVPPZOnI\nW7wG0rTyXWc6kosM1TNz2n/TUhnXhWkOANrSOH0tjpPXGcIq32TtbCyXpDup\nKBIYSiSETJo/EbSykTYRGPM3qos2BXa3fgAufz3agd+GKvup9uFIZciKK9QE\nYt+eaq4MNpMSvKD9SfwHRa+mk+0F1FLcAbnm0rDBdcej4eTw/8SSzY6lwHgf\nlVyMSZsYrQHcsTXhrU+IUfgS1P3mJInAc1MWGhwjOMpQ7CrSg7UlI4hca2ZX\nddsAQA4yzQ/a+9VFVytPbUAbmK+9H+cuTXlu+6SmHfoF7/IdfscTgi6JarwZ\nZLorLEEXhECbGN4eNgE45Cugu4vuoqJQVLxkY1d6/CNJrQOm6oA9j6kb/ont\nP34kiKwcKpFDszegkUdGUFV2devpMa8WXZ0fLJeRdwAWPT717rMms9og3eg4\nM/P5Iu5uRLwFExtOqWktJ4FJJga04FpwE7X0bh2tPBdkRanJ11Kz9vRlBauq\nZF1i\r\n=7yZV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ee374355df19027c59f24bdaa809bc18183453df","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.faa9af310.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.faa9af310.0_1579020743452_0.4456923235699264","host":"s3://npm-registry-packages"}},"5.0.0-canary.60354c577.0":{"name":"@material/touch-target","version":"5.0.0-canary.60354c577.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.60354c577.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"afa11ede5b92dad56a8cc8951543400d5c07faa0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.60354c577.0.tgz","fileCount":10,"integrity":"sha512-dlUG3v0JkVaVTaaqG0JS+i6+rZN7KKJHwtHsKNZibXMXF9A6e5EyuE64072JI7uz8tEFPh6kUxa5cx/Fk6309w==","signatures":[{"sig":"MEUCIF/e55fkIec5zUkk2lD+PX9fb1bc4eILr1L9IOHZkhbNAiEA3NsO1GY/9xxVgh8xLrbXnkfJ5AmLPnW8oZYUYA/OEfQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHkSTCRA9TVsSAnZWagAAD0IP/2EPVaBDXmN1aDG9I4MM\nuzjhITqmu70MN+sSx7k0wourxfOtLuIc7+NhrGfg9JsnwD9p8mJ9kbSCzFZB\nuN5x7s/jTrUKwRGx7ofEJkncDpwthf+TA1Yn/WfQesJWurlB50iNHdDBPsSc\nN/DJ4a5dThunNnh9HbZNLTMwUMItN7w5x3dWSBhqLkws12t7DI7U9b0wfg5b\nAMR4TDyxr+lYCNcFRF54cLOCHeAHHPAzvdKSUG/XNKoT4xJ0xHEJpulzcvHj\nIJQ3yFtRV5KY0LeiDS53tTo7iCO5/BVvGpPY0Jg84I4Yilla6KXva6RWpW2k\nOTAsM98XkqmLNKXbJDQi3YrZxMGIebE4+6mrxjYJiO+5auQYLmC0GkLaezAU\nlx2n04L8PVElXEyL1KK+VPG43T0KbcJ/bGzUrsCUN71OZG6MhdBSYvl1Cnle\n6U/Dj59juiZK0oy/FDcPQ7euqhNe8iHyProWXyxYmJznz/N20PkUGlVng32P\nZ8hPifdRd+H6GsBtp/M02dokQC25Ocid+fTAgB1hwAn3TasTCM29uho17xwq\nB0ayeyKNGmjvs27rkmwkX8FpopAeJwUCvGHEfO+mHoGQ4F9tlf+Y4kQRObJB\nOLiMfxgGPMlqmOu3xfpUin+10PFpGymgmzbpanXLhzwKdttr3lPFl8B91MOj\n8Jkh\r\n=iLpQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d9f4420da446050561084fce698a543b0dc6b543","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.60354c577.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.60354c577.0_1579041939000_0.806608525254664","host":"s3://npm-registry-packages"}},"5.0.0-canary.d07c78daa.0":{"name":"@material/touch-target","version":"5.0.0-canary.d07c78daa.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.d07c78daa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0cf490c6b87a5274368452b4444db9f9e11605d5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.d07c78daa.0.tgz","fileCount":10,"integrity":"sha512-a99eVkjzgqKRuaV5HeX3B1BZ+fUndBkk0bR6DgW2IkxDOsWEHspkMb2jriKxC2iZ3CAkmoe5vXx6YLkeej1Cog==","signatures":[{"sig":"MEQCIGRIQqYyhOuNbfZ+RnICK+f6fK4tMb4UbDuVrxhWbJ3gAiB6Pd1nayWrndldPzLNP9KCSIa7lt6olltRAXO4XWA7ag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHlDlCRA9TVsSAnZWagAA8LoP/jYknwhCpSxna46r70Q1\n1MLFfKkxyig9G4AhezXUl6luGmNmugPWi7C2mQiw/62KA61yrnk+d3EUvH7h\nyKPmxNDOHKzrjy3kUW0UkoqxwLc2maGw1W0wYl7tKuj+ZICRfuDCQrwYEDG7\nmB6xE9R9ejBO9ZhMltRCpro1ywxiMZEjznxUxpSs+bXL288y9WKx/PvmnGbX\naH+MgCUiAikrBsKphSdr1MOccW+WpFRGU5cjwa3yJyK+4bpbzNrhfS/uaT40\n7s6etXHyB4LU9LrvLzKOIkfztfN1S4SeMcvuIIkPKkBC/cS5+TzFXdcrQa/w\nIcPDcN5XZ3vlTXmAUAB5QkdIjBgoo+JxgZw26UQ0okDcfCjuXFXZSD/gi5wD\nrMGbuGcKKofGaot8WU5eA+dDgCUZvOPNImezXAPqx4y0nQnw2s2xKUf+s7H8\nI5H9tEc8GxUlWhmxZATWYG3W1VmVCt0eHCHEnlh1DAvZHz3X6ilnfF2S6ArU\nPpG55lhv9pYcxAd5XYGXAzNIGrySKAM3xWi/cDIQKuygKPzc9AYDLxibdHx/\nJ+pYU+pGHy/gnrMdQZFEdH74ghT5IOcSTjmTAlrmn/8q3ywiSlWBEWXhzoYr\n04HnWVnsEW5yaLNF5Xv5kVH1YSq985yhKhPhjkOcLIxLdqMO2m8nclg39qtb\ntT1H\r\n=3ZdY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3657a12b1a5b9b1742b2749f6991e06a32416314","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.d07c78daa.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.d07c78daa.0_1579045093290_0.1633913557474358","host":"s3://npm-registry-packages"}},"5.0.0-canary.8ddd5c6dc.0":{"name":"@material/touch-target","version":"5.0.0-canary.8ddd5c6dc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.8ddd5c6dc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"23cb5f00b0b191edd4c81218d3f9dd12af7cb9c4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.8ddd5c6dc.0.tgz","fileCount":10,"integrity":"sha512-6dqidI35pPjQ7Nv0BWJjUHx8umKNZybDx3qjbtCwM3V4WWvCnRCqe8b5tzZHVL3neSzx6k8APqlUtTZAj61ieQ==","signatures":[{"sig":"MEQCIF0N6Vfn8QXXq9wDt5NKMbwANZ1IsLKdgm85oZEMibamAiAvhoQ7U6aKjEW+i/d6Ypr0TayFi/8QrqCnRky4Zpl8NA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHm4VCRA9TVsSAnZWagAA68AP/j+l2U2C2nS1u8fzLX1b\nYecmfFyOUp9PY4kz8SMmwjQ2RkzfhiKczyx0RRSM/hsk4YM98XQ+/jHTenKh\nqCvHibG0zZzgKoom+FWoc9/Vuirg1sXiIwjNpjAjTFWHyqiqnSCBlSmO3Vyb\nXXdrE1Tjjhs8qYGX7FG4bXvbPwf1+3E1SDBLc7j8+46cB03IHDdyRSuCET7h\nfavh9Hc+AA/Srrb8LW/Iy3LeKdUxtoTHHdyIGA4KIjZetkB9cg7x3ERFxOcs\npUwV0lniw4f8YD31YC7xCrY9KT+zP3DkbSrmMVA6md0GrYSBEO0xVVL0mMJi\n8drJx+qw4luicqWzL8kscz6DHcUK59gLR2JgMm3LWZFSWkMXxAS+aLxEJrqf\n2CJ4frW7L0pAz9EKLwkyA/Rz+35/keJHLoTsRlOrZEWQzzqS3/iouacsDGO9\nt04WZ8r6HJdxjw8AV1n/468xbZCFChM1/oZOpyb+gn3aMojl7ZbfMEFOu/8c\nM8rGV30GQQmxsliwPaZe+iJjv6c5cu7ft7LOII0WOvaYECV4uIWVQNDvRb+X\niTjNuZFvjAKGmjnK5XVSUsNaWYCQfjgJW7siB8P+hfEf4BdfP6dAAyIPnyUx\nPHendRUNjWrNgZuxftqSgYngDqHjQUYauXypLQM80U9cK1HLxKo/TvB9M4oB\nm05D\r\n=A3B6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"939fade350708e559f107b53d2ab9d27d6f84f1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.8ddd5c6dc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.8ddd5c6dc.0_1579052565128_0.19428243476608942","host":"s3://npm-registry-packages"}},"5.0.0-canary.a9511d870.0":{"name":"@material/touch-target","version":"5.0.0-canary.a9511d870.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.a9511d870.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b79e46ba69d318c69d93e055fdf146cca85620d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.a9511d870.0.tgz","fileCount":10,"integrity":"sha512-1/HiZDQpE7sttZyOgmozi7jFBoeasEe7EYEN5mA/MhQCZDvXxZMZ+FKG2sH4xaXPIAo3WfPI0Ms1B4M2sZScHg==","signatures":[{"sig":"MEUCIQD+V4+ceB9GHSsfWMUjevsj6HtkaPM+YFH5phR/3sRrFAIgdfVScYbAmNyQugOR6xLlsEHPgzJjYduwLQWNS23QBN0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH2OFCRA9TVsSAnZWagAAnDoP/RKv2YB/0FfzHAJSbh0z\nV84iHJ/7A3ybSbBP8LjKVZZziSFNTsWgnTA/wUdKBdB6qvq1Ztaht+JX01dC\nVBAnV2xa/38LpCfPasMGZ9TlOC2SQfFBbjWBS6lmkXkXHxSTeolv1du2dgni\n/r7r9oViNP146RbHjNJkPQe8YUIUELNbFpY0zWUA0fVnBUEwC+Y+zehoy6mf\nbQRjctVE9aHF36fQHCc/dyBbN7KOW3weXODhgV3VhTux84aM+E4GBWlSfcf9\nZuCydU1wlLjSMhQQLMsbaZrduW+GfJ1CUxJZw4z7jV2BMx6l2/qD8icZNBRY\npBbmqTQpktgHbuhQml+SQ+G+Qmm5uHZKQ0AHwlKRTkinc8Zw/kNxTAFWL+DD\n2eiKgkpxEpZt0W0F7ubT7w/irhEsBnNQQaahfymuQa9ZX4RbfZ1GrPduN/lT\nVct6AkNMjba8LZOyXYjGPWr4mkw3KWm9pcb1QmtcNuiPO7kNZqYCXWDfjj47\nShI9mIyA/n84Ebi1NVQZO5x2LNKAip7jmszx2xVAHRiMLYTUA8R0/dS/aNIM\noSqFpbuAYK8PtfWnYksOpQO8eJFjqIoAOS8sYzuKCRW+EafNDM+OS1t8vac1\neHkdxDCw73R3Z6FKU1HtaCbwa9fD76X+5pjgOX7mhtsMzy+aBBt21NL41rm4\n3mMT\r\n=p68O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"69b4f620220b7e580f5273bb82be01e5990b894a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/feature-targeting":"5.0.0-canary.a9511d870.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.a9511d870.0_1579115397524_0.37093453548074984","host":"s3://npm-registry-packages"}},"5.0.0-canary.7c8583c4c.0":{"name":"@material/touch-target","version":"5.0.0-canary.7c8583c4c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.7c8583c4c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5089b84841f0d80f76735ae9d2d31b1b0cf9b426","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.7c8583c4c.0.tgz","fileCount":10,"integrity":"sha512-tzSZdE5nvVtdnVvJu18z3CqrO6McJkX4qAr0DV6ZcaYlQndc+opjzue19V2aSu/7c9ldCP6Z0Cx/EeiGjaDgsg==","signatures":[{"sig":"MEUCIQDNfykedb+T+KddMSRVdC9wVpgWStS2InKwK9Gc2GU7zAIgRP5eDaVXvSlS+lBxFCX0rM0fv7uBbrQ+eJx4Cs1mvH8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH5ZzCRA9TVsSAnZWagAARqMQAJx23MvUf23L6WJHDbDt\nyPenpQKyV8TwTNZY8aDT9kDUzQyPurlGwBEyyThYlYfcCW4JMyc+EOKshP9l\nxaf8yisQOF2crC1QshntGJeWH3kOcJHb//xjhye/EjwMi90bFqSa7P9okfT9\nWnCoDsLhz11/vFbBCosd8UjZJUaeYQYvp9oAeX0cm1Y1hUZGbDPZ4J2g1bBZ\nSk3jqVfq5OOOAfMZhIe8Ox710yPHICv3kzBTw0y9eOx9Ok1Pm2Zu7k1cRjii\nhoIdNOFA148oNbNkcrNEnUdjx36e7H4FiqEA/EaHhvMRO+ffopt1ceUXyO/6\ntiBZ2jLeti3n/nHxLBAnnnh9cjeqOb1NeiLTidm8DJSWRlJOMmN0npcjtPxc\nxu5kzDLimlN9jDd5VjNHecjrgLEjDcqRuMYKCAxo1NtCfGmpE9cASVF7FdRR\nDudOBGuZBS0ixH3jp7G4qb1IBjfj/XE3KQLb7TGvt9/KLz98mkJIpx/Js6tE\n4gMjZ4shUXuOEWsYU8+9jmiHVmTAjCm7r8ylzhdIVQh9iyOEQ7gT+lvkm7g2\nQ1MhMCtTzOm+B5vuf0wXS6XBaZ/BPa6i5jarkY2CVsaJQ/SEL1UeyfyXAI6n\nGbQeEihHtp4Qq2fGg9TQsVl4cMzTmlShZFdxcH4i+3JL3C4tS3HoPnhydH04\nLxfi\r\n=ZhXh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d89f2d9150d02c17271eeeb692f29f456fed4c1e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.7c8583c4c.0","@material/feature-targeting":"5.0.0-canary.7c8583c4c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.7c8583c4c.0_1579128434809_0.36455931144241105","host":"s3://npm-registry-packages"}},"5.0.0-canary.5d4b82bac.0":{"name":"@material/touch-target","version":"5.0.0-canary.5d4b82bac.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.5d4b82bac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"111b86d36559ee0c8b2dc727d72579837721edf6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.5d4b82bac.0.tgz","fileCount":10,"integrity":"sha512-lQVoQ5eU6kP6Gi43hGXT7lzhwL1VIGt9/b8X4kedLvSBqq0rTPEGYDFqztb6vV2l0BHmvQlvKdBHkB2YI1HBOw==","signatures":[{"sig":"MEUCIQDDe71KDegDefQz03XItYRziogjQ60TEL/daunMFfXMCwIgap+xiBkaIiXKzXoewxRuoHkQSMMrhLsJQvEu7TZTDKU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH5Z8CRA9TVsSAnZWagAApykP/0OFgeZMhrhDc+Bk+b/j\nF6fDkg8z8WbQVa5YeUIv5a8mNAng4yK6+uhwFRcKO38PPg+XeOR/YBZrW43E\nMTcaP4L/Zp5ylvJqdwoM6YK+9VbEg8fG+cfZGT0GX9sy9Ptr9MAj5EGmOboz\nc3bGZw8MBzi61WlByGu3Z19+MX2RK8suGc4qimozNs9Frm5uinBrD87mEygc\nkNG5WW+pK9sV0SGjITf2ngmhXMnmWHP6uTJOyiwQlCSSH+g1cmBUXQnuNLez\ncv36w+DgezMw29P5t3D/uiDWxYhR3MrPPoy1puIMecJ4IZt8U5mzZhoIggUf\nc/DTfOIU0EGgS8n+UbnfncVWvSVjCQQvscuCz+0ICGzq/pVcvFUxFF5Maz+W\nCnUK/3WO56wJ1AK6bBsCGazfOhN8hdnyvi1JoMxbCwySoudnPdBk5ToAqLOA\nfRJlQVoVAlXEucT/4uRDuXfrdEuKcKZz6wd7/1w6tHMTrPaoV+krxXJYtW/t\nKR6p0GBjjJlqXEk9hcQr/2m4iIa2SaG2IH7k37Y8h7CLCiMxWBufvu43xTQG\nRpSF3L6PZl1WhXBEh6d4NzNWATxlFpZXgHp2ZB1s2/rMtFMRm1LrMu9tI7NO\nxKpcBJK7VlZwWfGVGAQe5s6XDJV0YiW8Yk/EhFxSI2NX0oRqAMkSgHlUoGLP\nHRYQ\r\n=tunJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e679f52745cb7c74219ab22354c6da39a642ecfb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.5d4b82bac.0","@material/feature-targeting":"5.0.0-canary.5d4b82bac.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.5d4b82bac.0_1579128444287_0.7936137369539173","host":"s3://npm-registry-packages"}},"5.0.0-canary.57d0186e4.0":{"name":"@material/touch-target","version":"5.0.0-canary.57d0186e4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.57d0186e4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3c54f390b295ded7aa82e9a26a9948869e0aa58c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.57d0186e4.0.tgz","fileCount":10,"integrity":"sha512-eBzUtYzvkkfwA/H1wtVn8YUbdeb0Uf8x7vFqgqenncq8cidxS4uTIpl/48j0q5fWkCCJW1uBlgDBbMtJhkfrvA==","signatures":[{"sig":"MEUCIQDit7fYJS53DMUa8s1oOvtacRDkErtQx9W3vG0l+l6DhAIgHxPMASKvFN56Fl31KFY1PT6H1hnyrDQR0iT59qtTGEA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIKilCRA9TVsSAnZWagAA/jcP/1TnUXCrcJVahwODjbTn\nCHLm7XtGysYx4sEM7eEC99WfqkV/nWsb7EYHj+UEVDE87IhgQxjiBp3c1Oe4\nO/VkgOyWKfBlzj9gfSUWnfarPK5JxVk4+raxvZubIymAITsS3kxRDAIWLV6s\nILIsz6a5AI2wa4ZhleYO9O/d1I1YCbLne/qM+egyeEvIdvnhFat+7BrKkEAs\n2ZyTAKehvcM+hPnDwsRGX101aXhPETu9m3gHCyrIW2Qb67Qv7RpGffdms38A\nO97ueOwd4ZyHJo9Cq3WrJvH4die04n5k41wo5sQifSDZ54LB/iGSWL6Uz4jt\nWWo0KUWC12LEKJjNUVoBjoA4bb5J41Dvqw772f/0ZOnOaXQZmEij1YVqRZSR\n/VcydM0RavRjyNrymKNY1QUE+0YTZIJSC8QPpKIA2NWZd8i98dD1u5hXCy3t\nfUCt8waimCdZIvz954wXZeAUuxCuv48853MUjapdKkUP79JGw4OPMc6f1BWq\ncN68pdCZNJs68ObJCbyCqQdEb6gfD1liDeSVckDLrV9OxU0CKwdqxFaVd/as\nFlKA4o67QkSvhHIyRwXV+lf9/n4RqRgb3tM+uPkdE+yA+ljNNH3DFyoC5lkU\nGVFyq5kcmgdMExDF8p7HN3vK6IlRhluj14NEyOz7DxKocivK3FUxrQizORew\n5CsR\r\n=USEl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d0058bff117ed84df93c0a71b3aa8c8d6e34cb6d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.57d0186e4.0","@material/feature-targeting":"5.0.0-canary.57d0186e4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.57d0186e4.0_1579198629240_0.5351377045326684","host":"s3://npm-registry-packages"}},"5.0.0-canary.071a6ab70.0":{"name":"@material/touch-target","version":"5.0.0-canary.071a6ab70.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.071a6ab70.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"99406f898c418577dc6689ce272e811f7b165f2a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.071a6ab70.0.tgz","fileCount":10,"integrity":"sha512-NPrk+tKCDNRWynPbLR5U8r6QeQQSAJNMqbW9VlBnVyuMudZza063x+CZFewAoA+2aF03F+6hTJ6HCw1+iG5zxw==","signatures":[{"sig":"MEUCIQDf6MoywFQx1Yl0q1AkpjiFZFVoA1EFjGZaXV3Izs+KqQIgYCc0zsmvhgwlR5lNb7P9J7JEgUestV+b6x59ypK+zC8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIKojCRA9TVsSAnZWagAAEQ0QAIRpasZEK5izqoYlJslw\ns2Ivf+RKUFKkKosx2b1eD6tA+3D1AYWLIbxbh0f3kVcxzn14uO5trDMT3rr3\nRMtyftlf62Yho1nS3+pmXsYjjg6ZcVtznkvlthhtLcsCFGO3xU3m2foee3r7\nU+zEBvlNFpWo/32Fsm0YjF8D3fRjagp5q46U6/J7BHrm1ObFY/fi3s41LDyT\nTzxDtA2SJgri+Tcqpb5X3Wo2iaoqgRDGZNuSLuqCyYhT658BUC513Y4wAgah\na1jk0ZZRixS0ZO6QmHtXfwCtAizv22+Z8rysoPzGIXRQGFfqU67eck82w8xK\nwNFnDJDjlb/t+nkd+89R1+ZtIlx3L1S27t9qeS85HiQsrTxSEEmT5M+olKyu\n+W3E1xdMRhBen4SnFMGu4KgM9Nj4bS7SvErkawgI8wOkMKXKetedRoRlmI2p\n9V737iUkxPgK2tHIuO/N8e9+pd2Sgp5TpujYaKk6zR+ljYYbxBhcI0Ok8UTz\nREieAia9B6Bn+IeHEz1SNAQVkqbjIP6v1KQPF+eSQ0Jygoc1QLPVEOWgy+le\nJWPD22UQmkdQSxx/p9Q4zuXcl6QjPx5RsF5g610znK4OnfgfkEWYjMAKQ8uS\n2xsKoKVQ5/1CACHu7tfKu0CZIUYDO6e1XWb3OKykmW7Is2lFICDt8T2YCD4w\n0CJq\r\n=jnd0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"40ae26c99d00481950066e41e33aac0545186659","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.071a6ab70.0","@material/feature-targeting":"5.0.0-canary.071a6ab70.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.071a6ab70.0_1579199011434_0.27439682851752245","host":"s3://npm-registry-packages"}},"5.0.0-canary.22e0cb618.0":{"name":"@material/touch-target","version":"5.0.0-canary.22e0cb618.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.22e0cb618.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55c00e7f77b064b94c13ef1b08cd4aaa948065a8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.22e0cb618.0.tgz","fileCount":10,"integrity":"sha512-4AYENrBeiZ2AEcDtQQttgZraymbsqdk+WYYhbAEEzRK9c+O1EdTFsjvxXhdPCLPzN2clydr6bXb2a2kmT5wJJA==","signatures":[{"sig":"MEUCIBJipXJYpiAOqilBSKTALc3v1W5PuEj4zGJdSEo5j111AiEA81AM2HjK92zETDr6RBfpa++9YlsQKpRrsE0sHJ9rd2c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIK+QCRA9TVsSAnZWagAA+CYP/13MCfH1ktTYm3sp9K06\nnbJz8R4tCkMKoagPGLgqRmo+Ez2u+YLA2NlPva29ueH8CN8KBKnBkfoi8lCL\nRnibSpWq2fTJ3qjIDj5DHdLJbHs9gHOITboYj4ZSdUsXqoImVmbrCbrzE6+W\nUXUgK0hgKBMVBabrrdCENKIrIuZxT14PM15tHMPaXVFiUK2hvAgo4ORX884Q\nPgrlAPrHTschIytAKi2fXs3CLgsGHFQKKkNLzqVCNlti3w66KMF2mjVs9AIg\nEpLj2A8uBL/rFhaaTA0PQIfwNkm31fk1sLLtRAY6nuueqpR64kWviDlvtGjc\n32BQMuVHXk0pToSiumQ1I7EJawB3Fme45MG0AuFGdkS8ymYEZq3+O+MSNJBH\nFHtBXCYkkaTJbZsZNO3ichpvzMJMGzyUW1u8Jt9WSh3Oq94+N1VF9HwGfyJd\n571lhX5IC2I2+hjHVyOVHigO8vCUrkMsXVVyUyuXcyK4mcbXUXoCMJVQO40h\nGnT49P4Bga8NpROeHGvlxlwi9hsVJulR6p+/Am1DlcdvSSSX2Qc227k+hqax\nnBylbWWrvAaK1FZZOrUCK0yPFLcjlL8LZO3fABwZxIYZjJ37NguPP57JWNLX\nA3jIazci+r1X6DgHVhc7AJv2Od4CQDsb8liDibuAKHKtDhAXWnfx4EeeR/Ng\n8Zug\r\n=8Pgq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a2ebae5c07da66b94270b07b137673cf19d6d344","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.22e0cb618.0","@material/feature-targeting":"5.0.0-canary.22e0cb618.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.22e0cb618.0_1579200400205_0.5018778006346303","host":"s3://npm-registry-packages"}},"5.0.0-canary.f16f15b8f.0":{"name":"@material/touch-target","version":"5.0.0-canary.f16f15b8f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.f16f15b8f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"37497b4be440fc85d219daad9cd46f3ee30fca61","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.f16f15b8f.0.tgz","fileCount":10,"integrity":"sha512-c3hnLglx6rdxV91jJq6QKtdgQxDdCutGQQP6P8Yvc4T/zmoHGXz1dlaIB8Aqlw4zLA9oMmf+qZb9SqUyj9iAOw==","signatures":[{"sig":"MEYCIQCYZFSAa7GM3LgBxofQrjJs4s1jNFejwBeOiPZZv9MnfgIhAKV4OpXEBR1lt8wEjwfxkCU+ekmnUJsa/ahPrNLjayr3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIPqKCRA9TVsSAnZWagAAQlwP+wb6FQ9fsCl2Wv/+4CiK\n++qCdQWCXMXp9LHvEwg8yWydvsneXUCveWzTkKrLx+/PQwjcYkMn37/kok9N\nqoTLFGymR9So37NWFbo/7/veLywoerMbC0neni7V/Rd92S4mLOTSm+cnl2Cb\nHxKjkKhGGI5CMXI6Dvi2kzb/Uq5tBjDK2i2cD4H3sU6c8JAd02rfROjJfc/a\nRemvz+D8kKDbuftDRfrNaCH7I3QX1W2ah+fJCwfEMBT7mhsQfcx+/YscDmhh\nUiXugSsfhfih71LKqhhxeIRccxG1pQyyVQ9TQUVsDi+J2DL872sTL8DVrdA4\nepOffZgCBYWX9anjl4KKRofE3a4AqLHP77C2K0L9KvGKpHS/wnCx1SvvwPg+\nb5nkOzr9yN2mETk+vuCNK09DRwK/nXBS6v/XQRoBHOpmEp24t/USSHzgI0q4\nR+jK1ZfsoSwM2O083WC8oeag9TzDR2u3/nr29x9e2Di/nKd86XjTzwTR0nV4\nbWZu8qlO5PdzjO7SH06B0hOYWQHL/HtRm0Tm4diql25th9M0y2bRacMR/6zh\n08RisstE4V2RlUTf/+AT/YpOO/yy40QHPJiqCb4Zj8FdkDgDZORwd370VtVJ\nbb5LxJ8a22zU1yR1lKq2s1mrQ+C0stFrFZNz8VEXD2/i50AXXRmYYcC66GAi\nKNWE\r\n=TD0E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"edeb2cce6b325b416aeba9bc6f4598eb518f8b24","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.f16f15b8f.0","@material/feature-targeting":"5.0.0-canary.f16f15b8f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.f16f15b8f.0_1579219593821_0.32684376241555424","host":"s3://npm-registry-packages"}},"5.0.0-canary.aa8e43e9a.0":{"name":"@material/touch-target","version":"5.0.0-canary.aa8e43e9a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.aa8e43e9a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2345d06472036a8f7eaf9a850bcbdd92b9b64b67","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.aa8e43e9a.0.tgz","fileCount":10,"integrity":"sha512-NwZaDm6YTaPSp155nM+PIhunNlZWzuGddLpJ1vffMVQSAoVbmNBIGOWoG1Uy2kchbggsj/KWEMTqZl3rGlsitA==","signatures":[{"sig":"MEQCIF/S6xmfaroozi5dI3VCV+NfBj4xGaPLzOVqEqv5rwFDAiA0z5jbnZ4QPgdLtrFN4KgJu4wcV3uA8aACjKdi6U6oBw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIQGHCRA9TVsSAnZWagAA7bYP/iyB7ChgwxJDEsCodtt+\nxpJJkrAQGeUxwcf8071TY5MNe3FM4JZ7xVgklcCJ0cz3lrwEnOi4OwWA3J4j\nV27iAH+MFgWHt3B7plsf1yfwsxojtqAONSuFYYVNvnn0wv35WRdCxBvc78tY\n2dklJCHxa3J3UNlfC4xoIOtMGzJ8+DNGaGggbGwz8A9VsObV8Y3kXqODP6s7\ne+yNFRdXmuSUiu6vPeozzgoJEe+FNa8SjwuunTRcNR+FS6ICsLeEd2bReLu8\nmgLzJYiE3G8x2laZZQyrYhNvtjLcdt+CZjJi7Ws62OkOdVfIjq6JlEMQv1FL\n7h96x548KIQba86s/bdcxLxA151/dHF2mU9ZMjO7SiuSuTkBYHZLTGDtuDb9\nNvrFmV3rmZyaYy6tnWdU2AhtH+gb8LYfRSMCSWiZV3/IJ70isVMXR2KKEXQ6\nzW15AdIw9VVyzI+YZ18vudGrwrxFEK0q0IhdYpnvpsBGQ+g4RHDmqliNUYVU\nHLYzKR18uDZN/rwWK47sV0X2khcEkFHowBU9grlbCj68cLrZuXMtqfktV1qb\nIrcIDz7RlbMgrjZW3NhY7M9D+lbymZZknwcHSfD1Y0mM82PFEg50wnmYOQvK\nTXmKf28iE+EOB5iCS14qbKaZ9rfxuCe1z/Vgbag53VOcNwMHBRhXO9j4L30p\nlsto\r\n=8aCD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b95162346a28c58839b2d3e52201e1f8c5fb9789","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.aa8e43e9a.0","@material/feature-targeting":"5.0.0-canary.aa8e43e9a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.aa8e43e9a.0_1579221382842_0.13296004181096088","host":"s3://npm-registry-packages"}},"5.0.0-canary.fe1f3ca07.0":{"name":"@material/touch-target","version":"5.0.0-canary.fe1f3ca07.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.fe1f3ca07.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b0c519edad846439a9db5c4ee1277f163d0e168","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.fe1f3ca07.0.tgz","fileCount":10,"integrity":"sha512-WydLpnW4kjDTw41QbJuou+V+raitgUu3b5L2+H5aqal/47tcCq0y/yeriP0ABvHREomnIMF2f7qqQSpgbNOf8g==","signatures":[{"sig":"MEUCIA4F/StaRkaP3BU/nOXoZdEjBCskx2dJhghlOHdIqjBEAiEA9f/S8wyhLMt2osrk55eubEdktJdyscuYacSsbXR5ayM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIQcLCRA9TVsSAnZWagAAdhEQAJFnjRgZh+6YhRq2BEPJ\nsQMGK/tlzEQs34RJKDPrj2JzMQpSP58NwvfFEdGdLz6IruKq1p6sS4Z55a4F\nE5iKAfD+1dNcdeXBDTeLwT50s4f5DHjBWOt4lYeckWelOH+34OLJMFTyyW9A\nJctxjX9toygW0l7Rtgx4bvxzvrCvmCduEQFlewz9ZZmaxJG870sEdrBQW5gM\nRYnoe7UfPwJbZcqehgQbR57waz91y+dlMHdc+dG58Jy41iDbfiL11uEgcjBc\nUFoqz63mZRP05xxe73ZTgyNSdQASEw06YDSiMssWwrZm85AXeXquDy1JHc51\nhYAM31Tr9CgdoBr05G4+ykMeX8SWe+Mz6fhQQxUuKn0Su9pyZ6ysQghrP2jG\nDWn7NYdRrNLQ5UOixCp/W8j9otD2G7PNW5jcsW8B6jnZK66ZyL4Eiy+m9ZjC\nnVq39yuIqwtS1N8e1PeUNieYCzOiYrsfYwxJCQgV/cS2qy97sYcM5KHbb2ch\nm66Fax6awKsQ3TLtAefOskE2lGA3w7NenpLLmb6V6MNSvlFw2dPO7ehsXH2F\nmesxLZxxzQLNkcd2a1yQJulnCjHaZCirPabG/4u1LK6XXQUtv2vwp5loxa+k\nwwP++/LPS4Vg+IZFCtsUL/QLRbody8x5ZDa/bjl+US3npbqcTizVSy0XxXEy\nO9gG\r\n=uMUv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"55fb21a2166199c09c2ec1273c4d38c6c3eb8cb3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.fe1f3ca07.0","@material/feature-targeting":"5.0.0-canary.fe1f3ca07.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.fe1f3ca07.0_1579222795233_0.40774987083973246","host":"s3://npm-registry-packages"}},"5.0.0-canary.d405af26b.0":{"name":"@material/touch-target","version":"5.0.0-canary.d405af26b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.d405af26b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"459d12331f9aa501198c55e2a75999cdcfe5594f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.d405af26b.0.tgz","fileCount":10,"integrity":"sha512-oD57hLsHYCsefbB06anhIc5CI/Mmp9WZSarmD7nAX3iwPnqy4jS1pqFZVwf94D6ml5BOnBiQQWop16Ypu+5s+g==","signatures":[{"sig":"MEQCICfA+kAVhCkQWyNjisI6L0iQu6FxWUgJ6VvTUA6elTxmAiB/DcweZIcmrat4E8qfDcQPigw8UzcEmC9FroIuFZXkAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIfoMCRA9TVsSAnZWagAAXAQQAIE2OM6z9njxW3/PIGWK\nW4PyNKUtp3E0QFkR6Qub0L+NZ9zvu4K9tIVn0B8jrnPftT4xh9h7v1SK+vQU\n+JDOgk0yXarE483Kv8pI2Ih7yTaCBK7z2sSDn+3XjBOBhitlWoVTBNIIzNbg\nQGugcqy7Qfbyi7wxN5Y1JJ1SFDFT7+Nc4vboMUQ0P0OUQq9cIpIY9eLnJrB2\nlmIus67ojUgs7PGoj4Es/GSOauS8lL94SAHD4yI14g9CRRlLjsj0Kk6i7sAg\nHo+157dWlzPzH6uVlun8eEl7rsp00VM0MAnvDa9RskTIzpftisOh4z86Z96n\nyVkaommfhGvlNFpTiZH831R7ADGW142GY6DVMFCKGJQhI9ojnKyI1UYWVG9A\n6sVr4VHxaMsv6FPXUNOIvs2JNdnN7wzdlXRW5x3iH/ufhHZGDK+RK2bmzc0W\n5nrYMPO7NOgDqOXiOaKixDqTf3bISicXNJtrjis9D23DicXq3/uhlSxMoMSm\n8Q5+TyGpoxwwyqTAIGDV36mdgUXRzFVLjmIArnFbAC03ebkJDeYRjmyG9IXA\nX0XKiNKZtm8vtY4coxly3nJ+rweSKmEvGhfTY1o+ZDtXIWFNTYoxCStZ5lBA\n0cZHDSmOGvKt2WhINmz5q7yjU+aAPN8LVOdzDAUgLofKEXp8ThPkL+GtSVcF\nRNJy\r\n=cQGE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0520800061215f99c3d58fbcb661327da2b8c126","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.d405af26b.0","@material/feature-targeting":"5.0.0-canary.d405af26b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.d405af26b.0_1579285003565_0.8139878875987319","host":"s3://npm-registry-packages"}},"5.0.0-canary.6e857aae2.0":{"name":"@material/touch-target","version":"5.0.0-canary.6e857aae2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.6e857aae2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97553834c4e63974fbc3bf9948fcf9243dadf7c7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.6e857aae2.0.tgz","fileCount":10,"integrity":"sha512-/BVlMeAnqpfIAYOJaXPeFdlnhjlMgpXIK2WJnT+V6KYMQRAHrF6DZoOqk30d5MOzcGCu9HFaizfVYn1zXqO91Q==","signatures":[{"sig":"MEUCID9fniQqgOlV+PZ0WTjR6cTjvchORkXZQCBUMBiaKkS6AiEAwf/fU7HfrzVxVTeZuW80ZvUHzUXduC17x+2a10dCHaM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIfrqCRA9TVsSAnZWagAAbx8QAJ6kuLBcZHIr7/ARqQ5L\nc54OJ1LgHhnZhRY3Oh6AtKfAv4Ti7Ep0HNq0S318kFcDbsQ61bJzgquJQSOy\nQlqTesCCSe8ZJ5Lu7i3Edy5obhLpmFZ8MuTlqrFc23xZt1vYAPpBqMHulpv4\nFrc/CtjE3WNKPPr0ENXCGM94PypWJI1GNdfKXQOX+RLoUH815Vv/FPijfPxf\nIRqyoIJJnjyHZPG99Ff1F6zXO7kT5nAAdI9iEryifbvQx3LcOdIEejmFM4nb\nDuApmiEDkhFo3SRWEVswkbpw4hxcvuSxCfCeKtHtirvrqtF3fAQlBp42+Kxt\nnZQimf8Q2tHIG5jhUrMVAafktra/8nQawcxE95gh1LOHlScVycsdGWyPvxAC\ncTp4292TGPTeErU0z9mdRl0cfYwB18VzUpqMO/gGFAB/Awo8f1LpWcTd2f4a\nPbfA64LH096iQxvgKPK4nhfkEgDvqWwQ55Cd32OBeCYyWjlRi9bcKlFX0QT2\n03R+GNta3Ud/FFk4rE+TNeIjQdU11Leil+BfpvD7NqW70Ptwhzk3ycbZwpek\ncAP4LoSXpo+g+1TMdMZCKafmAX5efwaa1vNoFR4ApGyOCsiKMvHFOwHLiI1w\nvA9EI2aUKU3bU+lyWR5iEnFucaBrSn1hUEwouAoTSdXdQnHupurj/fipgl1d\ncGMb\r\n=AC27\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2a53aa5d8048725819709e1279ce78762b8b6170","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.6e857aae2.0","@material/feature-targeting":"5.0.0-canary.6e857aae2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.6e857aae2.0_1579285225630_0.5927467513707854","host":"s3://npm-registry-packages"}},"5.0.0-canary.e2e764f7c.0":{"name":"@material/touch-target","version":"5.0.0-canary.e2e764f7c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.e2e764f7c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68a83ee463d5635b15daa95922a09d22479323ec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.e2e764f7c.0.tgz","fileCount":10,"integrity":"sha512-05NVV99ua6nQHI09BIm95CkJs5hYJ1YZ7nVmaZg4ThAMjU+G+cj+hEDXq8pIJx+6dfoRMqGSDISZw25RqJ5KEg==","signatures":[{"sig":"MEQCIBJWfmuRkT7hsbFA6dk2ZDWDmMnO4MzE8ChNZZVwMjXlAiBRfJDIR9j2Ni5YrNUK6krWx8Dn+Lyh7zSigIRvkkqDVQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIf55CRA9TVsSAnZWagAAIkwP/2/XYYAY9VNfWOfXA1r4\noC7NcSOUliJiBYgKNeodXMwdDCVd2zGrXBDx+rC3WEGGgXOcZ9paF2SI6Kq2\ngddRwN5JRSSN9vwhvo4aiLsfw0yaKjy9HJm7V2qh13OW8N9WH87nq7ard6wy\nXRAvaN5Ee0NockTwnm/dHuFi+NqlzSnv1M82bEZ9ms5oUuMQ+A71s7nkW1fK\nTBXtUfen4PqUy0s5gkZ+N6FpyZlUR10nG0dOwtDdR8542+VjMWuO/veIPS1C\naY/wzGOfJWyhQTVeIEOcrZEPX328iO4I/YZCJRi5naEyneG6wjvaYVe5MwBB\nbaUHgwW4OJkYpIpG9jk9ytaMRQIwusm0jYlvwglp4U2J+BPJ4SDLwQzuDfhP\nzh4ABj8SbUFk8LWBL33Bd2ao1lLeIPl7iuLKyyRAAV2+w6eyjzUFb16CORbY\n1jLn9tVdDqE+XB3VlhyMJJBbiCHr+c+rwAmsF7j9PIkQ++R3Jexwxp+Bfwtl\nQOeTI4xyyqNvRTNhWOepsMGVuknS1U6LshxZbiz3nFtN16Ln+1WrlaN7vqMX\n4ygP64Ldps+bx3+Azkt/DmflX843/hyCZgI3Mlaa40iOklj5tq5L+OXE2t66\nCpmvD8hI+KZlzLhXJuGJy3RPsdbaCP1YI2XfChu/NcujojE6NwGKY7ELk6MP\nYzyt\r\n=qW9o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9dd6d44ba7288e1e0e80905a629b922c21b54e37","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.e2e764f7c.0","@material/feature-targeting":"5.0.0-canary.e2e764f7c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.e2e764f7c.0_1579286136807_0.9925345601081652","host":"s3://npm-registry-packages"}},"5.0.0-canary.7ef986a87.0":{"name":"@material/touch-target","version":"5.0.0-canary.7ef986a87.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.7ef986a87.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e23ad795a8ce82c778684e3b27c88bd8837dd265","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.7ef986a87.0.tgz","fileCount":10,"integrity":"sha512-Hrlz6266+zObPEdhAkU73R1LLVol3m5kHXVd0v9FdZn6eDlwuCeR5PSB7FEoOYCh8Z8cl+Tt9FHLrM+VMHadog==","signatures":[{"sig":"MEYCIQCeqgrjEboZ0I1QUc7cJmZrDQeXPiEYmzWI8ry32+lJvQIhALN3NTH/Agv6C4Ihil44j2iXAlbDFVOX01fPZTq8QnT6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIgtSCRA9TVsSAnZWagAA4fUP/2TKqTrb8rLrGVZsleW5\n753cCzcavzph5H7GNGU7fmaaowmPikwQMchMLbb1UONLtN8oIHHokg1ejwIw\niyukmaqS9w0yCF0VNc1ZiN3NE1+sRAp9c7rLazSyouDltrH6/zsDo9wEZAfp\nlc05jkJ6Q4Uqed4MguWc6XOzVBMUJhWMHRwdlhKush0hIgbBBsMPN1Z2NOKu\nXl5FVylqPwFXOsCDdDSQ83Egvk2KfGO5Vfkr8pELzgeH9TXSHIcuFxJxrjUV\nO89zHhoilyEQf9Rji/ysR4cz8n5r5eWxXYmVSJs6jZ5JxJw157emXp7ieAhS\nZXvCEXt6J/lFXntEi1Ct6MDreUYEAJQrcuJmBsC4G9o6EvAQ7VAfWhqT2xNc\nOREc1+RG5h+NfBRn7GSw9I7SNpkNvob1qMe+1AuJRDGuWzVJKfmwbijQYC2T\ng6wR3PimnCqYczlflsWm8RYIqEobXib54Kai73RReRoCtek51+3lTjTQ+/06\nMBtCIHg+GvYUbDw2zx++h3EsrwXzgK+e5ISAIUjxKRIz3Ctr8O4nbrdrSio2\nNuB0t/R0ea0S/2pwIkY2yIqm5gIL1mIGMy1Zxqf9XsCIIM3SQWO8otWQbRUV\nLefbpbrYMfJfiE6Z+R2m23k7ABKe4EXIkf27kOyD6QbRjDfJhSmhf8N0jiE8\nzlu9\r\n=O9xF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d18e160fa2a4eddeeddf0a07020cc2cecff9b573","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.7ef986a87.0","@material/feature-targeting":"5.0.0-canary.7ef986a87.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.7ef986a87.0_1579289426217_0.793197535398803","host":"s3://npm-registry-packages"}},"5.0.0-canary.29402e2d4.0":{"name":"@material/touch-target","version":"5.0.0-canary.29402e2d4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.29402e2d4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5599639e3587e4d6bc37f1f34806faf9a1cbe21f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.29402e2d4.0.tgz","fileCount":10,"integrity":"sha512-xs6eXiqdGgbk39yBCxP64/NqaTKkEJxp+fFW4qtoUkH3jS4EiaPqSsFNXKFpF+fo0T+nBdP12UMHo4/psvYfKQ==","signatures":[{"sig":"MEUCIB1R7gr0cFuxI4ymO8vDPTs1TwWT22q45D6AXLRbWJiiAiEA25OHbWz4AJl85RfJ+O7Cz393O6axU+XTYltO0App76U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIht8CRA9TVsSAnZWagAAuhkP/3+e7juGnd4Ej4J3svJP\nPBxktS4qN1MDQGemeaaKmg3H8hB/r6nJ8WP7ZoIasCNGPG6VfTbzijLmoT1t\nXpWIPQkaGgyw13jxqD3o5nBkyqwdwo1ZqnZZOLoIH4G6TJ5pord6Ite0IAlj\nwXMhxhMswGE0DxS9kEjkJm7dRDrHtnmkP5wKKmcGkLcekzNMdzaUn3Vf6uKa\nqblxmUHWE3CNt6DEfTaqLPHVbzxBdGSszcWePV8aplPbBSOTTwkCfVpYI206\n82L5UMjjEP7FxG94xprAl2Iw69dEOErCpS8CxFJLx3yjx+qtouO8ACoWIKbY\nOPFO8FGEqmAs7bs0VocR6mSYnt6XSmwmS8yCl2Jk93usTnR+zU/IPhEip8bR\nSTyFRYn88uwhQtK+1rQ4biPfRKgBKc32TkPMbSsz9DtpsQPQ4tgOVxUzXbnT\ne4FFMDlsaz18ketHPcRYGC1ofO7I/YcOkEirr8itvhmcxva2MGRyKO01MIuK\nx2QhaarhreDNe6aR8NmrxqHOgNsjj0IzkqzQTmJH1sNSfJPZhk/Gnkp9OTJS\nePuvEBSOVe4V5tDHxdsCStGwfuVfWsMbXUO8PbrgNhJOzqnlRuBw4fueYilH\nS44Y3/ISpnpxF16jIRgtM3RdF+xZmGgLIhxE6O592p2hDuJWF7bTPtsDkKQt\n+Mo/\r\n=Df89\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6c6caf45e8fd759ec1c6409699c53250c8c41f25","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.29402e2d4.0","@material/feature-targeting":"5.0.0-canary.29402e2d4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.29402e2d4.0_1579293563998_0.4157182095876524","host":"s3://npm-registry-packages"}},"5.0.0-canary.2b3ec563c.0":{"name":"@material/touch-target","version":"5.0.0-canary.2b3ec563c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.2b3ec563c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9aefb4503e572e87d803599c84be6f9ebe1e1cf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.2b3ec563c.0.tgz","fileCount":10,"integrity":"sha512-DiUFO3NelavQuh5tvxDIAOwlecy4i+BhwTvBEwAzEaGYnXYSVnbcuiL02FxFbJKW5YzkhH8XsYOYrOL/RMK3cw==","signatures":[{"sig":"MEYCIQCmr372PX2gZsWzqMcG5ykx86CeNjbYbWxbDUe20c7/ZgIhAJ46Ck+ocqXqXlywYbEjtZcQsxuvjWOWhru1UU62+5jo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIj8LCRA9TVsSAnZWagAA+PQP/1QlVsvtuDtXVoGmCGn4\nFjyzKYY2Fs2wCHpMcMb17amDdZ40315eU2fomzrF2NcGZeaRUtohZ2TSxM00\nIyArw7UlR4key7qELqSZYmhky/171qs/9o2hdFujOZnafnd+fbKRJBqqggGN\nMA8XkDPo5t4011xB7buYUzVx+pJHzFokTmcWfw60tR/WzMVKA/acwIcGb91p\nscLtk8uHkeKcC+4xRQ4oUjKfmwRVX8qnQ3IkOKe2pD6avP+za8jEHgFCdFSk\nK0sHUARsY3qK6BdSfGCAq8tLBhiXd78gJe8M25NabACE5YGfg/MGGLKgu+0l\nOcf0eOMygi0Fwto+iZHYLCRGhPGt3987GPIWNlFNGpiYADpV73UmsD5/raVE\nvf4hKLfmjhKvIaKxyVqF10b/ksJThD0DZsmTQvLDxI6PikxmY59hgYoBZH7z\n12N2X9KYc1BzM2NGdmgaLl9KKJj/7+OlHZ7e50KSG6pf/BsSXbN+uAwkovSa\nVoN6L3BIyse3FpBmZVGfcAIie95ykWuQYide4jZ1FtnkkT6TqLJFeqYpm3md\nBjArTCD+BInvn2oD4mAUs9Ooa34QZMlo+DRx9nP8KbHSRyzmnDnXMH7qSMJq\nEzffDGwXVr/ioX+aRdunvD/LHTbdTacwo2fCNDHrmaCKnlA77gxFtNF62Chs\nnDmw\r\n=uk5i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e0de6399e32c2553a23c71775c8e5b54fc527e5f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.2b3ec563c.0","@material/feature-targeting":"5.0.0-canary.2b3ec563c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.2b3ec563c.0_1579302667155_0.868357745301251","host":"s3://npm-registry-packages"}},"5.0.0-canary.e8a993677.0":{"name":"@material/touch-target","version":"5.0.0-canary.e8a993677.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.e8a993677.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab50fa0d697bc675ef2d72a1540cfbfaa5c97d63","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.e8a993677.0.tgz","fileCount":10,"integrity":"sha512-iueilS2UTe0yV5LwOrkvEcAMTCRf/Sfnqi+bJnQ1LarJ2VSoUFBB3bMigfM7/rYA/cNdjMoIqzvYmogE4wduKw==","signatures":[{"sig":"MEUCIQDPa79FNbYiTTpaa90zQZiaHXQ/XyvncwUEKpEPo/k+swIgedYvYXufaQVWTGBebZ0LgZWCYaX55zf85zMhANzTlhc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJyuNCRA9TVsSAnZWagAAzagP/3qpQC3CRZKrl4EWix0q\nF+zwxHgQuacHP2JA5EdyAdxJCk1f5pgvMV6TJAlsZV9/jKwsyLqPS3LH8+xz\nXyau1iOT7REbHpaXSTCzuabgKz5LCcwKFpZ+sk2iw4xPH/lRRZN1U8FrCBbI\nKdx0YFOOJIep/Z5Ty9ZlUryIvB2fRt6ZPoYt7fedlv6Y7s8FWpVGzbWQ9aIX\nAeuIkggehQyTC0lSstKyHII4BVovh0KShrMpTutQbj9iYrVZF+fTLYhqFGAh\nvTCq9hj5FOssJqj0kKXTcJCA0sk9n9RuVgnSxyRQrXXC+h1sEeWARfaC/52f\nyO6Bf0NVoNj2GhE6DfxBcGb/phkOeaPISVO4z/vQCAZUdWIVuHqtJ35PAjq5\nHdB6yrtDarqCgMbcnFbh8iRXkhvF3Xd+sddhXmm5cGZL/bWQUA4mTU9mIYvY\n9GR5nywUWyFMyxUYhM2lnkREtzohzVJkh6GPldY0EIGw/D9NHtwIPRoK6JZp\nGwefxqhravsYD4ZK7bIsJl424XBxvjS2kLDxjO06PbQSu+9/GI8qmAnmDMoP\n0ANwVd4CVhSdaAwM9JupVWsZDWrbpRHiRv/Z4QnjKsf9y3FuZcox+G7t6F5a\n3M/eM26l3Wwj3/oKZPYU21uEdWIS38q7DazNNyYIbqx0orqeuAHJHBgZ0/t0\nf1W9\r\n=qU/M\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"653e52310f90e65950905e8fd8fca6f99e87ba63","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.e8a993677.0","@material/feature-targeting":"5.0.0-canary.e8a993677.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.e8a993677.0_1579625356562_0.6789803821771949","host":"s3://npm-registry-packages"}},"5.0.0-canary.cd4903304.0":{"name":"@material/touch-target","version":"5.0.0-canary.cd4903304.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.cd4903304.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f7a50c240be3241733cddeecb57db5606b4224c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.cd4903304.0.tgz","fileCount":10,"integrity":"sha512-97TMpcpYNxXu6wOuRYt4qynM3X7oO7ajL2ondRzjNGesh2QICLarKKAujlXHNJMni0J6wO5R65gNwkl3jdLF/Q==","signatures":[{"sig":"MEUCIQDX9tooejORTF5xD0Hm3pYkv8lKsaH3ayoEcFuUuQimPgIgblvnuHZn/xrgh3pp7wPfWzki2qTIne3cSCBVejqdqZk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ279CRA9TVsSAnZWagAAmNIP/R2N/bzWuLx7e7ywaNia\n0fTidKyljWFrom4AAAxp0tESCus5DT0jAdpEiZgW/GqOVTspy1jOpfAiMg+p\nyMF45ZZrIMsZFES4nWKvU2ouZ/WH2lYvgdwLgVrJJy7v16YAIkUdE6F2wXgP\nqltL2bQAzDlnY79vMcLsbrTpoyYBqyfBStBu7k1sLvMg5pCOeRiDXzNxKMQA\nlluCX1Pd0C4rmtIAME9t++739LQNogMcpY8BWxZimcx9e6UDw+SWI54lnLh8\nnU8FwD1+tON46O9mvf4ZWUVjNdFZvyhNnHOAW3S0WRq0NvMaPAZ00yh8R9DC\nOvKRzGzXjk2fhxnUEQudn3wETNwLSJiZcTSEyx/mfGxftz3hRC8L9ISpynsa\n/0LdU2Wap2XMFtecZhM3M6j4LiDGGmV9d7KAx4DtyN4vsoau23Ix2eMbY/zm\na//mvoislvObimatk4c8zn94PvKh5fQvSW79iZ2vZ4GePxcpSLf4nXnkkke3\n+GV9jHmnldiZE86/ouGyktzWPGuFqXZRpAyygUFzE043+x92SUVZwCxqESIB\nwRLQPJbxAapBtbJnd1+C6yMFJUKuI9RtGHNS5Pu8eS4IaNfDEXvJDXlejrGD\nY0mWkZTmo6X+vW8I1t7SfsV8fj7qX81OGD/zGjHICUuPNBlfBJXkz2WnRt3S\nOxvH\r\n=o1KO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0a1f35ca90587cb380a06e8b6eb8650279b9953f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.cd4903304.0","@material/feature-targeting":"5.0.0-canary.cd4903304.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.cd4903304.0_1579642621478_0.5600638929491819","host":"s3://npm-registry-packages"}},"5.0.0-canary.7e4b04b25.0":{"name":"@material/touch-target","version":"5.0.0-canary.7e4b04b25.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.7e4b04b25.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c00e6ceb8d287f7103522cd584dc4d2df8348a9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.7e4b04b25.0.tgz","fileCount":10,"integrity":"sha512-fAX7uKYLRS0QcfOLl4n6sWpSXhmFyCq+V+pBxW7IV7PyNmpnl6dzkmW/5H3Clc8bfROVdUpgDfCKhl7hvsIADQ==","signatures":[{"sig":"MEUCICWW30uCZZ/U3a2aki9Ay+mPuVJncDA6CiHlR0e7uxr+AiEA2M7H/DIf8ZFNhwRH42EY6njmPY0NiPlCxT2C1pKaCi8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ38JCRA9TVsSAnZWagAAk0IQAJe9ePgY3GSz5xI9/uL8\nAT0/HvpQtfDDvRQLinHUIiYOONOyoZfT8RldtEctaFMM7FHSUrbdZgSoQ8hw\n3yiqhJdZveUTN6AQ8YOwYpqvVmI7K0pudYxfu2DRYxJIa5/2KmtEMd8Oe5Gk\nEhB51+dBaTfZXE0jEwJBsqxJg+Fi0O2RDnsy6V1VDCsjOqx/3Whu+vB6H4cc\nWWs+lOs53nN4saOXgcea8vP+yri8mDP84zxsfSgs6i2t9VPMu5vPFgvdz8Rt\nLzjw2KYGNbtme0AbI1+kIDkA41r3SdidNdlffETznyYVWKlNdYQQkzNg81sM\nRNnx7rZh2FfrpldJ+cK/GpeeaNK2J13n6QxTnuszvxcuoPANfRmcYUNFhUeX\ngly8cRRfubVGN3+ri+91jJUZIyDxLx13MO3VMP4whATlh5H2dPzZYJaiyl/i\n6fOEz99cx3CT5w1zTLYEyWucGMt8bhplTzvV0ptzms0uAPQATGKwqIrWIBcH\nIVLijaGrva71xGXcfjlxYwiJo4/aGzLbL8hQ1gcRL2csw6GH2Kri0IOcwoIf\n6zof81WFNnlKgqrX0K41K96Q3lfpIvD/HnTM4di0e5dvwmdM5aQoeG70qMyW\nKgPHQKIIwfD6VhEsJ3nj3ZGJO3129kepDV33mliXo7dy8RexjuGSJ7umuTpH\nDC09\r\n=k+qt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5ce556593315b470008c9bb156d98d7624231a5b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.7e4b04b25.0","@material/feature-targeting":"5.0.0-canary.7e4b04b25.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.7e4b04b25.0_1579646729182_0.768352462539931","host":"s3://npm-registry-packages"}},"5.0.0-canary.ebc296937.0":{"name":"@material/touch-target","version":"5.0.0-canary.ebc296937.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.ebc296937.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"654ec4877f5041ea87f71084d4db0af995db5c4f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.ebc296937.0.tgz","fileCount":10,"integrity":"sha512-77VcX7lP2mFiShjwpRtK4UHKX1l/qE5aoJSXQYnexqXUxyTe7bjAeQ2jw4JtZ/y2P87J+1oio/g6+LGEPcdCkw==","signatures":[{"sig":"MEQCIDVqigBuez/b/RrI+T+cGfd0jYNA9jBKsN8DCm0bajTpAiBQSU3ET9vfNp3SGLjy0mRkIpR5uKWGhF34VCMIa6m7Gg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ4zeCRA9TVsSAnZWagAACrwP/0PpharIbu69HRZsy4Sm\n+qvpIyDJtH6S2lpa38sneh76zqWB0fPJgsSIalmfuecmcGajaAQdiWflSSI+\nfzpmNowfDgt2aXDmljT/whY88JLgM1Ao6ByGsVT/Z0hhUq4ChVC/nUoMYv9w\ny7ihoY1IlFvOhFgJolpTQVDphHkHfIT6U3OLR9CjD9ZVBQ9zxPG2hcck55C4\n5dxYZhXqC3m4GaVLcFBwDco+Hn5jTzpidQASuyCado+pOmNut3qSmbxn/JnF\nHCt85HZdhT+NQPXFb4aghCo/paNylJNnWGxxnf/AOYi9Gk645dVYBR7g99ck\nI5QZ18E17AFLoZViJuRp+CU8MynDkmbaUzaBGVmVNLYkQB5kMTuHOL+E4zq/\nDa1xtJngzu7K2V3aFPsDR78RnHjsU9vxjZnD3m2Z/P0YdrX94H8A3wOuibkz\n633DN3jyW0d+Yb/BH2Jy3zSpqXUpafjPbqBp/iKm9DhjMjSz6WMp2kMzBt/H\nSP1h0lWrEbTSLsK0REXjoW1TNdyqN1ouZrHA/Gi8xpnqTampQwx5r2MiSfLO\nXQZiJJDB1jaLWrQp3peV4fqfmLCR4WLIPYRvs6VO8skqQ7p2YgJhzs15BmId\nTBXJMOFpQxShVS2QGWPjUSzot4yaX5ONbMRb/l7nnl09Bk6ZS1Kfg+0Rn9rP\nc8/q\r\n=tXpf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"56393bf41fd3e60f82b11c9571455b6e0b0f2025","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.ebc296937.0","@material/feature-targeting":"5.0.0-canary.ebc296937.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.ebc296937.0_1579650270238_0.5597355823439041","host":"s3://npm-registry-packages"}},"5.0.0-canary.cf33f113d.0":{"name":"@material/touch-target","version":"5.0.0-canary.cf33f113d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.cf33f113d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c56243048d9186327ecdce1fe470b82645af930","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.cf33f113d.0.tgz","fileCount":10,"integrity":"sha512-knL3LhHmPEyoaduTJvLvQAHHR4p0885oKVe/4fNUxs6ONYYwNge3zqSDEM2YXrOtPEn3pDiWK9ke+Pl0kaMeVw==","signatures":[{"sig":"MEYCIQDYLoJY4u8DrZDV8xybaWN0mymJlao5dEECtOFXjT8anwIhAKB91Dtc5/HOCT7uTxjqtW3QzSJ+gWmeHvWw5wA6bizG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ6OyCRA9TVsSAnZWagAABuIQAIladMc8D4tZ7nC9m6ei\nhUj8u5qX3l9Cbq+/BRusKZZXBw2Q1VeuHoNbN6TRGzroad+K3R+WkNx8gtIQ\n5d44tkUjP7VKb7eyuOdVwCG0PUiOiNGymECrKPG9NejXxsITNZFEnTZ2Omkg\nchhALa4NdsHIQxGv5sHWomFbpm9Jbe7Evu9XfGEPy3NYxoYehUS1TNLw7l4f\n+UaL80vaokEnC5N1asyaPj2z1eix//OSBAknDOkGfNO7wYbTJrsU4g8sms5/\nw6HV6hu/7O1P5ZFdDIBZ/qCSOZQ6yctUx+EMAOxZcvzsSNOTnttDYU1lJ76F\nYTHmAqKfBxqij/5J3gpEAqwG5LqlbagqwXIP0CjHXLksly1R2B8VKbyKRO4T\nqkGK1JBgtUpfphZYpS5VgN9YragA2urx7zKwR3317UMumvYhyetUzcQlMhR7\nEebz+8pnN8wDwsGa76wpeVlY+CN7PCBix1Uv6VU4nE92M4bSrV5ODT9vTaub\nh321XpG2YiobtZj06dVOxSqYbrQ+CgeLbOE8yNRgNKaCjh03Mo+v1p6BSDM8\nXyICf2FR0+QJzE28BRsXgCSCWc1uX4Y/jSdpuExyi5JwcdZGtekq3MeX7o8A\n7MLNsq8SyFsbvROc+9ujjtpwYp8ySLjWhWiiaS/BFVkJb7Qhy1KLXk5b0FfW\nNiv7\r\n=41sZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"337736b1343fc4e03714756c4fc2ccfdfe1e5537","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.cf33f113d.0","@material/feature-targeting":"5.0.0-canary.cf33f113d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.cf33f113d.0_1579656114096_0.8549371198403051","host":"s3://npm-registry-packages"}},"5.0.0-canary.e1d5f1be5.0":{"name":"@material/touch-target","version":"5.0.0-canary.e1d5f1be5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.e1d5f1be5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b0aa5b967ca8feb12b3ce50b7ac54356cd557078","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.e1d5f1be5.0.tgz","fileCount":13,"integrity":"sha512-lVQDJ3Quygao8/U3H8NHhM7DBcmywMOWbc28RkLR4IeoD7s0soFtWPq8qZ51Yl4Hoila0robMyk9kvHttUEzPg==","signatures":[{"sig":"MEUCIEBEHWHS8PiW55dm142J8ltVWLdew8EV1wxzSR4RzcX8AiEA0k+UvQG6FdJ0Kk5UlvEtgX8Z8nHW9YI3rN6OYns2N2s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14110,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKH5iCRA9TVsSAnZWagAASuYP/j3xLA4vvFZwq8ElNMrj\n/urplnMjVdeHBt7PR55ZxK5r+kLnJLPq0bHsfhkMdGmLVyOLRyTRGXdEXoo4\nIaUYWizUIo0eazPxEqiNCe/vWhbAg94Og9WgznEH0YTE9i6t0eBO7lNRHc5x\n8+gnPFRl0/bDJ3SJ8EUOeti/mp4bpfHEcj9Cz99Lx+1f4Olb7lcvOFAAlLYc\ny7AzQreEVAEmlK2UBrzZX49Shs3CngkzbWNoOXt0ECcWPHyBVP1nmu849I/a\nq3k3IwCzjB7oYI979vTfsPhJGUSwC+4MgvPF9uI8fKsanRVBc0fMgZXXEsA4\naI9mlNYYjxYLamYCgnATpcjWqDCUH0fbbyb6vNBqU+SWhTUajqJivouyj2n4\nf4gveArki0znSikDJyA1r5U2en0ynqWKhPMjOEk1sTtQcX74COQJ2+GD4/yZ\n9jBxq1vWToml/jxylW/PZIhMTYBNVMeSl+y0eN2cgwNc5j09lEmQiMjiT/Ln\nJWn8XTQ6a9wK9ewial9KBEjAnUdb1tL6DevLEjy6TMuiBv8ywE7b6uGatV+Y\ndXXYaOMsKy4D4xleZZLSqGwftSoEMCOMe5SKHkSDwsS8OFzJFviYTK14Zn2h\nGHBhCeBF8zKHR93crCFg+s1lQ7DAF0DoyedymmaDoNYKUZ1G/ojxtUnFqaJo\nI3/l\r\n=y6OI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4726896d58f0dfdf4ec6ed819abc20912d43f2de","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.e1d5f1be5.0","@material/feature-targeting":"5.0.0-canary.e1d5f1be5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.e1d5f1be5.0_1579712097623_0.2884626252689213","host":"s3://npm-registry-packages"}},"5.0.0-canary.6b6a4ff92.0":{"name":"@material/touch-target","version":"5.0.0-canary.6b6a4ff92.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.6b6a4ff92.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0d754aedd5d70008e2715df261eb50bbcfc0d1df","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.6b6a4ff92.0.tgz","fileCount":13,"integrity":"sha512-idaYj1vJeWq5eGhFWh+sFKdWk6/cxMVj2BEBGjH/nfPrgDz9bPMOs2SxVS5xXj1EB1ucRL+jPYilyGZW2FgTuQ==","signatures":[{"sig":"MEYCIQCe2P3K6Wrj84Wqz+DFuAjG7jR/X9dlZ2CGBOKi5cu9ywIhAINXReXFbe+ITXHu6NVNo3Adf3t15xC0K6NXACsbIWDS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14110,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKIz3CRA9TVsSAnZWagAAEMMP/2cNYdnmMLhAM5lxUZQ+\nTxToPzYyovoc54AOu3OH5OBaLhtLKLME/uOy42VTgAITmO8k+bjVWjAl8P7X\n0U6mZjG4l91oXVtstIH0LMdTt4MOEafsTaLTGFad6tCNlnY8r59S8sm63BWg\nN2tkHQGhA5nG8AZEkISJWyZRkK/9Ts545/jQ46t4nQewjosTmAzIIhn1I0EQ\nusaOBPvNGVr78HjuoyvTMz7N8DqbvuzCjRLzuyPbcpK+Rl3eXm38STLl9Loy\nEEVaHxHoxQyqjuOgd4McUxAWAQy1IgkSbFhYu5yhqjfIhpz8nVytXYukQ5hk\n+1RNQkCrg9F1mfJalr0NbwLUxGqAOHH8VuXmzN2285yjrl/KDx/F4CAGC6G+\nlNvnCRunXi62nZbw5eFh4hYqZ7+1S0d/bdkwAsL8/TGdpQDS31caeOKC++UQ\nYDtWZTPu1e98joe9/1iHwyOSCjcU3SJr0CHJCR2jUYHpLlPnZ694K1Zm01U4\nt5Ghd01aCZQVGk6EQhLp9IiNYJHJZ83B4gh/rryQLbF0akltmOQ3BEqQLbVd\nwl7IKwvRVKD5wro52eGgY0XlDjZkWZ31M1PEUoXGO+5BVqnKkqK2w/2Kp4iV\n7pOTEPxp95yxGlO/xgBm39ZL8WcJZQ3TWQpr3K26p1IouXhsHfPtVefOM7n+\niaA1\r\n=ksIR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a4307ced3400e7b61e83495c8903f219bba0ae44","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.6b6a4ff92.0","@material/feature-targeting":"5.0.0-canary.6b6a4ff92.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.6b6a4ff92.0_1579715830961_0.07072044413833889","host":"s3://npm-registry-packages"}},"5.0.0-canary.6092f71ee.0":{"name":"@material/touch-target","version":"5.0.0-canary.6092f71ee.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.6092f71ee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26febab0c803bea6f6592521ce7ed6d3c10d2444","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.6092f71ee.0.tgz","fileCount":12,"integrity":"sha512-lI4C/N6q1dzkZ9YOvxpA7GGphTbqPy2jw2E6WmY1SSK/BmVjcZgdAVW/dijR1o4HS7nonIm4Ob7w7DFFTH+ZFQ==","signatures":[{"sig":"MEUCIQCYY54LibTPBtrbCvq+34dJi8MnFzqVupo2JPmxOIupZgIgStjLcucwQa6B4lqIwvYC683vKueF4fb6ujd1DP3rT8I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKLuyCRA9TVsSAnZWagAAsoUP/2LvPI40QnOolgXe39pD\nOTGyiPLwpg6W1U+ChGup76rQkHTqv2x1wZ53vLPPw4ykm0v4VxeuBn97SKBh\nsTZME5hs3e6Ye0D6B3WJp/6Bp0g9tz1+USU4kshfLzZ2ZZdb6CK2xiLd0pj7\nJx456wc5tQvIfQxWzLhu55HD14rcrYpfYpSD5OGgXjg2BAAtS7hOfK1bC5VZ\nQP9BsF1jBoXmYgyeOtMGwx/YK1NqEAPN852D9F7h8FKx+b9SlCwoa+QQAtXj\nIvNrnuGGCJzll51a5zd0E51+Wu03Smqpv8kcwxxv1VWS8z6hsjxvJ/Za5AxU\nc8cATmRHGqcpA4qE+C1wS7fXKaEFwDz7MiJbRepJmdWjjgfksY30k4osaatg\ntXXzdjqD5Cy81Ydo61cf4wtpX/toBi0GRyX2PQ1Fimyjszmiax7cdrsX1vFZ\nfLk/xbvtF4z5AXVZ3J2EdpC4LcxNPRivh/obdAEh/1GjbDdL0yyxdP39crGt\nr/xRcW2kylQpTQs40Xqbs86U7HVmKvse4GmB8m3Uw2cuRxbUFGUuIQf6twbb\neXGR3JMSodkImHwKPCDsECWaWFaoKl8JRNMXeZgVYT4p8qX38i4QVBx1CnnE\n7zdV04yLc4cZ6MbHIDD0TgOjNyv1mvDeCoc8KYJqHRJz4Vz1bJwX5Oizc2w9\n+6z9\r\n=s5oj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"da5d9e639c767fd3f9ad77c867d990afc21cd359","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.6092f71ee.0","@material/feature-targeting":"5.0.0-canary.6092f71ee.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.6092f71ee.0_1579727793573_0.5583010071200685","host":"s3://npm-registry-packages"}},"5.0.0-canary.d8d95020f.0":{"name":"@material/touch-target","version":"5.0.0-canary.d8d95020f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.d8d95020f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"145cd3709bdcdb30bfca02a885d49d70f006353d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.d8d95020f.0.tgz","fileCount":12,"integrity":"sha512-V6vcxfvWYcY3NED5Ja8xmLBi7IfeqEzK5jCYOiaFm8O1kzPboxgkpS4Zx4oRocnGYMJkfnf0y0k/8mxaTh8tTw==","signatures":[{"sig":"MEUCIGJcLopjEqaRXdxNK2u9Ig9dPNpwiAgmDYlrwZrDUQAyAiEAg9gEoB7cFEPYbnCJf+4ABOntiI4YP6I5N1DsboLmFjM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKNYUCRA9TVsSAnZWagAAIM8P/AjAOmx0G1eSD+SMi7fu\niL6nyaSEDHSgofGWAFsf8fkewbGn4LML+X65vHFWl5+IKY/J/PbK9WMyLPhQ\nA0hC9piIXmyVcZAiT+joQvu09Rk1ux6dNjNYPa5uMIvUmGc1L7/usT4+Jx1B\nO4cYo8J1Uas8VPXXqspjuyNgL+8/uRzq1tftrZC+qON1xWeNHO0g9gHwwuoO\n04TXneoLzEo8I6CTOwkmQoIzLB10mmYLIt3YIQ2Jn/knp2+SG1TUSgUzzJcs\nuQHlBVIPK0i4HaWX/HOwKpqeGWnElafwKH3l9+tcubStXjYdoZbfRPjEyEs+\nM5+u2ubNR9KTxsGYIgddSNafgcP+tGdzvwFlE0ISj0J0i+4dVaOS+UrZPKO5\nv+aF0/MhkbXBEjknwwfzbvZqzAAWgTTZx2WmjR1KMut17jAXvYmBn4XCv36w\nMMeVSjmglg8QY81lUEXs6E9VYRcyXgb0/LKsPdCp8cbJazg+BXGWuVDzYzgB\nFe801K8XFCUSd9BeKASgAf4B+WY75LfvYVhFWDvRiVuRGBGSVImP7eAoIdeu\n4rRCxCfGAh+n3Ics/ulL1/F4gkmRVeCF/dYbDoTPVQI61PKT1/R0CbqZUorD\nGBePaQOovGAoy7g2qm+vH6/U30wbjvkJ6Wnh8VGeHoHlMEDA1SkeWxEiabRK\nJR9O\r\n=wMAN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6360c5189134a77fd45542c27776ac2f86b16a49","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.d8d95020f.0","@material/feature-targeting":"5.0.0-canary.d8d95020f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.d8d95020f.0_1579734547995_0.9467228108920334","host":"s3://npm-registry-packages"}},"5.0.0-canary.b7facc628.0":{"name":"@material/touch-target","version":"5.0.0-canary.b7facc628.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b7facc628.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1083f9322304c66db09617456e627649afe2c188","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b7facc628.0.tgz","fileCount":12,"integrity":"sha512-VnI4pzBc7DnKOMASsQvQsw7RQRSfj9i7wyK/nEslMefrxm/d6/WID9HdVJqELboQTaJMx+6EC2In4OKgIQ5SIg==","signatures":[{"sig":"MEYCIQDBoa5/7VktIc4yAslj341zEDelS+wv6+IbvEUOkOWQnAIhAMPcoForXD7qVyjalwnbUTqbQiWckAlPM3B5wZbmYv23","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKeH1CRA9TVsSAnZWagAALc8P+wdd16eC2oa+bhMjg3AT\n+gXEDwJYCCdhvGUJ/uXNLLRq04Edv7rG0Zy3nGNjfoDDZ/ls7uq49VPTZISW\natkenreUEZGdgZdMuVZm4V7lKJzoGzlT2f3imbzJopz2AqyvlpZg2fmWtF53\nnOp4+wvt2m76qYzLWO0bmVGJli622/J5IA7VPRIBKD1DmmfRZSVMvfHDFVYJ\n+uXN7FtcrA4NtgLxFvTb1HFRXfKeoSOcJlKkzJFiPHS3bRRoT4STxjkSIrPL\n8J9RSYwFrid1YGYES3KG7bJ1SAHJiChXqyYNMJ8dsEPRuxGzWICGzTmvUjOZ\n6YPeCbEepjWZUBlyv6T/IaGdiuN9UxrYYRlPQ2SXfrbm7VzeRDBpd0OQEss+\nfwWoKhPwLvIvcltQjzoPC0lvCp/PXV1HvSSzf+6qtrln+PUp3mx7DlOiuAe5\ntrCHDViHQSxSxXFctO1hmGXI38+w6B7kVQg5baPMIOBuegHP4mQ4m3yKCNWQ\niN8DYZq9HFToYvLgJVhpXJsO5Ar7MjHeLnumfNzLT7RqBBMzr+uZNJE26hCF\nCuS5hk7kkRXn0in3XaBti4gzzm5wiYje0L2kKWH5EWVQu0oCaumUt999Vsfp\nNtX/QgX9lhxTZjdzeDBHPddw4+I/kIgq1fKr5WKLcXhSzopVfVLCxV3Dl1AG\nEx2g\r\n=vQrR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"265b39c05dba4587f44e16eb788b56c1cb0153a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.b7facc628.0","@material/feature-targeting":"5.0.0-canary.b7facc628.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b7facc628.0_1579803125071_0.18141065743171558","host":"s3://npm-registry-packages"}},"5.0.0-canary.63f357dbf.0":{"name":"@material/touch-target","version":"5.0.0-canary.63f357dbf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.63f357dbf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"785fab02185792af64bce048525a2ecb8888e234","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.63f357dbf.0.tgz","fileCount":12,"integrity":"sha512-d6dhngipzkejtNaKYupzhgRUmTxMR+0Z3eMlcz4T4h9lPYwyL2jcdnsn2meauVazoylnXiRErX43FO7kL453wA==","signatures":[{"sig":"MEUCIEsokqpJS/Ab5uKTjklApTE8s7xOWbMJyc0+CVwBWafHAiEAnjukQc4z/rW+y4tNNCnaGURckUsPqRAmAxaHJQUlbO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKhYwCRA9TVsSAnZWagAAb9AP/AiHyw8p9coLM4Bd/h8m\nrKWDKefL7MMFbn9sC5ExugPwK1EIPp0yaySFK6odpRC6Fs7Jpmm8DvotbJPE\npXcEzTzNvs5KRKk0oysA1b6P4qWZhnbSmVrG6I3yyaBMB3m0nPIpO+rSitgo\noqb49rzysHA07Ms7bBvxssAoPaNrzC9GJ3eBc9hn02/7mORKMw26OxoX+EhP\nH9ssBy6rsRoCOtfzIp9SHAjKGdd5LUM6zs9iBc5/5HdaS7DqEuIo7T6x8Jzt\nSOVzWTNcwGuJdbuLr8cIEMClJntIL1zQ0qXGAUcBu4YirvKkLA6gZGbgZu7n\nq5Tqe2YlaglbYokmHn2qRQfzjbjhvlv84dcbyDyVg5F8JufNqpAZ/CgDSfcS\nHa8tIgZAJKO/9C+kA7DgnCJP85rZ5NqhaI9pge7S5sMskM4mmxvZLzyPlizi\nk6emMqFUFQs2+JPWSQqGUg1eD/0E5pYltqn1xD2AB1Yig0tyhLrwTChHGnMS\neUAvs92WQ0tw2UiFbe/fcc3wii0iOdmmtlyb0hdoWkq8O6r+k0IdUecYWrpQ\n/bPkYU0ZjJCewqZkFXMxptCOi2IwtVjjHZDlAlRsFjktglDUFG57UHKiaavJ\ncXLPwhY7DF7yE3MVNo363Ubx0/0qOmdxOzR0V1GuShUNAU2baB3Iwckmo1ul\noCSC\r\n=LBr8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"eeb2b38a1cd8ef32c66d35119a666a4b01da6d7d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.63f357dbf.0","@material/feature-targeting":"5.0.0-canary.63f357dbf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.63f357dbf.0_1579816496348_0.6806612212984378","host":"s3://npm-registry-packages"}},"5.0.0-canary.f2426d26e.0":{"name":"@material/touch-target","version":"5.0.0-canary.f2426d26e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.f2426d26e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"66b69de5fd16477fd7a6eee9177ecff798f505b7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.f2426d26e.0.tgz","fileCount":12,"integrity":"sha512-hw1uHmVO2O8jMn2SK938BvUfC/gsfXwbqBO6YCZftVQsiIgwD/SD2yuzXEJaiQEcNR2aqjtsYuThRUkAP2f6Cg==","signatures":[{"sig":"MEYCIQDFHoo36atEsHMK7JwjE0s41xZefX2ODIyE4xBEapwybgIhAPNXnLVTNcOonfFeKIxrWjVJNuu3hBGhx4Eo7laAQO6Q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKjJQCRA9TVsSAnZWagAABsIP/1DOFNokviregSFKJqP7\nmFkKo3dhHc0LB+W6PTI6btxxeWEuTrMBUDL87BhYoYbbojCrLDqc476N9Qku\nMj6vXsFKnnPeRZZ2hyu7GYQOXXfafzIYoghmaX6eItTtdF7+zq2wcLR+9vK2\nL2P4M7fBlU8NUN9zlNfqU+Db5g3+NeDw7UPruUjmGPZKVkHcZPtSURu/3Un+\n24xdAEi/M9XQ7Og305PLLmIOyedDrFOcFTFryGePKIrgEh8k3RJAdDmIJJbb\nGZmge6tTuYPLd/LKT0+RISxZZMl8rPolb01uEZeYu07HjjjdKyIWRgykvAHV\nK0Tc2VqE6880md8M4DVp+euxaOUbhL/zHy8W+ozL//N4MN9m4A2Sg0NpLKUS\n4AqE+kcLeZdKCCGiu28AHw8I3y69sb8OAhY1Zzr5lHa57wmpiKddCXS+b2Ch\n3z3FQCZEtHaV8S3OBGrimbOaQjoRv6ya02rdaZkECaTfhk6fyw71W16p0i71\nGTvx2W1+ilr31Heim7pyWYZ8grN8gVr5Ttj1UHwrgqyaedkaPix3QYz/3rwF\n4fA3i0FEEVRDonPvpiVItlIOZBn3lJ+wH6sET6XRMs6w50r1iJUxgFlTuVDb\nTo+e3tMGfHkX64Nxr9Iqg1f2ixt3XHQKyFPZYKAPvzVEktBIVUtk0BgRtfUB\nUnTL\r\n=zlGa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f25cc47237fd4889c25ddd16c4d80cff95fe3c91","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.f2426d26e.0","@material/feature-targeting":"5.0.0-canary.f2426d26e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.f2426d26e.0_1579823695807_0.49840813001263706","host":"s3://npm-registry-packages"}},"5.0.0-canary.7f5e0c23f.0":{"name":"@material/touch-target","version":"5.0.0-canary.7f5e0c23f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.7f5e0c23f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9ac847cf5a89abbe863e63206c800dacf491599","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.7f5e0c23f.0.tgz","fileCount":12,"integrity":"sha512-Yfr2q+3YZ/JLVPDIAU8eX+Gstyb1qd51wFjE41hakfm4u991EFM7pq47yqcOr806Oy6pxYmfBUnI4LvJ4N8n0A==","signatures":[{"sig":"MEYCIQDa/DOlgvYpegjCUxfu6ihLJadCQCyNTG4oz5iaF17oKQIhAKDVFlCVhV3PCrROCquzzFERfPqEUuCOCkbuvU0E/mrl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKx+RCRA9TVsSAnZWagAAnqEP/A1Bphrrmwy6e5fb35Qj\nqmcHQEbkl3OyJ06sKuNEMcA0Whzfu2iPSYQZBcLeAnMy0vQg2UjyZTineb6E\nAirk7gmusyOcPDa0zQRYLoAIgvY7/ZWi2VwsLQTrUh4Sat5R9NGVddkDobTX\n/F81be9+lNrewFhnO7tDaCtR2hLq8Thyc/w0JcyStNorwl1fYpFtWUlA3Zwl\nn5eoOUi3napUl9Wme/YQyAkmSVux9s5As/pYe1ai4a3Uf1W4dciuX9os9dIK\nBOD05+miSr7I06EF2aYbzCBK/4rx+iR9dpkD+7zxFcqthQO13nDUarAoulbW\nnMnpQU37BYR0m2Jx2zswyHGDKX+hohtsnafANMpjPbAO5zpa4E0XVO1+CwmF\n59VV5Icgo9riOXk9UCPIToGKJRrPcztOYBE1d6ERMm7n5gDWMHKcZ+Bby0JY\nt6BLYJG6bteclVlTNZnXfFMQjC5SC4VJuClY89C7Qw/xjfMmDImrCCtcWBwZ\nIZua1cfRlGK/MY0fGuyoZa6oBsPBKVYGbCFfbr2xc9wt0/ISYxIBw7I879Q+\nnJV5bVfAlFp9jaGUQSDcWagb4wHRIRmxGJ1zWkjwyNrYyBuPNTrhRFGICT3Q\nl/ffGTBk9aSrEgj0YTcF2FDvoNZTw1zRUt7ihY/L87w/YrfTah+qJKHCsg3B\nE105\r\n=H09d\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"619b057dce90a552f56e341228cfddbfb7746acc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.7f5e0c23f.0","@material/feature-targeting":"5.0.0-canary.7f5e0c23f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.7f5e0c23f.0_1579884433436_0.7288231137324208","host":"s3://npm-registry-packages"}},"5.0.0-canary.3fc3ab520.0":{"name":"@material/touch-target","version":"5.0.0-canary.3fc3ab520.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.3fc3ab520.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"84a9c7d48102b39406be15973fcd639202ce4803","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.3fc3ab520.0.tgz","fileCount":12,"integrity":"sha512-l9IanXK5ycdaRm+S2sYUzOrgphOb3pGQyMzl4jt6iIa5LRUdd6eRBFMT3QdCSVrF7zswKXUvh+ehETDtnqZyOw==","signatures":[{"sig":"MEYCIQDSvz8Id33hYzrVI8jyaSU3T9AqHCLf6N+bt7xheVFTnwIhAMELKh5204xqMj/DTH4i47153YpaYlGbUiqJ447jZAAW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKydcCRA9TVsSAnZWagAAZfUQAJknOgCI/FHXoIdbWU3X\n/YTAWb4tKw6gztuszmD8oxhbLCWNPOVD0HaQOcLDLPtALWmeEgjgRid/GgC9\ncphfoRQiSWmqaaIi2vSPGlBlc96KfbMqLpJBpjVefW2+Y7rO75EgPjPM4klT\nOiLuXunVUfXsQZs+M/OaCsaIj29PwhZE8neFhFug5JzUr3e1K+PZAt1XnQ1X\n1LMXCbQARQiLoDzXzJK6vbnZMwfoMPf3n+HE2Z47PTvrfgFcQZiDy+P8TedH\nsXRp88sz7MPQcxEvKn1LU//5M25QzKWzYO2OdDAhEPai44DTdKileLgBpN7B\nhxKBQhrv+AurDUdTrJM7iwg5LzSf9ktCysoAczrhA3UpZ7fL6SzXEFSz6vN2\n5p+otURLgj4y75wHBMX+FG0OQUYkxJ5lJiajdK+B9qUemTXZG2ku5YpUCKRv\nA6+a/VPuvnU++J9fbLYvjK78slUorazcubWqIqmi43Ldnb4FlqLHzs+vdwE0\n6m106MGlhnptY5bgGt10q1uwLURwK0QBI32Awo8BUj+c9DhiRv8ZfBlMy074\nPS8sjqVcAZq7BxM+wFUai+s5RJGOVDzefxkmnhJo29WPCn1d0SSy0ZJfETHB\nSsHjVzU01GYyl2GS7qW1/97wjvwALXrkttjx0kre7NgmotnYcw41R+BT7WNY\nQMgh\r\n=Pkkk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d15050fe97c7130fc9607ecc53a7eafd2b9c58ef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.3fc3ab520.0","@material/feature-targeting":"5.0.0-canary.3fc3ab520.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.3fc3ab520.0_1579886427764_0.44264634173882156","host":"s3://npm-registry-packages"}},"5.0.0-canary.80a4d326f.0":{"name":"@material/touch-target","version":"5.0.0-canary.80a4d326f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.80a4d326f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"61710ce0f203c0bfb427c1a015f6162592721868","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.80a4d326f.0.tgz","fileCount":12,"integrity":"sha512-FuHQHyOoXI7XZ/dseiznDKB+fhYNaxNTo+t7+wjaVmR/tP0kbvsvACtfKVLjVMJdriWEwSm73qiZeFhF1b3PQA==","signatures":[{"sig":"MEQCIC8e3FcenK1Z7VtHOgoNzNZDj59E5Ir/w2Kq+sYlYoZQAiB8Zn9ii15XCRgxwetjaQ5voQ90HU1R3SGaStmbaakGsw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeK1djCRA9TVsSAnZWagAAbT0P/3mYZAbGBYhwcR/f5I/f\nRSvQmvt8M12z3UMCH0FoXQV/qB0WdvrC5S/ImDOLvrEDSiBAwV+pdfcgVqRB\niv9y8TINg5LqXniZY4gmMAfWbbqir8YGsL5ww1EXY0UFu46XRSPGIRlANLhP\nbUo6GcBSLzhIEiGadD6gZkR7EGa9jNlu2jq442D3cVJ7LYL6FfulIsGXMsI+\nkpCpShU0NAcHGecR3RqJSE5nfYEesLh6rULzSf24UPct8f7LSOSC1TbEK7fN\ndNiQEQuNcM2KIfypjDycqUmtz46ybMmQutL7DdYOSbouSWoZCfvYgn4sRBsS\nDF6A5HJYK9WVxF2srEtL2MAyYvL0ZYxsTsu/8Xg7rRxbWRUfntJNpKx3FD6i\n+kYRx9vFsTUXytg0ubRaBwn2iOCyL6eUII5nS4NgXgLFWBcA7m3Dze4ZaTUJ\nN/PoP9uDykiLKTyDp6sIYo5q3SrfbkcRgKE+RvicUYlnQXBuFxe8NI36xsls\nWil//vffBGZP2QPKcFEpxkJkwW6pCQBaZIPbm0Bog4HOm8Tv/wHnIXdsuY84\nFxs4YJprbNX9BvHvc3CUNRE4qi0HoNAuVISfa5AFfxOYSjiV49iRO5qgDWul\nMQAsGqn44BfQSUWD/jlz1WYr3BVON2Lg4rvNKLUrVozp5SJ+e9IbXeaft656\nFfoi\r\n=EqHd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b0001f5c4ba1986c74470e492e82bc13e15e2ad3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.80a4d326f.0","@material/feature-targeting":"5.0.0-canary.80a4d326f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.80a4d326f.0_1579898723286_0.9924898969775198","host":"s3://npm-registry-packages"}},"5.0.0-canary.ef7de4def.0":{"name":"@material/touch-target","version":"5.0.0-canary.ef7de4def.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.ef7de4def.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc1840ec01a92f182dfaf27b654bae5d6bb1b3a4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.ef7de4def.0.tgz","fileCount":12,"integrity":"sha512-I2vhjHhxbmoslMwNh7K48pfRE7klYPtlEWTgfxoeQ0XLPMgCZmXbZM04iO1TsHhKrIkMLh8fr68ic84GrZc+5w==","signatures":[{"sig":"MEUCIQCD0N5A48hGtPbd7o83/BDzuTsmSlehVOrBk2orxKR0jgIgOPp5JOyu0CMBWHqyEx0v/MNzcAmTgUkE+KNUSHPnIAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeK2I7CRA9TVsSAnZWagAAZGQQAJpX8UcrFFg3S8nM0hbs\neORb2ACj4VC4gWuIcUmLvkplRFhdJ4ccLETw2UoS7fSgkLo/+vehgLF3hryk\n91buX/3u4poGfQXn3bwZYlWELJFb9ysluktVD3wRlh2jxMWlhzgLKkX52kz7\n0BzaL9nhYp6vhQsIJdPPT+Zfb826iygJA7eLc3V4KFQ5nEsX6P1Tvrv+tj3S\nrI6ySp55Vj+bxd4u0T82M/h+M1nAWTK6KR8f6AuHasv64CRhSOisoeCtoWjz\neIlZ1gX0YLgV689cKzVDhOZ3IyOm7R6teS9AxUJbXXa/zODZdV5Z4ukZK8x4\nq4iAxRR5asctkenGOrvrKTjkPPSijcfMjd49a/d0N1BxoKuJyKb0ySPVpGW2\nBnAkNT3GEMvVSPWKPW+QQ3bpqMtIz5NesIvV3akknqXx7F5c9CHw+M5j7cUf\nhBBqhgzZEcXzM+EGIwiNsBbnGGVHM7c2HEqxYlPaWoWpNa1nk5hZbPn8CaoS\nVtKPkTwIlKpHOV5lcUdjgKOtg755mduxzxHhw1tga5t5LYFETG58wjN5x1K9\njiwgQUpdc2hK0WthukXUSfaKwTSlNDfNFsL6e/HmiLP7urPvOlLp+r5LtACI\nvZ/EKqAfqhyaj1MuZ4PGg5whrnPrWLcw89elVpfK87w/ssU834xIC54pVKKG\nEGAR\r\n=b2W2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1ac98da12680a4581dd0427e23f1dd1b95a939a0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.ef7de4def.0","@material/feature-targeting":"5.0.0-canary.ef7de4def.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.ef7de4def.0_1579901498665_0.070204858430998","host":"s3://npm-registry-packages"}},"5.0.0-canary.93e2288b6.0":{"name":"@material/touch-target","version":"5.0.0-canary.93e2288b6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.93e2288b6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b13dca77313645c04ab7112480c63a4d4aa358c5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.93e2288b6.0.tgz","fileCount":12,"integrity":"sha512-adruDaW3lF2pxbgCWxGj+gA7jOwU8cskOWW2o+pFpa40m0omFtJnwii6k0XUCpbKdGxEXz4buDti6tf90ddsOg==","signatures":[{"sig":"MEYCIQDwKYMv+7S6w0jLuOOrkDsIvSLI/nzT66TIRurVVsEn2AIhAOy++v5SEipQlm9Xr/lumirlMN7IepDE4PL2dseOAZDY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMGd2CRA9TVsSAnZWagAA2tcP/31ZVi7oJ4VexnMEXfpT\nXolECpq9xCcwcMXoyIU8R6KwQmmLwXNYHYdZ3s6bfqS3DVeUT4Rkt0JcHdNB\nToYtimDDKfA48EjwTs62YlYRJiSeulLMUCAmif9Ye2a0p4C1u02xmxH/7V5Z\nRLvTXFppEDRIU9K/eSqXmhsc74Qer9qdSL0/WDyxxZ6DKFmrYuYq+qbAjZrp\n+DshunTkeaiHwwQ29EF9JththbP3tu7pz8q0/tl4r5GEWcdS7L2j9SHBHvR5\ncQrt/rzUBRpi5yhGmYZuNnFFlODJ07cMyhv7Z+Pa6dNWL+RsPatii9jGLgZS\nk70pjxDk89UQPIcPYBV1rM4jf4TouPwQIy/nzO6VY7gQK+eczF7oXL/3xVJK\nbjKT7xpyf8qzfkcJh5P078pnYf0mbZsHd0iPsOrwhX2K0oW/XazvekhDPVfA\n1md65R+rjWHbH5Lpw+1cTZ6oVCwFla3ZWzvcUTZtIbgbn3nhJtAVdvG0Wsph\nfNFy2nTTz/7Dtq7NrVdvkEuPJXJy0ki3qisj2FgiW/ukevesngU1s9C6o330\nqDKaBj+M/A9XbTuY/a97HDK2DF6p/3geiBls6i3prLqow2sl3zvJPrnn/qZa\nPf2pZa03bWgF/8qzuBz2Tr5wfSEgL2HpIdoL1kwuUJytgpuxHRpdFR+wRUCv\nonqp\r\n=8f7e\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"00984d219befe7ef5ec7c042cd975979249ca8f0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.93e2288b6.0","@material/feature-targeting":"5.0.0-canary.93e2288b6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.93e2288b6.0_1580230518317_0.40558500649915863","host":"s3://npm-registry-packages"}},"5.0.0-canary.34ef15f67.0":{"name":"@material/touch-target","version":"5.0.0-canary.34ef15f67.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.34ef15f67.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee78eda46d98bd7660ded2b91ea3a17171373409","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.34ef15f67.0.tgz","fileCount":12,"integrity":"sha512-NRPExuTgrcwE050ssH/78raogMwhKuCqFVyaomK8/nR492EuXBAk5uXWSEvcw+J014txpc//Za9Z/Yi0YYzvPw==","signatures":[{"sig":"MEUCICMCYb3X14xhu4QhT0hSYq4rTwG5m1HvITYjO2TBOIzfAiEA9iYKvN4NoVBT1ZKDI4Z46nYDIc9vPehf3ab4xka5Nig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMG4bCRA9TVsSAnZWagAAQZcP+wdGAArq1GFx8POGmRq+\n8GhcxMovA9BowhVQjy86/Q2KZkFLTjkse6tm/hIaV/r+pOkPXULxezrAxtX4\njxtRLu+LhUTlmMP2W1ocv/Ub/bB81GzIlnukp21EE1bquDUMV47TZzO1A6Gx\nL2+L9k55+tkyvEq38IOxcC0v68cvZ3MHZlcyOhERh4h6QtjTrhVCt6ib+tcS\nE77kTRy7qxeQwkVqBdIM9BH00+aOEOnOat9r1mLeO5xlOHFHJhmaIzRu5cjA\n6hYb/nz5FDlb2O13/+ls4fQfDCnJY0hHCHhG1qRqerbkbVkvuuV89obZ+ieM\nLXYGvDAZGLHNNWcJ5gdt4gqGeI0oZsVh9z4Ni+Oh1w7fOZS5Ps4uAwN+UpFF\n1wOdyqZJ3MklkLSdgmfiROKzqL1IIubRmoXdeKoMtnktv/P1KPtBcTwkxg3Y\nXi+c4TJc0bJ3qGNgnRwc+5S6PyzdVhauYXr+b4ldeinVPRrfOciQ2lE05lRc\nTsbxbyMYUsSNy7A5f0JjMbwz1iBc2/tX7L7NJBL3CabW6iCJhsmDvjmXrVAY\nxIDdfOFgYPSR/2rQwsnzwEFiVVHpOGsZviY3uJ7USFnZHvBHc877Klnglmmk\nxSIs3TpxDmteoTKcAPz4k3evDlrPsRJqOJSMjJOCAC36oHgJhFmkKTRq/Oc3\nPb1l\r\n=gJ2i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"21f8c61e71f0a9c48eb2042e25093b7a821e30f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.34ef15f67.0","@material/feature-targeting":"5.0.0-canary.34ef15f67.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.34ef15f67.0_1580232219011_0.4047380116619681","host":"s3://npm-registry-packages"}},"5.0.0-canary.d3d176ba5.0":{"name":"@material/touch-target","version":"5.0.0-canary.d3d176ba5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.d3d176ba5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f05805eb445954e81020d17fb201d99e497bcded","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.d3d176ba5.0.tgz","fileCount":12,"integrity":"sha512-8/B42eigjeeRS0lz0NGJCx1LxdChyahTv3o/V+gNwrA5zO0AbRhv1ZzGGB5mutlg2W8DYFc9Efq6Kn5ABP8JHA==","signatures":[{"sig":"MEUCIFuSjLZhmHFyct7c1Vwcbf1kRSHKp09iSN1mNzcQRZ5+AiEA4X1BYItvv4i3Q2dRAMlH3reprI4McHv5XZXLC1nFdAI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMG9gCRA9TVsSAnZWagAAJhsP/iMlmnjFw/ViWWhP6Qf1\nAQY188rHkX/JNTEvyN0Zv6qqHuzB1Uuzy6RBIEhlirBDFcVHN3fLpR8ZIfnZ\nsHJNrIURnuaDephZPsfTQ6gMlG0QDMhrqeeiivQkLQVX1NMbrPzXT7MtFrJU\nyeH7HE8aBBkqNU7mm6dKg+XmNlYKdUeVslHopwYISaVwITOGINx/ix4NJUsT\nzX9zggxzRDyA5rhfDkMdeCl6sfX3nfoZME/FvQ+oF+GIKjjH+UbT+bRrjbBu\n+85WIn9MYq9ARIIybCBCBO80ORtbuvcKymkBbdDAjXo8lW9eukY/KXIgMmPa\nCR5sz5tWGjXh27+jjPJfYHOTwFRXGLzxL0OyuYbjFIhug6dAqPU7Qrw5AnRp\nk4kuQfi6CGrE+NXYaFSQn9HzYIQy3Z703wmfvN/kdMPUhnmuPltmITz3kqnL\nxgw39lILS4Ci4j3b9BpiMNUxc4MO0islv566PvzIFfsjiG2/HP6idKPD/jAe\nvm8P/makL0gpRatHV0GY9Iyx5g6jxjmji+49SD0EtTxX1Fz32B3HNW/2DRu0\nzgcUrBtzFU+uptCE5QFMhd4iOwY2WIBwuSbvOdvjXEAjz+5XZzf9687Vgrws\nnS4zSwJNrU1cEmVC7/TW4w2vWtjhEDa4HQPn3E9Wi86Abe/Je5wcbFR1OWIj\nNxN/\r\n=lsBf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"218eacd6961bf740e059146072cd9e6c710dcdc3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.d3d176ba5.0","@material/feature-targeting":"5.0.0-canary.d3d176ba5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.d3d176ba5.0_1580232544370_0.05345776023868232","host":"s3://npm-registry-packages"}},"5.0.0-canary.32c1df133.0":{"name":"@material/touch-target","version":"5.0.0-canary.32c1df133.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.32c1df133.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7bad23019076f817796f11253e0bbd88f7873bed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.32c1df133.0.tgz","fileCount":12,"integrity":"sha512-KBL1jkC5sTUnXJzuVKNSozOI12/UbmZD19J2+6ANdzlNm049pBtCzfc1n3HXae0b2EBFA1phdmh97GTGBRoePg==","signatures":[{"sig":"MEUCIBtDBlEX/CqZOMMs8MXckLTeCWTmKAiWeDIQYV4+SeoFAiEArNgcQtTEwDFgzh5CppQwVc6HepHPseg71SEE5BvuXs0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMI7ECRA9TVsSAnZWagAAIV4P/jfu9UooZgN7HglMZ9qT\nXnzC0JTzNQ0JRxjc0vOPa8KlcdM1NolAw/iVuHWDlV1j4thqFaZZmop/kWUS\nQzBdAT4T9yGwvRghL3y/5mMWilybrLxv/9G1S6El4rCYmwNA5lCcImJrpAnu\nVKHNxjDYamVDP0661qjIYmwR1FqLnXwPjDoxxe0gBTD7OwuCKXZWVB6uWePk\nW3r8OwA6FsHO5SdpKgooWbpHON5SYfiNaVXkDjRWjVXaD5u9qRE7YA8613ZF\nCJii135RPoFV7fZwPVuk25kBXBEobfhRkQQ/6niiq5/2i48XQM5jZCRuCNi2\nxrP61LgdGwgB3k4xhNQOjzkAmDeVVUduXn35byobtRWSZmHarzs3AS1I9u7K\njECg3op5AYBHLD6HF07dgy90JGZqc0P0SuhqYTif3bpWWiFNbXpmZk8DKRyj\nwVl7Idkfe5U/ehkqwzWpwX+CUhsb2qT+dbdud6PUMQFzzS4dg8TnlIIBk512\nRpZXi6C88EE/tbepQfQd0NJeKstpXlJdqfvCsseGr8zpLUhjOTAB0HG3r1ex\nY7EMIVnJ33zczD9sbZb600iS8prS2geU+7BRAB9of4yDUBAAdsHiAYpCbRV2\n6yPlsMI6aSeA4z2z0YohPD5LJwrIyDcPiNoKCnafv2yjbA09cT06Fnp1OM1n\nNtT4\r\n=HOlw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1f36bc15da25ecb33aaa27693bbcee65c1d56eaa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.32c1df133.0","@material/feature-targeting":"5.0.0-canary.32c1df133.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.32c1df133.0_1580240579553_0.23926571206054903","host":"s3://npm-registry-packages"}},"5.0.0-canary.f3adce86f.0":{"name":"@material/touch-target","version":"5.0.0-canary.f3adce86f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.f3adce86f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c165fb518eb6f98ba9f6b230076e1f928a06b400","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.f3adce86f.0.tgz","fileCount":12,"integrity":"sha512-bAOudE+OWadJ8WZl5VuRKgbKZoEl0S6vGTXPeeK22edu/zJhzaitBxAdcSJvDzWbeKf5NSKfpK/Z3+oRe1SUdQ==","signatures":[{"sig":"MEUCIQCS3F96BbKVIS/hlj3VWtzHuN/s568q7gb7+DE897BCHgIgG9/rh8FBtCzXjMhSzj78DNNrOUijApnYmfZDH61GOQs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMKwsCRA9TVsSAnZWagAAcQ4QAIJgSRda7Rfz0668JLKc\nPV59o6xWY07V9tnEvQuneY6N/aozQDDx+Eom+ZGUwDsF5nky8DtUZZG3HiZR\nIQ10na9oCEKj/Ad4NyDOzx+sSv7czx598ShdCPF+Yld1Y68XS1QENm3ehqst\nia1rewwAEPOGccdwfkUvaAW9RkgKmyjyPNk6uXuWk55NcegPJZWCjDHVk9cI\nwDEOjLVOLJKnc7E73MBnazAThc2xrIBGKsAOh2aJrJRJksTscvLCFUXEjCNs\n0Iu49Jv+ckLGg3Y2a5lEYQw2ywE6E43O/xZ1pOnTLDIZrpVS2miT61lazb5w\nNLA+39vZtir+k6DOpD1o4jCGauSRKoSULaebE8FhR7t0ZPiGLEtMod3b9RbX\nowLmu+Nw+cRQo5KyYHRBaGHKWTDyYJMIXbRj2B9mc8jbIG/pSylySlI/p1NN\nqzbHAR4XSFFxfg4nMNey4P1sQ81/CK76XD/yOEhe0eZrfpqLQRerziFCO/f8\nX5WgQKFuZaDlHn3h3KCTcUV7jHbISaOOa6MDZgEhpoi5/+9veYi5p1MgFlWx\nvBDWuSLKly+F5otszM6c1dsgYoFugmtHHUT/MLVSIOCDzgoMbQL6EPGbWO2X\ni5IOXM/sqcx2FvImwSyPTbHqSCpJbuQb+iW+QIZ448jnBnhhbTUKd5bNw9W6\nSTVq\r\n=KpgQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c352913b9c3e29f7b404b08db88a506e692187d7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.f3adce86f.0","@material/feature-targeting":"5.0.0-canary.f3adce86f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.f3adce86f.0_1580248108412_0.1992134836925512","host":"s3://npm-registry-packages"}},"5.0.0-canary.a4423f890.0":{"name":"@material/touch-target","version":"5.0.0-canary.a4423f890.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.a4423f890.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb4790851216cd3df982a7bf3607c47f8fe8cddf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.a4423f890.0.tgz","fileCount":12,"integrity":"sha512-mnaWNcKj7sqODhCnLmS5R7iv+EhIuLnS1QyCeBq1dfHjI7wQUp0O7cXaAeMBGarUfwI/7wHRS5TYeHWr14udFQ==","signatures":[{"sig":"MEUCIDWr63Mbj/PVYXQYWzKcHdhR+9L6HQrWeIL+CRhWftcJAiEAxpxd6SD1QPs87QmCizG0/KfJGXL2M6DdLNJ9jBCe/rE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMfRzCRA9TVsSAnZWagAAA+AQAI8J0qeItTGiCAiRy8of\nz/ALyzpXbNsZTZLKcXKdSJzBx2wwMPgFozbQl5tzVXvqO76xAsKoFJEaFMaj\nMELtzvAjjqDPf2XgUUz6OaK6Xvxj6zgaB3IHYqvA/7V2v6Kz1DhYPY3NwPhx\np2QWaWl5NrU17/TY4O3wRBNzll7okhzjC/V8rR/K7M7u2Ci72yLvjIqgU4Ep\nzu6AVN6ghtK/+MFkCroNX9Si518XtvMDePeQNOpIznACzA1cF6rG8BkLbJXy\nkJewLKuVlaA/YK0To6Rq57Z4Ho4XNADdBceF5L6ntXFsmrFelXqkvK4eAJTF\nmwcN3BgZMGyaX+kksNxeOGmGnI1+RpNk2LMAAXk8xc5252TwKtG+4bO8DbUP\nd5yeulPP1zUVzPFW0hnWsqP+Dv8085+7t4pw5tFxUTAPFkmBiDJkw5gmIVKN\nAa9mV/ZuRdWwUWpTxkESE45zS5Hwjdm32GEvgOu8L73M5F+tzqcw5kpykU7b\nKT2WbVATd5UThDXLRYTwV11AaP8hTGyYHpyVr04zagLkft7KxFdw4G8N6M7J\njOJa+srgPoakJa+vemrQBGd8iJt54mM770A47W8m7yxMSVxBPLiMXkQW17LC\n6k0DQqOLcp7hij0nyFDz6tSLUgt/FoXZUZ2Jy0lJ+WBL56dxb+3eEUvEJWpb\nIpdF\r\n=Mfm0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"981df6741191636b0a527b318fe896f47f74cc0d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.a4423f890.0","@material/feature-targeting":"5.0.0-canary.a4423f890.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.a4423f890.0_1580332146686_0.8963973448521922","host":"s3://npm-registry-packages"}},"5.0.0-canary.9351f167d.0":{"name":"@material/touch-target","version":"5.0.0-canary.9351f167d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.9351f167d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d16259989193e9e108204c357be10c4e2738c5f2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.9351f167d.0.tgz","fileCount":12,"integrity":"sha512-jobIEUEIYUjcjKxzHzoDriB18cVp68PlXJk0iIq4o07kW+gxhmHbFUnxFAgPgX6IQZ2HmWPY8lU/wgiTgFpEZw==","signatures":[{"sig":"MEUCIDrVuKa7Py9cyW3K3t7JeZKyueAtLlxc6wWpTIexo+xdAiEAlKvY+apkNYR9mavgTtPsEUvlGBKxGHA5pqCe/8gn4QE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMf8/CRA9TVsSAnZWagAAOVMP/j1WhMfexlnPLjlE4lSE\nsizY8grcRUO+CeTNQPMZNUX3MBLNPuzWR1y8d6VimGbkNOM/nC/ekdtSJ6wi\n4EJcx2jeWcNon4aguiaVeuimtkfy4pL+yc3UxYRgHeSCHryZEoJyrUIZogCk\ns1WRb3bxwUsEBRLum+leyMQnnQdMOonDGfyfQv7Rb67IljUElPvMEpOgEKey\no9/lLzmpMBP71/TAVLvjeP9TOBMrLlQG66SVq4VGUMoVj/F3EzABe44bgwfk\nDEuDHUSujlmfJdFy0NGfpbWAXX1PDs8l95u1rSY81A28Gr3AELwzkQdCds2S\nBBtcyapk6gG/7O0uGxF5GA6Hzx/4zC5dMceSXEyiJlyXzs/xCL4VeWXpoxL6\nBgmed/jB4D/HUOOsipnU9EOgE0c6PSzKqUTzYm9mUFIo5N0EShb/X4OdXOsa\nrXbAj2L/DBHh+ELR2cSVfqOk8DTuOha8wMLsnjLjYBAwZEMUnXbGOB7o/30W\ngNJrXn5aKD2TAeiAnGdCH+EmJITuy7TAa9Eqvv7XLA43WVMyk4+zyw08e++M\nybxG0ZCWdHsaMoVWaeuPLtyPcdDduFkCUki2K7Zskg/xM9OhWPrqFudC/osq\nJIjfim0jq6miD/drWT1BdaAxqnjTJDs2wFfGP5sNT4jQcdQi1wZKAgKxGqJw\nFdjg\r\n=ZGJl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6c1a50ef6adf8852f326e285227923411e60a63b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.9351f167d.0","@material/feature-targeting":"5.0.0-canary.9351f167d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.9351f167d.0_1580334911320_0.18670662423068451","host":"s3://npm-registry-packages"}},"5.0.0-canary.29b89dbc1.0":{"name":"@material/touch-target","version":"5.0.0-canary.29b89dbc1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.29b89dbc1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8bf0117ff582a18e020117df1960672de5aac8a6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.29b89dbc1.0.tgz","fileCount":12,"integrity":"sha512-dbY9UOJTcxkyPjMjxG+xL0CQf5Z0s1k0UO7NSKuQ7RFkhSmwWrAYQSztwqONc/N49u9u+a3rcDwCcLBrZmmTEA==","signatures":[{"sig":"MEQCIByEnoFGxVe7klgfSKPFPo4cq/pNpRmaPthrUAflG7JrAiBHKkOuXrcVC5k5Nbewd4IXfzKCl++FucSP0ITxjBKgwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMgQ6CRA9TVsSAnZWagAAuycP/idd75lGw9jndjKomUPT\nBu688b5f+Bmw1yfmJ23jDo7u8WugoNHtYcnlTtEeWsJ3YnnAaMONwTuKQ3Cr\nCP4eCE/c7y8urxXgQx+9viZENoLkK8SCremo+a8KjeVuz2POcmAyxvfC9xQx\nOY/ipOq3FuUae0yKv05hDg06Uyk1VUxvXrunptzjohg9CoVkOfBC6GzUSshJ\nAHNJHPEQreIKl4AKWf2NtU1xAEWF8PDPsVFi5IXbx+TW5hVnDVIyCmDSt4il\nPQJEc2v6VaxnWQNhE1xWH9+3n93xdgaAZJDDwBA4sB9am+OR1uFO5O1NVw5D\nmPXpVBpVALv054eZBryQyuPVmgr/amRFEL3OivI/KIT8vCydAT2Pqta4BI0g\nY5swIE6ZKOUpSrjKrKTmSwuLfn+YZsPugGNKH8VGEIlmQXQWvA1jDl80VYfi\nfrxxdJrgZOOrNqoBR/lK0zxLVvywSzh3xdspJKw4yt3wBlMTmJwo6du4LpPj\nu2WsX9br1LudvBdSFx7+DRY6AaWjoikldXqQ5gDbabkneUbXQo0aThDRVGE6\nqIToQNSPzYsql4bO8qOwprgsFZ2usRKJMZfQPUEC0FvCRMmOf5lstfIFNRqf\ng+B3CZUN+P+au2ZhEQRILt0UvRz4BI14v5y+gJFgxmY/ZKxMmJwPT/8lUexF\no/A5\r\n=KadT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"662c3c36b5ac6bb47c841a10193f2c717bf9ca86","_npmUser":{"name":"anonymous","email":"prodee@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@material/base":"5.0.0-canary.29b89dbc1.0","@material/feature-targeting":"5.0.0-canary.29b89dbc1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.29b89dbc1.0_1580336185725_0.012709009528973025","host":"s3://npm-registry-packages"}},"5.0.0-canary.45985457b.0":{"name":"@material/touch-target","version":"5.0.0-canary.45985457b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.45985457b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71de48b762e6bc50036ec34adbd50d1c423c9d79","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.45985457b.0.tgz","fileCount":12,"integrity":"sha512-JtfcW/Fm5GZ0H1wXdK5Ks8Jj2XIw5GyKUr5EHrGrYr6RUpkR3C5tqjqMeDneo8UV+dLrGKuShoem7+YzcSYJVA==","signatures":[{"sig":"MEUCIQDh9+YYhrcKNzQn5NK1gEtNCmy/Kc7W/bnHRJMejEBKKQIgZcdSXVn7EeqnsWdixRgx3/60eOGb/IsezQ75jWbg4J0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMhYJCRA9TVsSAnZWagAABqoP/114GbgMQFL8S0FYf10h\nulVYPIxWHPdmb8h/RLBG/N7HZeOFx3eWVJ/u5gJDY4Psva62VnAm3pxs3Et3\nUfS8IExsw+ky75lO5B5e6VAT+nNkz7YLJ29WEYqKFPLWYIa54GBZ86x+BUdP\n7UEBY6ZMM/lYfkA+3ds09w2eP0HNxrR0FNL8u3ZP0TclV46U4pX1XFzWPQaN\niH/+zg3fJN96UpYYPPkBBnW4nMDOD2A+YYbZT11+rwqJ5okLZ/PU2lgdEKdq\noGNJB8gpqFAmNz7+Jp/QVNYCh+O8Wa0vDS7lDL39fWnJvoIT+uwb1CVo+CgU\ndq5MpCsinnqMjVY61k6XfmbTKOych9Lfsgb/wMqR7YMVLxc54qV/Chb8Z2Q0\nCbxPQXDhoMfVsgyxcgKcmXr4SmItmsc2LdbLt+vlTVkxSr5Os9iGMSvA60kI\nxSbxS6DPMEwNXny3loG3CmvM8c77KUDZ327xxajmkE+ITOmVMtRKOcNTF/Si\n/l6bsXLW6EsxoseF3Ao/hfK42XogWUXro9mCU5OKPU63DbIckPItx0y1b7pr\n3pyHPR5ykeRkMXwI8HrL7kYVkuqnZsQdSAAX0qvxYbCUlkt4KcphCuCM21QS\nQr6mQjQrm0RBwLRoGMBVLmu5mrvRp9Nqb/Ik1t3a9fzykrTkNmBAiDOlSbo2\n9Y3/\r\n=ujkg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bfd13ab23e42c09d1390ffc6d7cf1caf1a237485","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.45985457b.0","@material/feature-targeting":"5.0.0-canary.45985457b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.45985457b.0_1580340745155_0.3517776878977348","host":"s3://npm-registry-packages"}},"5.0.0-canary.a1a0deb3e.0":{"name":"@material/touch-target","version":"5.0.0-canary.a1a0deb3e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.a1a0deb3e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4595f13186f41bcc7d10868e1ff3541743f57feb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.a1a0deb3e.0.tgz","fileCount":12,"integrity":"sha512-Tu3e7OR1F2jSrgrWSGwhJpI0ICn2T8dJcSNYEWPaYbo2iULsi4HKIfDivCZys0jVAwGQVV6xmwVhLB5hPZq7Ag==","signatures":[{"sig":"MEUCIQCbI4B8Z6ti7oEvNqIZp04j+u4GAoAJl5HYoPcM1BgxWQIgBygrUF+OFA9qYi5TmvsGdrzBKe9PIRTPIs6QZ679mvE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMxQwCRA9TVsSAnZWagAAbuAP/RNiBDFBG06ZAqvFQhSO\neDw5rJyi/JZY7KE80utmZmvTefQrCPLcJnRRHmL1oz3cRkLvqZ3DYRZMGvfE\n6arJbPmLl72g0Wd8tHlF2ry5qBdVNxQxY3l9zhzqSzL8Iuw/Nd2GzoAr1ZEq\nUmC2ttP16exyoHojguE8yTIbTgWjcpQCp0asE+1jA1fLYqQc1DlnbbZ7xd4d\nz3Po+CG8PhFE97DmwJioW3JK1yG4/zNmztiKMjU1K9s+U7q0RRDVO72ODBh/\n7P32dQm7Gm8EAZPryPc+n8T9RECjErudc9ulLjDPyUeb4BHDw8QabDIijErl\nGd7uXDfaSZ5PgPhbXV7qr2wd6K9hdar20LZfJhkP9HwNC4asWoUqEXvv775k\no2btfhk8Antm/NWlIPX5R/Mal6/CNl5uNcngq07DiAdtpocvZ6yRkTOECmds\n9hqsg/SRuJm+Pl1XCQLnbuNp6hVsiYA/v46T0boNTGj8gZhHg0MnTCZuPgYt\np1xZy6iEgffugVVT/FX5gznkKDK089vQ+DklY1D/HFv1EUZO5h9FKaGTFCD9\nPhhsus611hcj457CTxvLY1eDwMW+RGw7K9qBXeabS+DGVohJ+iJ1kdTSnlpE\nNurhT/8isSG7LeQQ2Vuep4t/5LB4lItwQvJISytXT/YyUVw8wr8pCofH271K\n8RxM\r\n=Entr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"515cdf56b0195423f7134244b26cd7999b647d68","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.a1a0deb3e.0","@material/feature-targeting":"5.0.0-canary.a1a0deb3e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.a1a0deb3e.0_1580405808405_0.6250868964920027","host":"s3://npm-registry-packages"}},"5.0.0-canary.181486643.0":{"name":"@material/touch-target","version":"5.0.0-canary.181486643.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.181486643.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b77d950b7c07596d3fc10891fdb8bb84151c262b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.181486643.0.tgz","fileCount":13,"integrity":"sha512-P5n3svsFgvnKMrqEJ6v0NUn5uok5btOVRyfC0ToyoRRzoBPVxrfzNDfdUrn2WB3QVBaKgLKUS9wHbrkttIyvdQ==","signatures":[{"sig":"MEYCIQCOEZIfHdaRxfNNEVv9rbGdniY2+FeimY/jpZVo6AoUxgIhAJC8qq2hCL87MHipkLcHbsbN+S3/V5Ui/dKui+N46GQc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeM0LJCRA9TVsSAnZWagAAhZEP/2vAFS/pMA5cR9o0Pc5O\ntVY9j/Y4YTHl13aEn+20yz62l4AdnfLhdF/c0isvFSItLiL55rlE1fnc80Br\nHUVoFeHZey126Hf3r5bFvQBGovuiR3UH2sPJy39ppdXDaFeERawAz+5pglzR\n1HCEGza9mnJA10bn6MONKj4t3G3evjI3/B+snh43m+sBER+FhjHaLvNorw1q\nNFzBeC3bkEgjwFXDY0BKIEGUIGcpGBkF2sX8IWTLcnYgg6z6BIpy+rASHggp\njyxK87fnnzfYoRWq6gP8vQcS/dL4dKKHVj0cBH+V7hEAi5I3mbe/nEYBzXPs\nYxFOtcRX7+eV53VDAX+o92k0l08FRuWkhZV6vhjq1/DqRW9NMwm+3dIteRTn\nOTwwfubGLRwRfAIblxcH54ORiHRwFEd1YeO7WLsT4C2XfERutVquwQFX0SFh\nHwcEfaee+X5xB94xGjHtNqWRd05NsVYywj8luU+Q+nXE/G83JZ6xHYODWW9P\n8kR3Cjo1sx0SGcbfA0XVzXscXtyYNrs2FL3Twd3QXrMInb3C0uS5zLXw8nqW\nzFvLKPYM0c/vFp4XjQ/Vx5N128Imhk3A4CquP5XEjcC9d8+ySUy2sZiqgArD\n5oLt/10Mk6kb/PtMHfNjzDvbEzn54bgFmI5/huj5aqHu0dO0KpYPT09yu520\n4jMy\r\n=plbd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8f29e2225089ac3fbbbbf9e1a64e9773ce276236","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.181486643.0","@material/feature-targeting":"5.0.0-canary.181486643.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.181486643.0_1580417731172_0.5656928128031995","host":"s3://npm-registry-packages"}},"5.0.0-canary.3a85313ac.0":{"name":"@material/touch-target","version":"5.0.0-canary.3a85313ac.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.3a85313ac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d25d37a0d3e0677a34283df230a215871a11e55a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.3a85313ac.0.tgz","fileCount":13,"integrity":"sha512-Xcj5KOCRnb2Mn2GE2rBLhBpnMywWrXEZ/g1e2qiq1scQ+YUt/ZIRlM1qscNf/6U9f0nfcb6iFC/W4K2/0vImaw==","signatures":[{"sig":"MEUCIQDVrUNS5MfuK1W8RhQZYdTSWvDQy5vjdS8/6hO1bHDKDwIgIAfpEwcf6XJG4Mynp5E2VQI5rZxy+8zZwtcLatb3Z9w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNFRWCRA9TVsSAnZWagAAYFQP/ice8eQQbytK5AiaB8u4\nR1USxHT+8+M63qJVCpNdEvH3d8cvKLmFc8PFky7gTSyy+zcSiVxFDE1d+u6c\ncJVBbRE4PQpl0s30eeX9++lrCqA24bSECUS5Csh0tYFiiA98ZzY/U/Ur9ybL\nUPn1WYlcaZeNYe2jGtmJL/iWhBSVnao+zVSVSXfBN1qmAutsRKgQ9xk0lpXu\nwFw/pATtnFXURYztQLRb82k1BITXpS3U6fyz20dLBNMIDGflslWKQZ6j/2qb\n22NEtTn2ZFeumUPqfdX/V6B2lPCviluf0Ve/WguIEGQ0SzpIaFIkCffcK8k4\nFqEhlPbxGkGEY2saWID8XGnyMokp2C0beicXx6toKvL1R62GsyJwVMNFJEkr\nrbZJ/OJjXVoK9rTF9UnMuvNwCIwLmPcmdm/HKUHcJLF6308OFg+z0blpPqKm\npusNA1WTKiaAQScGkuWJt+Oz4A3KaP09jbQV19KjDluyeZxYl/R7UzbP0NUO\n96gQ+EnNE01GCog0d9QTF2z4vhN/hWEtH5OGa4jTxmxNc4E3T6JqCfHQRQtJ\ntIL2eR/YDHku1F9PTKqqAE7DuIuMNP9uzxGn9uj/HKsQ5Vit1+B5LxD+rAXD\n+l9UkKC3P3J0mkY5KKr7/yb/f4YHg9SGB7VD4x3E0fOp3Jb3h/JIevRBdMJs\nMmXU\r\n=JBAs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a37832202a98646a817d62c20ce70cd38f089d31","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.3a85313ac.0","@material/feature-targeting":"5.0.0-canary.3a85313ac.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.3a85313ac.0_1580487765659_0.6310249358698168","host":"s3://npm-registry-packages"}},"5.0.0-canary.b6c7f624b.0":{"name":"@material/touch-target","version":"5.0.0-canary.b6c7f624b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b6c7f624b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ded66e82c0c8de3ac31b7f8e68070159b5920ea5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b6c7f624b.0.tgz","fileCount":13,"integrity":"sha512-rNY3sQWnPSUve5QwQ4slAiZTra96ztrsmgwZUP/8NjVcSrB84xuRiVFQqdq8zxBgVKh+z7uQv8t+cI6NvrAUUA==","signatures":[{"sig":"MEYCIQC7FXZhDRKb0bp9ZycAD9tLgJ7O+w9q1Tm/e3dgJe+KpQIhAIjQ9IyZguz9HZeCHd7HXwV0NLuBgzJ1SjcL7iSsyWIV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNF2sCRA9TVsSAnZWagAAVLsP/RNk0PB5LO1VnfGYV6L1\npuV7MhMoHCtocdZ9ojH2TcW5TLspe+ZTuU24Awu3n+8I1FuUdNryriAUJTpD\ns8MjPiBN0H2EatWhMDvXJWcQIDXZct1wDqkcl/6QstvRbtIT3aOVW5d1olkS\ni2//TEcMpN7uVwNuf5km9a1ughZegTeO9RoPlzL7GzGXUvQF4i7UHzlDPS5s\nYDeUKmdot1h1BfA5zRbyzY2DwXg+3XiknHbiqG52o8UwayJWtAzhhmoD7Lvk\nTSMtRdLcsGBlO/1ipIe3IVmGUEvVqJdLk/1AGbhEOn3wjAeaoPgd7QTY6gJt\nnfZwsElDW0ATgzmmsnkqCuFeiEE2SOZj5a9lE1QifArjtomyuT/aBRvVxUxW\n9+Cx9J6R4wETkJRxkEeThL1e8TBnMJO8MQO69tpBduZ0RLnUrTniHt1yhAVW\nNlZ6x2dcp/orm5MxD6wGtJdwKal6tyEyX/c22njS5iSpoDALoBCSNi2DVQHG\nGaVYu70Hb1OWYwmzZaK/BAszHCth/AIminAJ+bJ60YWi1NYkaqUE6W5r5xCP\nP9Tx3eZP5tQo46/Py/Mo8vD89N0ULlnriSQnWX0XeIJUX01zJbZzNVMlg3gw\nCruf1/AFTOs/26WLO5brvXpgLrUH1z5WJBZuMnCU57kUeo6o2a5bD2hKj9eN\nx8EP\r\n=IYSd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"eb607bfa0326630c63037143dc919ac8ec5c3636","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.b6c7f624b.0","@material/feature-targeting":"5.0.0-canary.b6c7f624b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b6c7f624b.0_1580490155834_0.48075560911227644","host":"s3://npm-registry-packages"}},"5.0.0-canary.b3f70ebde.0":{"name":"@material/touch-target","version":"5.0.0-canary.b3f70ebde.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b3f70ebde.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b4cd991eabe580e2b7a1162610c8ba05c72dadda","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b3f70ebde.0.tgz","fileCount":13,"integrity":"sha512-i2ewezBxbKKfy2Mw26UkjvTQ78Hh+UufxnFG4JZc6MQi6Sz+YF0wAerb72/l6gmRn/21VnbjtQ1YRYLXiEM3XQ==","signatures":[{"sig":"MEUCIQCkc6uMDDPshZ+Xp23YT5OiKhot+6zoFdxPHNkNhDCo5gIgVE2m7f3z4SjECsRSpqg9mui3UDt+U7K+RreRK3emnM4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNImICRA9TVsSAnZWagAAeC0P/1iyKKcEHfZRwds2ceyo\n+xX2Py3Ak1IKq+ATDv9PgchzGjcmdzWaYXqeKqPtjPqxbX2qudofYTTojitT\nrunFtz92M9iNfMy2XpKSOlSlesvJqS0ZEWBINUFps/nMsCs7e8b8sHwNSwZW\nVCl5OAOSKrExDULnkXfkNPnet39PT6wc1mss0qIwUKyxo+prcMrvjltgZYsf\nxz+qUUpsLH0tDRyLxKvm6qrIf1nK/o0e90xmY9wRCLwU1Mr6v2Vk8gDPOMeP\ndwRK0ZxCyk4YiFi9l+Tp6ctSFsM1BsRkSTRqaC0RXAl19A0lB1ktFfaTDtcu\nZmXWrZajgfRB64hPvO5oHycHqu1sRJMiE8UeuDl2gufCKMO51HmbkkXOVbpW\nDYcTJ5c/iez8RM5bxum8zyaz8vfTv7ce/Vsgrb5/iUZqPykMjSPE1WVTqPSb\nP2hzo7Gr42TzrU0WRRED3FB5/OHoa+UIwm/dosu8MoYWWl0jh9Edl4fKW0d4\nsAYrY0IBjpcDjtP40EHSrosjPVVGhDB9DrKLOeTmpdpmfHcE/gjP7jDB46Ru\ncr9syMcY1u5BXjnVoEAw3TFi6O6T2DtssQUIIqCsj8U0iLQwRTN2MZDbRFO1\no7ELeG7FSlrJprGmkVu45EtE2c3/Vl3O60Aj4scyepWbysE3FEAb4C4U6A4j\nTt8B\r\n=7xTl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"00a0473670032b0ea60db83e614385e1e3166dc8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.b3f70ebde.0","@material/feature-targeting":"5.0.0-canary.b3f70ebde.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b3f70ebde.0_1580501384123_0.3652692508761215","host":"s3://npm-registry-packages"}},"5.0.0-canary.3e782d8f8.0":{"name":"@material/touch-target","version":"5.0.0-canary.3e782d8f8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.3e782d8f8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b8df048850cb6dd32f8b83164de3abc3dffca39","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.3e782d8f8.0.tgz","fileCount":13,"integrity":"sha512-mQyCX1GmvwjPMBU2a6bStsTB49BcgNj1+5GfqNKXxQsaV88ZoK5Vj8VSm1W1Wpd7VgprndD5vbr85+x1tGUmYQ==","signatures":[{"sig":"MEUCID5dPFS2BcohspSCIanDyyVM03fTeKjA5ELaMexwtqZfAiEA/Ow5Vt1oP3V3vs76wurxXbVyXbnvzgxFQpLZI3BtDQE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNiH1CRA9TVsSAnZWagAAhlsP/2H1BQrGrrotFYqRHfcw\nMM0SuVqkApJdb/YWgGSp3LM/+gr8dM1x9V8fR2DHbBxbsdK5bnvGuYnDc6sH\nB/W09/VlZACVDnZNufrZtNuR5+JQGpjfRKbQE7GTkQui90FknQushCzcvSN5\nEbsDkuECRvArmQwJTfdqLWK8CIYJN4AsUCBZJjoxI3mBoWyS7QYNmvlOOAPe\nJT66ctPvpmV9ibFB8DRrLi5ID4UJsMB35XlgqYyHniLi3ufQzb7l0kn9yDUz\nQJQKgT/LubCWoXQkSE3MuNjQDfELp+AwYJy+LTObngSEEQnukBtHUCKvHFEx\n2n8/0rt9GYs7dlE60/UeV1Q5rAvSF1YNWysEiCLSTKeVnoxaeKGaJDaaQsaj\neVTGDvTBVS0lXh8XmaGJmhSl1psjBrhBzGc7U/tS/iL3NhHg2AiV0m0HCYNM\n4Q89yX0FFEggbpznyY1nOOv4JRHsY0WCpd+LJXvnvEU7bkO+Jn+Lek45Qofg\nk+dmn/YhkODf6rMvgH66lfVrg5qBWDXPy5nXjpc1r3E3UXn2PhEwS3LXGxPL\n10X7hJjJJ/669/IHIAwHvieFaHTQI/w9Dqf0dHFSxnsrd4XHNjU0dFdwX8D8\nGj0rfMqbH7My2jrVxas92xabkE8QzbRVsIzEoqjsT1gPMxsImnenyt9l17Gv\nM0oD\r\n=tY63\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8aae1fd4299832f77f4d1d51398e5b28ed5af5a1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.3e782d8f8.0","@material/feature-targeting":"5.0.0-canary.3e782d8f8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.3e782d8f8.0_1580605940557_0.7323192789662116","host":"s3://npm-registry-packages"}},"5.0.0-canary.535398572.0":{"name":"@material/touch-target","version":"5.0.0-canary.535398572.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.535398572.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d4a61ec2694662fe54f10c3727d48a475c7afea1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.535398572.0.tgz","fileCount":13,"integrity":"sha512-F5h2HORd6Jhy54ukV/L6xEW7VsenGGoHCkrin3CKUvYG1UlwdiUOACzoLc26QvYv4DI8KcJqLfgJlC0V0Dg8sA==","signatures":[{"sig":"MEQCIEd3ITzbux2+Zfw7Lu2W6HoSvmyuuOLljnkiv9n4IMqgAiAdv9DH7Cs+3qYC+yimjQb89kwyaSWIpadgdKXJDVjnUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOGJtCRA9TVsSAnZWagAAdnEP/RTuRRBihw2Uw0rpLyqY\nElBDyEgBtcbm2a/L3gTXcdlrewWSJsxSPNImOX9fT/gMOkRT7bfDiUtUGzvL\nyfXdwX/izxAn5/Tm2n6SnLIM+p+fiNJHpIm9qsEtXhrFpR4auXvO/XcQUXC2\nb+pznVJbdLOYYLEZLry6z9wkPZzd0rw2sCYtoPfPbecyLJRyejl7EbGm1lNG\nqw6YJXBWwAE1a+imSjgaIEUt9XnOSGURQcA3wheTjiMiNfjYDv468kU9TF7b\nhByIXjdwP+LSZRK4qWljLw6FIRRQEDlfjvtnbrJwc81XAysSMrpEu+LDuXHj\nBqGNm6h0Pf1+1JCthoeD1XFoUwufFZ8Pc/Lm0TdVr50AwfDp5N4Vh/UkGLEn\nRsXAdKCTJxHcIAjQhijXrv64hWyi15+aJ2eowFGhcxcopKm0lRkl6+V1yUWC\n4ub2nwuaiMA2FQvN+Dhag+IbPCMxmGo5ZI8K0tJBpMeusp7YhLM3PA/4fxz8\nt+hh4f++q6nThD4cH3h+Zjlx8s8Kjvb/S7shUoCxUHfBYEVLcF0005ma8Why\nfirf+5RSVC3oBo+S1PA7/wpNDfMIEbqnerQbJSd249F1hWO3t6pEcNE61nnG\nx0LLgMRmmB2+xjl0+lt5FFrt/wPT9Smz30lpVyWifEU9pyep5KqjJced9Ixb\nZLbC\r\n=0nX5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7f68038e23db60e7b4c44c1b17a6a82329805553","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.535398572.0","@material/feature-targeting":"5.0.0-canary.535398572.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.535398572.0_1580753517060_0.7510692495845979","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ff33802c.0":{"name":"@material/touch-target","version":"5.0.0-canary.5ff33802c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.5ff33802c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"84d899781f519ec35161bab106eae7439954bea2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.5ff33802c.0.tgz","fileCount":13,"integrity":"sha512-Yfne7EvaAH6idKVkNfKA4RuNm6C9XmNiYMk2RpqH2As56IRaWNpXYGIXmfavMsjURCDlu8i/4ZPrPuFHDkvkWQ==","signatures":[{"sig":"MEUCIBths+/s/OblVL83DSVbcL2xrGxXTCAr+tEoN1mVj8i2AiEAo5IXdJXtUmK8Mw0MKuLLXZ2yWKNcPIZ30r810gNPPAQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeObHsCRA9TVsSAnZWagAAa30QAJi5kGZ8mxDfNSuJ1Thd\nOnbY1EGGGD6H3kFKD3/UURL6TotXXiO8JfDeyoO6xE5kOgZhsUYbOaX8x/AR\n6XVmmOVLCAM+BLL+Lqsh+AphAXLYfXDXL7mq6SGcY/UyckVMK4ACDoxr3iSY\nwHF+/NP3dWXiGmY5W/rYLEPnvfoMiBiCv24Y95AdQpIBu9RRwPBrAPzMwbpH\n9DgANHXatkxzh+uGKAsOinKSo2bPUQBK2fCUex/fIAhEqccRvaM+zpWBWRE+\nP6+EF9dr4867KkyXPG/JST0RVWeSs5WmSvebBnYMa2cBzpSSjdcHw1tgTtzm\nA2jpbiarwKwRdcHP5jw2k3EZGb5rogXcqtkTBHS+clOBAX7jFwdXacGyob5e\nfKcmrZvs50ngWhdUHW2RMAMax0S70qkrStfNcEloPcfaH8rN8xciJttirurH\nPsYdmejCOT8PA3sIZ8SPh4GpXgSyLDI8vq+hL8BzgisTQcgVJXrpf8Wr/a5L\n2aC5TOUy4Szdaca3erPil2y3ZDf6KViLr28+LGSMCW6PAlZwvXVnhVL3q1lI\nzOV+FJCVDirCnyp+L9scv8GTkU143vBZyj88SP5g9llrPl9CvPdAujzmmkIl\nM8Dsms4R6KvvkmcUTT9s/0TVeDSzK8ZFLZRqZIVifuS62vmEG4YmgvyxQQHf\nDR3Z\r\n=WJuq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"61246014f77c40c0d6594f32e40f4ce98d8f7c8a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.5ff33802c.0","@material/feature-targeting":"5.0.0-canary.5ff33802c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.5ff33802c.0_1580839404453_0.31775768538282856","host":"s3://npm-registry-packages"}},"5.0.0-canary.1eb29491c.0":{"name":"@material/touch-target","version":"5.0.0-canary.1eb29491c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.1eb29491c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1de7ebc2ff2d5a624fccffe12bfe6a1f7b7cb53e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.1eb29491c.0.tgz","fileCount":13,"integrity":"sha512-vYg3KSEmPakjm5dbiGneQFDYmemhzKJkFLCjGif/xxSaGX+C/EFM8hWIX4gHSrRrGnkHXQpzw7gyVhmEhJJz6w==","signatures":[{"sig":"MEQCIFhU6cuXE3xxqwNQ025mtOjLXFnHHPQen78eg1FFqzX5AiAqOY7PJ2wUwiewaZNUoaea3DiR+dmuyXGxpPjJmkFe5w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOdtPCRA9TVsSAnZWagAAGh4P/A0Muo1HVjGkubLD1tzs\nZSDn5CsC8MX90ihBkGoDCZX/kdGcyeKBbNTjyPkBP9s7/UTfvK+iqRNzmnc8\ntBUv7y+8M37n+DgbqEAieye53S12UaeMze36Y6mfyZCdudoxSPw7vWU9W4Hx\nHWrcU9HI/CAN1NuwWrV57FsjqJpO0qAeXHLym910LQrML7XyLuZnjB23cJKP\n8SB200bguE8TEHHqpf8VQjgbMPVXzluHtLms2ehWDvnrrd7eYoQYV1Pk32C/\nPU8Eb5pZ6gp74qlghp3Tex1cd5w36uB0Xgl31KZtJad2Fd5Kh8IW3lC7r3Ou\nC9l2JLIzH5E2wA1WFSdyZ7gmwqJFqSekLXb3Z5iJwG/F6fNa1TOQwkjRr8Wd\nizcV6qrNjdLLwX+CT4J2xu1k1Pb9nvGwuZG8gjanhPiWX9g/HlwYkmVoqG7C\noBCiwhNJfyqRAw9k7okzGuN7bX8F06zvWuVi24A7dswj+ibBj48d9F2zUo0Y\nyjc474YMA6uk9IHRgv0A4k+OLc5vDbFG79shCoVhV4b0XKGLihdUCixpOMC4\n/+dJj4rY6h0vCDItKq2CSiC9l15zZY7AytSGgPBI5/dSimHApRcBBG7rgf0c\n6pSVhJgdK7yms0C0FEvLx6E3UzXcQ1SWhNVg1xl4uZ7V46VQuKt2l/S6+POF\nS5Lv\r\n=KrfP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"689b043c66790b1c63b5d2037a1ed800248443d1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.1eb29491c.0","@material/feature-targeting":"5.0.0-canary.1eb29491c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.1eb29491c.0_1580849999423_0.26621553098991235","host":"s3://npm-registry-packages"}},"5.0.0-canary.4c7154b26.0":{"name":"@material/touch-target","version":"5.0.0-canary.4c7154b26.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.4c7154b26.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f0074fbd0b188a37a16a4a4d0ac040403b897091","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.4c7154b26.0.tgz","fileCount":13,"integrity":"sha512-ApZ7MI38wypAm2lPG41Js50+poBLJPlS2XJDaeqExUIcmeOcY8iF4eGAbqu3FTtPSw8LB4ES5Pz7LvIyY8VY/g==","signatures":[{"sig":"MEYCIQCPO3KUt5YRUglxi+ENDzeNYspHbwAI2BZmFpmFsGyImQIhAObr8RXRrp7+/B2K4Z7hcCR+okltR4I1pWdP+qghY2FL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOucLCRA9TVsSAnZWagAANwUP/2HX9HPxio6aBjLwvOBn\nPFFOMxvJax2wXG39rzH77qWOTu37cF+ktdGD+N4fG6dereGibfd3tlkq9yx+\nBEJGrALRxgYoWPHZPmSXrciTEFgSOSfBBDJYWZb8FNiz7B2IayeNtAc3QvcV\n/L6JQqGf2qfhlDmEJAx7VCYsKjL8o+SOXoXklsUF2HEDh0h66/WGdyCqaIm8\nHXCBGnR+sqUN5UbIBuHBEDeF5YycDmPoGEljXdy6VfoLIKIpMbbzDA1nRPLv\n/yjkLhBH4oIFehtFHt7OBAIeI2PARyMlcqqQ73iL1zdiQmTDs2/AyCgZnhrr\nfYQ1iJ3Wpm8VSSX9KO2fDN+hiMXsSKIW5qP3/WYmk5ZxdzupunFXi6YtWvKO\nzs3W21dB9nIcnhP2/9eOTWUgArvxTnahcx2LIcWaik6zMrNNwI/zku4aVkD/\nB0apt4KB/AMRvh7uXnWLQ+I60B494SssA2uH/c1gJ6dOaBJT47enqYE7NJuh\nr/I5qN9IdCHG9fJGxShQmRCG3YfdcouhAjgkgkf5a00tRlN5d7axlx6dNDux\nUMeY1TC9Gc+19dwP80gBPq1h7pNQyyIEyY7KqlpaGy7Aihp/8v4fyecHrQOG\n/iwnLutMSSHiGE8Ds/46DtwdzPH0Wav/t9AJeLKJCrglRcZ4ha9mT78lUWq8\n6KQ0\r\n=qLmI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e15f799c180f6eb07455eb8d644b93db93df5402","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.4c7154b26.0","@material/feature-targeting":"5.0.0-canary.4c7154b26.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.4c7154b26.0_1580918538736_0.3555092725271829","host":"s3://npm-registry-packages"}},"5.0.0-canary.ab5f49a2c.0":{"name":"@material/touch-target","version":"5.0.0-canary.ab5f49a2c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.ab5f49a2c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4ff521c438e9c6fffc757d4f3a661c449960de0d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.ab5f49a2c.0.tgz","fileCount":13,"integrity":"sha512-FAib5PJgpC5KFClXMkhEqMLx34//JmaMX69pr+KfH0k4VMfE0s1qyOyjsqK92sSpWTdc5rTqyS4Ba9Bpuxdvfw==","signatures":[{"sig":"MEUCIQChXlNMRUZu09uq0M3Bpz8h85zd5vo5bsOIgBW55aRbawIgOLq1YBGU65YLmnPOHjG5x+owj51EeCGnMtdNeH9FLeE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeO1CdCRA9TVsSAnZWagAAfY0P/jCMciPi2lZo3APuQKvP\nfu3hdC9YV8FATUt+wf9o9g6ZMdiGV6m1SncGdDn21n+hOCHL1JhmbzmIgDNl\nRDnQO98yIuhdeOeHxNlZfAMAMiKM00WFTAb7fE9zElI/GOM5VhJ98qnJjs+Z\nqX6tWuU0aR2e3rNkC6H3V4p1rmDSbSmd7ZNS+bOPPgTKOMvCCWQxivy6r+/A\nOo6BITTvF2G1YbEgCQnOeKogDMWW5RfSOhZAb0CX/Hi2Ah7K6ypYjUOuoXGk\nNsMGw6awQxyeu5y+PLSp73GQCuJTNpk59HJC1nxIyAMs7QuaJEgBpjwKqSii\nwguQIJWSjk+EnRaikLk3iG4It5M0fc3mv6HnRqq5QMCbQN7mM2kJHm1LmLFd\nKHz92cYZ1rx6/aZnmXJyZiJrl1C633UzkDbCrKEOj8sz7OJl4S7Z7RitwPTJ\nGvAGK0WkifhU7VUawjYSTYKwqfgw7cc6O3q1nKh4PZSNT4gV8WnqJw0u1NN2\nUPI4K78/IsCcCCNY4IzcRho9hXT2V/6ctsAkemP2HO+nO5wOzW2K+ipzhWcm\nAgGeIQSWudM/g9pdcb+3uoBeECqEz+Xyfn+F3VhKjVUkbAL/KOJzegEPPJdJ\njBRlf6R2/tORsEmIW8yg6eZ34aIudV63JU7haS8C9LBGxu8hYFR7JzmS47QU\nOgJV\r\n=SoCW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9e2d33465e4a55862766486d77f187c0bd37883c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@material/base":"5.0.0-canary.ab5f49a2c.0","@material/feature-targeting":"5.0.0-canary.ab5f49a2c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.ab5f49a2c.0_1580945564846_0.7649171607986489","host":"s3://npm-registry-packages"}},"5.0.0-canary.c541ebe15.0":{"name":"@material/touch-target","version":"5.0.0-canary.c541ebe15.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.c541ebe15.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6727790a59beca170f73e45451e55d295353bce1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.c541ebe15.0.tgz","fileCount":13,"integrity":"sha512-pImtiT0491sthJUwui/WbTCo1ZL7H1npViHSP0WQZdk6lytizSl3nVqsPXx9uucmGzs+U8ePoGTwfzWn84s65g==","signatures":[{"sig":"MEUCIAx1meG8TkNjy0JEvpS2QtWjIcqf/Yll0cMw7KLtbMa+AiEAwWwrWEbGvedqIUumWyYRZLgYJpchH5HUVNaNJe3xJpw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePJNDCRA9TVsSAnZWagAAsBQP/2I4ap+37pyRutYAk36o\nzJnwYiAz21DKacC02HV3izOKxGqLjIG1hk1HM4i1JElD+X7asHjwnmrmPwSw\nGj9esHmsRITnMWfoy+5x+prXqJaYsPeBnO/C8MZgrwNZGrO1iha1h+dXCzl3\njvdB9dh3KGbab3coscP1NbVgS5Ijb6Fx61KwnSiZqTf8n8b/z+z7VITGMAXS\ninoWV8S9gBM3EqPWZeiaIwEngcHCGISJq2v0zDJDLI+UWrsdYKZhAv33xOnT\nJXkGYskAZHnBXiOwz5HpGb6/JV3dclmWwi8/5YgIc6Rj0X1e25Rm6AuHrVBV\n8FUOv18eOnj2ZukEcBtPFnFDd19Lk/SJXDhXMTAvv2kgpuxJOm8G5k46N7sb\nBv7GTBaxL5unWOP8CpFDwWNMT9OcOOZR9JOQ/N2412y8Mrg3vs671Ss163OP\nWJqGAXnoVox8/MromZkyHEgEb+qlHGdAvdIeN5JDagAvwtC4ev+DEqk+aPdY\nywQ0DD/DCZLLM8WIru2D8wLPI8iFrZcvDdqTRCTrOHEqDgupdxV0c6fdeCOB\nDI+Rzl8mRYnUlrNJJ+OxVYZ5e5dewLi9bQG9ZFPSNYEa1iAwq71MneW3G6hB\nRm+rs64W2jYx+7MVNn+x4oB5WgVtZDoyFC/YCBu2JntbeBfE16RELCRnXv6m\ng0GD\r\n=SA3q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@import \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-touch-target-wrapper` | Applied to the wrapper touch target element.\n`mdc-touch-target` | Applied to the inner touch target element.\n`mdc-touch-target-margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"87d5a39f72f6a882a8412df86762c91328c6d985","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.c541ebe15.0","@material/feature-targeting":"5.0.0-canary.c541ebe15.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.c541ebe15.0_1581028163139_0.1324084023933325","host":"s3://npm-registry-packages"}},"5.0.0-canary.98f7faa05.0":{"name":"@material/touch-target","version":"5.0.0-canary.98f7faa05.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.98f7faa05.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3bee7fdac7d92d0d2b315444384514e1ed5ca35","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.98f7faa05.0.tgz","fileCount":13,"integrity":"sha512-pZgSDPGXAIkTcsVsVExXvhfLyXvcfe0j/J5b0CM6P0qhtmpF0OTd5easJ2LBTed9YwG+xXSfeTd3eJHsI4OxiQ==","signatures":[{"sig":"MEUCIQDLxOVK7LJOGyxAINZHexmDFfqzF9OMBbTOqj0XhGtCVQIgXgYLG3DgJ60SbIIDceDvtZXpdhn5MleXH63e2ID4QO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePbiVCRA9TVsSAnZWagAAzw8P/R4ASJZ3Q95mwByGGXHF\n8m35EOwoxd1GfSu3FO66Q1edc/KRcVs7aokzGS1RQF5p+OcZk15VlYfW2B4v\n4AsPGlE13AhSoDomG0o0pdUlIAXJjh1U9KOZeINOHCGormF1F2og8sM5hIc6\nVHqg3DFkW/nbkvmQ3WhNHc8lkRcOo2ltt4yEgpInopFJilIE6XDSATeCTo5W\n9mlvfimBspDQ9MoMMKKuURfENWOu27ILS0l6uwG+Uuapew/7JX3Mv7gr71VQ\n8qvc/BHLJOoZr6I+khbN1Ojv0pUbVzBLOWM9/Io2Dcny7C7d7AJmRokmr8N2\neC1eeI1tl8iIEbMzpiwT7rEgO0qZwAp+dPkCBwTVHGi1hfedibUW/w9jKCNB\nCR2VcEXOZxYffhyVZtMVozvaUJzyzuS/D+IzGwBk+hBRoVL4MF+4z7jTUYkG\nVWC6JXJqmv4SiGe1i0XDMyo2pzWHN9QZgajtxkmhSEYiPYQTxjTh+6DtaRfw\nAnIw1Ruo6F1vViVmP2MngFL8O75f4WFkMtuntiHhy7CCwfqoyJmu4iPyo3aB\nxgXHYnlGjdH8GwL4lxl7AMOrhYC7qDL4iG3yXNYH8P/EZpHPS/m6NTytAKr6\nlqdiqVI00AFQzTECjEU606MOE1n0P2KIOq5gtraYEZObrHIuKxFzWrRgg+GW\n6A3P\r\n=g7hz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"698f18ec0e8c9dcdd38beb5ab6b4cfa6218fb288","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.98f7faa05.0","@material/feature-targeting":"5.0.0-canary.98f7faa05.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.98f7faa05.0_1581103252878_0.09633497340319841","host":"s3://npm-registry-packages"}},"5.0.0-canary.b4727e43a.0":{"name":"@material/touch-target","version":"5.0.0-canary.b4727e43a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b4727e43a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e0dd5e4efcb98c4518f670c7f0d263ce0065b582","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b4727e43a.0.tgz","fileCount":13,"integrity":"sha512-oxj0dOMn4szHzg8/XLGQ2FgZdGuXXZaTVrISttvzq8VNc0rJKxJkyqIrAEVv1R6cyWQjU9X3vymCPEnql/4Y2A==","signatures":[{"sig":"MEYCIQDcSjfrFYLzPhMf1C0cSDRb5DnR8DmqpUoVqedmGIFfagIhAMhEkXCXseM82HsWkAy8LlMrg/uXxQnP9gzuieKOIcbq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePcCbCRA9TVsSAnZWagAA0+AP/AyHq3RwDfazAuQv9IAr\n5DisbG0YKDNSkkNjOoxH3cVc/oM0upVgh0MkbVJlAmlhHnJaoYYmZF7ApHXa\ndbpo5SZzwnduV3SIGEqUljOwNow3yFnUl/yKjTfFSsKgmMRrGVFce3I4cbbz\nscKWRg5ixv/7xr33/OdHIlraL4lreh8tHrq5olxPnITef9/VF/8+S4i6Kqom\nseOB37ZJYC6v11wuSm0+dOHMXbZPpZ4hBWDMoc6dO9AEM4w/Nh6OwWB80LWP\n4CtxDFWdLJgIdN49N7mra7Ni+9KTghvx950cshhcvn3wAW3MozfJHN1mqwY1\nDm2DLs04AEw3M6M2taBNCEqr7ZzjVuH3HOHF93l+JcmCUJLtVDKWzIJeP5/E\nBjF3Pzk/RfdDhfQknVBktNEU9LOQjUVeY7kpmeR/7RkmKEnXAiy0ZAsXiJ0U\nkL077HOio03ZnCWaevJEs65lBsYhM/iV5Vr7YtXvHm0phJMCVIZ0EB7IPzwG\nhbHPxzdhqTVhDDXztxTB74TWO4vmRN1laMB9EdazagXbEtElbslPB2ucO0qy\nUmrnJKKZ3ImHihBMi77YwhDE8JxJfafBrJcYkaOjOns0SuXEmlCNEUVt3LJJ\nh3GS/FK5+/g0agpACcGZ27iHa9IcsSrZ7zadgp7DE19tEY6czvLha5oiA+lF\nG4Xu\r\n=rlEU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"140a0d7a10f30d8ce4b10dfbe40bc63136e206bc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.b4727e43a.0","@material/feature-targeting":"5.0.0-canary.b4727e43a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b4727e43a.0_1581105306776_0.2529548211074235","host":"s3://npm-registry-packages"}},"5.0.0-canary.91d9d5a65.0":{"name":"@material/touch-target","version":"5.0.0-canary.91d9d5a65.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.91d9d5a65.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9aba268f7c233861fdb1e54ca6c1bfc7b84673e4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.91d9d5a65.0.tgz","fileCount":13,"integrity":"sha512-FOvYqnS1fqC86p6RNrFIcnj98xzNuAtU609hQhsZ1Aq/jFZ0csb9aZyLcRzcmLRCpgXE30Te2zhBXtkdAXq8Ew==","signatures":[{"sig":"MEYCIQCxXxSsS7CYO3yuRI24uTZLsj9xWBf3JsZ/wO7h8HTOggIhAPbcEZliSpmLbpTCZOD6+/FxthTSfS6oed5eyeO8D3eb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePeupCRA9TVsSAnZWagAAzs4QAJ6t1bMZF8h5ckQ5qM9/\nrHvslvOuFgTmOJXLodtCxSLPy8/8mn0KsRAz02dLHUEwFhBjjIl1bGPN6aTY\nx79wr+L621xvnRR6fJKMLVESxoNdOL/EM/TX22y0Fn3F++G0FhvVbimNEmsa\no1Y3BQ0qqNN0vDYCnKMAKfdpVa9U7cz3/0EwF3yrqEEV9Q+ewfUcXjhnp4Aq\n2x8ro10uTkBgvM76+eLNCh0yRCAKtHuMljFM62dFyoSyZQTfts46bSGa6Jqu\nF33X7AXgPhIJjipmcE9EL8Vq1nQksyyIPMPLbT92wR1P1TJOAuy6oBMJ1DTi\nrQJOmHhhux1xcp7DdiuKla00GGR+xa6bjx6ZLRjxJvRVjc/C0fyOwUQGXB7D\nqbYAzUnqFo+/c7Z7XAF65RNJmvpimeN+fzPTtmp/Mgf4us7rbK7/TypYx1H8\ntBfZXPVXqTuSLLfkDfe54ZH+Yy+z+buxZaCZcKFRRbU3+G8chqWchAHP60m5\nEeWXdH1nZg06PyLu8o+ELoAMwLafkdrVxvl6Kjl8CkzVC8ft2xIxhqEqVxqN\nQJ/4m56ZeJ4tkQVAxWWqxJNvjrw7Z7/bYs+vFS6NhjNDj5EeMTwNOZzzjjLf\nN41jjw2QpIeLTZYrXWBA+K7vYWJ54mTFzzJaUvVzUFbauTff7kpDzABqhFPI\nDB+O\r\n=IZNZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f98276c6136d4bd38889e0b4d6354081a3ca941c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.91d9d5a65.0","@material/feature-targeting":"5.0.0-canary.91d9d5a65.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.91d9d5a65.0_1581116328007_0.7462308450923008","host":"s3://npm-registry-packages"}},"5.0.0-canary.d5c006ed1.0":{"name":"@material/touch-target","version":"5.0.0-canary.d5c006ed1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.d5c006ed1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68de6343e4deb64211110e1b2b2e90ca258bfbdd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.d5c006ed1.0.tgz","fileCount":13,"integrity":"sha512-OkpgG9dHMx2dSuG6DxKCi63qeZotaj58K/5gzTtF+5BN50p/DerrHDXfxbv280og0Bf43TtCVTaieSk4T9X/uQ==","signatures":[{"sig":"MEUCIHA4d+/vUzt1ep3IIxq8PctOJSUkYS+xunfdCdxO2kgQAiEAtUuIsgk5VraPOUQx6X92QmWore1PTHTi0Hv5yI7Inf0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQYlICRA9TVsSAnZWagAAb+EP/R/+0x1JlFiS9R5wTckd\nH3wi4fgx1L66MV4CPS38hpKIEriV86AGVFVFB+9DGf3SpJ538nEuPqLMYZt6\ncgw1UWPn6dAbR4mYNWOSRLvRg47UlDdnWIwMQ1ee+tVMFz7nwrFUnu5Ll8Wb\ngYu4KgXgQoXK39OTFfn+7x0LU7EwUMSi59rTbvphgm5zX9cvwfzLxiYEBXKz\n7nJPpqKNk17l0+n0BpoHaFB7BoU1QqEeVBzAgH3+JZYHRGR2hXzTHfK+VTT0\nNss3FneuSwJ3aOF8JqZL/CDwcL+iGlp7IXUUV2N7J1HVxjKJjHRnxBTlX/eI\nIfMFjlpFCNT1iduJBo1SiBoI0mR7gbS6/EXP/cFPtABxNwpq2vGy5LwwWUbF\nKpPKI2eOAg4NKLXxH4C4bvu4jV2VQ2i23PIFYV7w46cBIDWL+cAMEMIH63X4\nALt7eIematYNmUugOmhwcs8iMZhfbQ2seGFE1ax2nTPHxEW5mVbmCrobNE6W\nDoQo4ngwbicTL9WgkmnC3IApbF0s1Q5p02F6W74q7pQEr/ta8loBotpDru1O\n+yradXPCXTYnMdW9taH+PJTMslc+emxK2rD1Wjb4BDaybw7UUOM0DNQ1triA\nUCxO8F8hXXAy0gsLMfJoX/aBCiFg0FePyxXIjMHFYsA2gedd1VSqzc0UW0dQ\nQ3Nm\r\n=1HYY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fe50932259fd2af2b34c60968682a0b94f7fed66","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.d5c006ed1.0","@material/feature-targeting":"5.0.0-canary.d5c006ed1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.d5c006ed1.0_1581353288039_0.16822539114124946","host":"s3://npm-registry-packages"}},"5.0.0-canary.559f1a570.0":{"name":"@material/touch-target","version":"5.0.0-canary.559f1a570.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.559f1a570.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00aa9c37c36f699949bf07bccc96f2dcc56e1ae8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.559f1a570.0.tgz","fileCount":13,"integrity":"sha512-BOCilmYLHoV7bxRbQunsmFJwa6mwJyHlnRX9F40usr+MKzXqFeS2WOOpSwM1FZLCxXKqpPQEPe6UbcUpZw+wpw==","signatures":[{"sig":"MEYCIQDUXAstAISh1QP6Idgl14SFd6ujPMvGeM87GobPK3RcYAIhAKXEK8MC+t/k84lgtEMcE5trMi4MHezJX1KGtykCnwwM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQZG/CRA9TVsSAnZWagAAk0QP/0B3bU9Xpp79fZ2M0n8r\n1BmYF4N67fUoQ+6/B9jMiBuWuRpd1FBBVm6HNNaWRztEI+r8dbn3TeKHCeN0\nawgvlywR3OwvOSqPub9S+BZlkGn8VO4VxhGPG10yEjkKFgRz8gJBJM7cGpZH\nnNUW2c22ibMuUzPRLHbPvVG2GzLs3hT9P/YCf06rVuI04Et5uLa3yMf3vnrl\n+15CpN4bvu89IzuobS47fyF7Ic8b1oPXlR9PdFSCEf2ukxQc2vvXzZnQ2ISV\n+6h+jpMUSE66qNRXIkkRnVK8itmAG3v0QmU/LoHkBxeA6JM+7AVYDH3k2a6Z\n1yg6fyCcIDeDrmk80jjnINhmCBZDEM1tgzP8nrIZeumOupRK/h1F3x97m+YQ\n3GQYe2fMaauZ21bhAfw0KVM29WQ4B3kxkcQ3VNmUEcL7cG7GIL6baoD3QklQ\nhterTJOurI1htIDvvGv6V2XZ6gVnxzRN4ofnNnLR0IJMox/Pd25dqTMk7Mzm\nRTXvIaKBcbsaECVIyz64cCsQVdPILyWv8Q9wLfT4YEMGVh/9m6GsuKnvdIgb\n2AAqZHyVdGMoNwjFyNIPOEiSk0g7iHEIv7VmBrq5LXMpOkSkdL55yhiGaory\n2K9ygFUSYXgSrez8KYaxTT+W269Bno+zSjv4dwM7kIYeQXvRnWEPw7b2WW6d\ntCKk\r\n=rz6a\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a4adc0cb689de4e266e65d90d614fbe1177aa5f1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.559f1a570.0","@material/feature-targeting":"5.0.0-canary.559f1a570.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.559f1a570.0_1581355454781_0.7523636132575788","host":"s3://npm-registry-packages"}},"5.0.0-canary.ad3bbf782.0":{"name":"@material/touch-target","version":"5.0.0-canary.ad3bbf782.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.ad3bbf782.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bdddb0c5c8eff9f91098e036307c4f8878c08710","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.ad3bbf782.0.tgz","fileCount":13,"integrity":"sha512-YG+sczdsCA3CeKT5QMCrJG8sua85yNfAja4h8WKaQ+wsSNvji/4nvKZDchjVwGyhvJeJpI2CDxcn28UtZ2te4w==","signatures":[{"sig":"MEUCIA4V9hE3LV6WnfMRjMZnVWu6PsxtKrIgZjN3CKTjexO1AiEA67cJ1yXI10GQSZuJ4T/qYa75WC8vDxoWlq49oiMM7tk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQarDCRA9TVsSAnZWagAA5wgP/32/UIm5/g03szAXZ6Sj\nzkq3TrBsM/zbIhxZ1hjv5ffL2OoLLgDmrFD9wBBfMu28bMpwdIW2H7Sq9mvH\nxdjIb0J65seWwS6OgEcxQ6B1Az5hu6kaYSrVmNBhVQjKsOhYG4p3KuHoZ/MG\nS4JtmT9d2UlKuyxSZarUTnvRH6ZyxZzD4GJV2QmET89AQwHUocW9lfjfqgvy\nDwdIarzWUXVQEt7Loc418am47w1f91JfWPLPvy7xPBWA9HHCjvhR+GMHonh2\nzWqElpUV0yRoirkEnAJ3aeZS3UBcmbeXT85TfF9geOqPlezrachHnPRIVeAH\nWJLO9UJh0OTH6p152wfUzMjm2lZKps9tth5SlPJuoCIedvTLAluDOEuqRlSb\n01PiqzWNa4LjaM04YJM0aIQqDn25UqTpQH34nwVoKIams8NKojgXavDzpmvR\ndokBMwaFDpn0F/E7lDgqqwIu1REb6Orx//bHMS/AJdN8eHqferf0niwmUbrY\nASqOQcV2bxQ/i8Wb9WHKLrarSqQ/ZdUeO9ihh/hB0BuQecvUgSsmxRcFMgtz\n/rn01jvTnFauwvac6SVOVuzPmij3H6OCBzpo0p0UblOc2d3uraxC3IEpW0Oj\nTWIzLX4rezYecA76QrENThdXzPrF/d89ALVqsvm4jpHww/BRq5jryjFFIEfe\nNY5T\r\n=K1HV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"48e565307134ef2e860fdfd1a8ce59613a783ba7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.ad3bbf782.0","@material/feature-targeting":"5.0.0-canary.ad3bbf782.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.ad3bbf782.0_1581361858829_0.974676013580255","host":"s3://npm-registry-packages"}},"5.0.0-canary.570d8e49c.0":{"name":"@material/touch-target","version":"5.0.0-canary.570d8e49c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.570d8e49c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"61e5114bf7056a34634a33251a68288481ef04f1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.570d8e49c.0.tgz","fileCount":13,"integrity":"sha512-AAvVlholBxzX8D8Tg7b5ZsDK9j8uXdtAZBzCE0H9NluwkUQjdTcZXMwsS6itXMuVKqC1Gbd8bbkgYGJoU0hSKg==","signatures":[{"sig":"MEUCIBSFb940DWolLkj9o42ZyeGqPi0s93iDO0VpktN+ScImAiEA+UUTgGXD4HuVCCkZqsouvCK6np6sgojl6joj0zBW+Ow=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQcBXCRA9TVsSAnZWagAA+8YQAIm6m9Ym7QDWYIbp+80b\nVs+Qen7sC1zvbJSq6PsFnHUDr4Mn4VZH41enMOS3h2Rj/QJjIqN8u56UXqrO\nGHTVc9ao05J1dJ+RIxCo6Yt8w38MuUgKU1sy28htG09A7rJA3OpiOKhEXLFb\nX/Jdl6BnxN5zSPpc5Hpe3HuFYTEENjPtqyOIx4P2Zi5fd3J4Ckr99pwOmf6d\n+jsUwbPtJu/BIuyTiLbjQ2Ep/ayq1V3wrvwkInHTvTqFZnYl70zEpaKEya/a\nhM227rpAl64Wd/QzHHan7+17ppK2cBisUAMIMsOJXjSNR0HXcOAWdGUYYGyv\nkWZC+D+DyrjWQ6ZGFuArN5sH87pYG9JF9fpFksBIlDvg4lR0tTP06mlEHDm+\nYUYaW6mvc95yiPz6E80icNgQadJVJ9lIrvC1U6Cfsw4pvGHWbNcO/smLZ25z\nASl+QGyQrxfwYMaVEZd2NDpvwUMwrsgMo4Ek8uZE7cQFsBYN3SVy8i6jDg3z\ndxGoVcFXIHmeppKjK6fBOeYl9sHwfpkpQstZ+ZfG7ykjHp9fymF5TK5FnESP\nVJF7hXC2QP4I1KCATWhx7QHgDysGyc3OgW6+pBZHXkWsYWV44uok86ZDRu5P\nboO2vZHgtf08u4Y7IvGEV/fGE8hRtTexvLC8KI8ePeP01VpNX3d6lRkmK2BT\nLIO4\r\n=QKd1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b6857e33db49c411cf5f55873a45f72841824fb7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.570d8e49c.0","@material/feature-targeting":"5.0.0-canary.570d8e49c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.570d8e49c.0_1581367383317_0.7240348198948305","host":"s3://npm-registry-packages"}},"5.0.0-canary.48b06b89a.0":{"name":"@material/touch-target","version":"5.0.0-canary.48b06b89a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.48b06b89a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5dafa2c83c9066ad5076dbec45ba8941a5287aca","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.48b06b89a.0.tgz","fileCount":13,"integrity":"sha512-eUn0Ifuic2TrtFNFu1ToUL/qCwmMsXsBOkXde9sLZbXGO/pU17lIv7OzrXX2onvxS3i5nfXjfhHE8qCRUIf0EQ==","signatures":[{"sig":"MEYCIQDB0bBGgNHI52mKNHIL4szS/C2mo3NLNgo9tRwyjL+wHgIhAL3rtIphPuVIF3wwvR2UCQODRNe6YczYpXrQt8f4AKrp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQvWhCRA9TVsSAnZWagAA5I8P/1cOlPO2Gn+QBjtCdopl\ndOamfrxwZ0RRVuditfgKyTxnnvGcC9I2amAfwn0hKDrC2nDa7VOj9nIpvF7B\naPbT07QCiXroPl09iiPI7mL+llHw3rs3NAEY+7ygxAFarJdrR4bfVjB5zvVr\nEQITvXQ4d00RKFZRiENbjh+khaPPq/YXPHWY8bIRxta03hIgpgOGwdWF6C5z\nUqJ4QkGCNhPyGUQq3piShqs2cNoTh5/uk5Mngl1houKnzuT67ieZYek9QV9u\nC/6U9SJn+sxX3zirQBZVMt6C9kye9wI4Axlb0d9/Rd+lJuYyPpdt3+97aHW2\nA2UDnUDQnJu09lvrHLDTXPFAebiUX7QVDX2lBGsCTozeF0NOIbnKu+NNmnw/\niAdCB9qRmljFsLHLL779UzQZ4gkZCGmduitgmliAFBNvL8LKkULuoHPqvwjU\nLZ+5KmtryplRWIwa3WBk6POoyMXO0aPp1sGGKAvXp1oUywL29J33seJl7blo\nE8cmvUxWRpkNLgozebQyBAmwj0siOZUP+WtNJot9Rh4aniEBFx68yIcSp2Qk\nJZ1j5deiG1rAgW3ix56PMunzq3nEG2Nxk0s/IwEqepac719HUPi+3vOCH7kv\n5DkLODjPCNJu19eBxODm8GIto1K/5d/4A3W8CD4OJJYVT3b1LHPruyRDiKYo\nLyKb\r\n=mdZN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"540a576f2286061b02bebceda7cbf10554255781","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.48b06b89a.0","@material/feature-targeting":"5.0.0-canary.48b06b89a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.48b06b89a.0_1581446561322_0.07511290380667535","host":"s3://npm-registry-packages"}},"5.0.0-canary.612443dfb.0":{"name":"@material/touch-target","version":"5.0.0-canary.612443dfb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.612443dfb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55161c2e09c2203b212862ea71349d85375e6b2a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.612443dfb.0.tgz","fileCount":13,"integrity":"sha512-yJ2hVkHjmKaPjT4+/OrRehmA+vgrD8FoasVzAjhBu0oxLniswX0Hp9dDPb48Y6o6CK3sXWaXeqGzTCBnX6ywGg==","signatures":[{"sig":"MEYCIQCc8lGYp8LoUsUYZ360iWAylpPtIBXQsWmRp3tbpQCxKwIhAMbHEwR9zgKM0aBMp/Krw1z+Xho2JNOKKJY4shnmc4nQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQwUHCRA9TVsSAnZWagAA2ZUP/3nKl7njo8FtzUxdu5/X\nOXP190iJmcEjCqA3DA4BvOw2RHTZv3VRp1pa5XFSve/wBeZqv47CqWZsXt5X\nUPZHT5DXYfC6G5kHMsTtRuhYcRgE6DJRa+bf0y3XyWTgxEYPYuysMUdIAc8W\nMkk3dtLfQVhMNdNX12wNJSF05fYAlEBbneONQ8UJQODxrQSzs2bkqAwgAdKM\nnFuOgz831MlSxG4vrSbx24vnVYwPSov4DQHILXksiFGGQvip9HAVxzmQFCnk\nMvL9wiHcDqwwPNrd0Ah5NrLUtv7bQ9PFhHR3kPVe31CFnmupF57DYkejKj0X\neKXf+PIanU/p/+vK9j976Cri7hi+jKGcX5AgMu2mPeaeEka2d8Ood7FAPLmI\ncwzUhuPVfkkNowfjoymIAxlwjTDBjrRXqe7ySLaTVmXHZ+zfXbSxj5yzRv9t\neNcuYdSTT1ZyKG+gAkAJEaVApi3W7oNiSPtSQObltJ8hQdunYK+u9RkxIXed\nMcMlYdJw9o/GfPnnMl6YegzlFk9/pbsaatNGPeb/0eVXSuBY0LngS2aiqT9u\nOFePmnfDLDjE8qPBbiw/jVSSS6uTf+2Yj/RTDvsV+ezcOYE1UjP32tKp57pW\nyy8NsWxNPRg1rWy/TbjQp1zy6KfgasU2jYU2XzU2Df3pROUTZKLemLZai5ck\ncugm\r\n=lOD+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"622585006b9702fc93bdf0ae416f6c58e398243a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.612443dfb.0","@material/feature-targeting":"5.0.0-canary.612443dfb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.612443dfb.0_1581450503071_0.6663554905533706","host":"s3://npm-registry-packages"}},"5.0.0-canary.8c11ea2a3.0":{"name":"@material/touch-target","version":"5.0.0-canary.8c11ea2a3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.8c11ea2a3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5d4e0b76ddfa1226d07ac29e1073159e605f5fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.8c11ea2a3.0.tgz","fileCount":13,"integrity":"sha512-HwdKtx0lh9OI+dUYMpECw4tEyxSJ2CNVDfgQvE8BrWTTihIYSLB8RsPQGM+du4dN1q15Yflmc72hEXToJaChCA==","signatures":[{"sig":"MEQCIEr0uuQrFwV3bh3/kBAdQHvjvfOQNWnnuGs7sUz2Y1/JAiAhesrpYrxdIzKItG7amNnOQzu3U/VVYNVt9VXs9WF69Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQ7x0CRA9TVsSAnZWagAA/r4P+wRCo821NMFs4TGEHxel\n2d6HveziGzQAvPunRTy/w+jCzMG7VNWhBua/BK7kEIe5YPe7xOF92TV8l27E\n42S+Ciu8OgbJ/Z4K1lU8Pg9vvqviiiokhGF22jPanKQ+dcPkkjHxxOlC7Yng\ne00+k7wwA0hWqxoS5cBUJEQkfd81fUVw7MQDG2OlD6AmSnO6Q+TaU6YmyDVc\nkMndvHHRM6gas/9ChT76oi42/Z158tgYdwXeT4WMsM20N9u0ET+5QVS1GlI4\n71ipHfvTMiq5FK2LCLQExOxOwBtVQ6+65QR1yp1MkBfEOC5NZJ04/tjft+sH\nlg7/kYZimdtegYSs8E0+r5EYFjU9VgmnLeaRzLWYPqrA77zRC/n7CcFMQ5Z0\nYvjfn/dKlwWTLo1+neFe/r78P5PKvi250yE7ejIOu0Ze88HW0DjmWN86EwSX\nDMk1ygy9oDdM6TrKoxy66a8cZPrX3E0tmpk3elSd5NPEDCOBNGUcSF0l21v8\nB0p8InU2mbMF1sQ/wQ1qIPKg5sXhDwZztuJq3kvjDmiv3LG+9ilRQ3rHmgeU\nQkZJoDEMZz4NhuCncgx41Lg/WPGUep8nhY/Y/xTVrzNEAq0ULYGgyqGO/lq8\ngmNQg6QVoU1MF+SmoT75oje8gDUvZEfOO79q2vGr35TkT3vB9NmMdEJJGX1l\n8TRr\r\n=2bK9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"47068a39cd18bd1e384c83a2ca5c3d53ef8bbbb6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.8c11ea2a3.0","@material/feature-targeting":"5.0.0-canary.8c11ea2a3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.8c11ea2a3.0_1581497460144_0.49379622577824556","host":"s3://npm-registry-packages"}},"5.0.0-canary.b2f3d311e.0":{"name":"@material/touch-target","version":"5.0.0-canary.b2f3d311e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.b2f3d311e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee9c11cfb7d691a2c32890804ddfbcd84474f614","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.b2f3d311e.0.tgz","fileCount":13,"integrity":"sha512-vjs0Yetkr2WsVWiYn7Zp0hV+gf7KozZ2zPCKjvsq/xuQhQyg132IrZL6B+hD8l08MWPLj5+kstmravLd/v1TrQ==","signatures":[{"sig":"MEYCIQCTDD0gaQpXBoFPRXx8MZ3w4E2DH0XWRS0/dacJL/ZlHwIhAMPhQrUwkKjlb7Rsvbf8I1fW0zRTJa/YW7ADLxrgsaxa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRcLvCRA9TVsSAnZWagAAijEQAIRsskVGkQydQtTESBJ6\n7ZPt8G6QvpeZMLxVULv2SswwbF5M8Ds5KJevXZIJyLogfodLlaNxWsVqp41c\nP0bMeFRX8m6EjuQz37CSiaq65Al9aNO3hoYN9nVD0+P9YOZ76q+eSQKPCfAx\nByeruMboNG1vmPp2KkFp5pcgurwCAZeQbtA+I3vnulxrDnmuHiz4W9CkGjW1\nW9nVWkMarsZY8mR0My2lybgctLQSlvjHdJQ8jBBMd9LEd7lf84Vf4emZsYi7\nDWXdwsJnzayNkv4psR2NVBgiqob3L+NbEX26KbmPrzVuZeJM0w0ki5tChzjo\nrJyL2HtgF3Up4nxw3VfT8yMZhwNINIfOUnxIPwY+vbQjpf9j+ofwV3vCzu64\nPK06yimN76okOjYC3oxxWqd8R9cyNr2nlAbtxuZfBTAd2bim+yS1qVzn94NQ\niN+yVUoZ5HIJeYFCHMRSmROtQDcfidsV0SHEgjpZRQ3TQqbH7uANfoiKM8/l\nJ5TQ8kqjFoROZRdOxdBftppM84BA17OiD80oM/1bZALWSN4O3QzM6plUKDwg\nvYZJzYswmn/NQ7WlF1CDxMVTiuzbyv39tqBRSvctwT1+xvJ8HnSuxHHi0TgQ\n/D+L2zMW8b0nq9+keXI63AOhaOZ3XuZCzcfIpWuZu5oToFbfJ90L8/KI5j/F\n1RR2\r\n=LFZ8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e8b88d39be927e40deb73ae78a049ece8c80b9cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.b2f3d311e.0","@material/feature-targeting":"5.0.0-canary.b2f3d311e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.b2f3d311e.0_1581630191511_0.1841890474961705","host":"s3://npm-registry-packages"}},"5.0.0-canary.4f488d0ee.0":{"name":"@material/touch-target","version":"5.0.0-canary.4f488d0ee.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0-canary.4f488d0ee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2ecd1a64e0594ca8d4c8b698663d06a64be57db7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0-canary.4f488d0ee.0.tgz","fileCount":13,"integrity":"sha512-kNhEu+tOv4eijwzh4UwyUY4wem4iZ6oYpAbeZtuk1CgSwR9OvcT0UXRfeLjZWxR699wNH7gpHs2PjYhXf4hQzQ==","signatures":[{"sig":"MEUCIGgJCGQXG+2Aj4bVoXzIdH2L65IFZ4YjXI1Sbh6UguzrAiEA6UxQIZN0KmIOlP83I7ZHabRbaijBGa5PrXNqk8YjfD0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRdZMCRA9TVsSAnZWagAAT4UP+wYyUw9E5kXJsfJpRjP7\nm7gAIzeWXBVlOROwX2GCESgxydRaALARvugkn/fRnca3vZiWhHtka79PAgaZ\nbGscxZmhbJzqXuDS2GboI1BJQ5hZjK9/FrQJn/j4BSM+J+VjpIwMiuzjlY7n\nVvItUYyln0dVEA3rz9Zymvco88llZm6VkrBMJuCRBU45wShe0U8log/cgQIy\nPN0pAJjrbS0/k4mJI6tA/+X6K85v7yk5syrS9nSAv70AVMDVLMo0rSWjpoc+\n2w6uGt7GfI8uK3gjBQ2CjZx5v2NPhvA3t2kFOpgEJ5aLq749mvFVaorusW7x\n4D23sJ80+c1Eyt0L3wZwoh+M8veLJZICLzSyVs8r+9vcqqqm2ftO6TtFLpIK\n9g5l6p92bHpo95nulAmy5RKnLBJLiPVDleSRFFz5AQk+BJhpTWDP/tOIyE9P\n1pAkkvBtupdEXEARNu0/VppFCJoozg8pWLkXtp5GxTjc9xBDVkARDuECPiMx\nE74Kn4CC5r+vBBZwGBfBqQTxyctWx65hfmKKoMdtIczgy2u9/0a4LSAX4QtX\n9Ybl3xPKIGBlFWDbkF74DoN5P6N6wDvzUN8m1iucW9GzMAwgaMJp6LDTundy\nqClqEkdp/Qqe3IxpyDqhnXHJFg+nHzyeEJkXcDwrs0v9sAoS+WW/4wn0pzCz\no6QJ\r\n=iAHD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e3b2ff94a1a6e30260b88a9da6e55d6ed122c399","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"5.0.0-canary.4f488d0ee.0","@material/feature-targeting":"5.0.0-canary.4f488d0ee.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0-canary.4f488d0ee.0_1581635146256_0.9386430366438046","host":"s3://npm-registry-packages"}},"6.0.0-canary.fe79de07d.0":{"name":"@material/touch-target","version":"6.0.0-canary.fe79de07d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.fe79de07d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59af8caf430ea3fb9162db783defe18307df043b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.fe79de07d.0.tgz","fileCount":13,"integrity":"sha512-lrqoDUWDWMJq3fuvn9ANpnDUubXNsQL7CaotbG+tbd0nFBxUEPfBRYlZvSobYwO9UNud0Pk495GO2mYWRqgryg==","signatures":[{"sig":"MEYCIQC99gVAQh9tsOhq/cil5PG7j80BhaWswJxKAT9iWa3MQwIhAJUTkJbtH/8I6xIaZDsmpHRvUI0z4OXwQTcTPLRMJ2Lk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRdpWCRA9TVsSAnZWagAAES4QAKCxvoMwANhTHA6+tL1h\nRTmL4Emx+zOnUWgIPgTvxiZHMSpfPCF7pgpYR+UkD+iPZY/zN/Z6gZ+MDZYQ\ncDsm74tuUUuJRpApm1eYieR25K6B8C1dJTjb1F5ChE0r+uvDVRfeWJ1ptc5T\n/+2ekyS4j5UusX/Pow/ymhfcQGNygjW2N3tviIPIsogOkQBmmE0Z27pYN9AT\n3tSyKIUrxpI0UyOM6Y1CRtM5okXVNO5NRNGjq3PH0oHm+uVOtryHkiCRzjwF\niSlSMlWlGMvuclfOSYRg5WhY4mM4+S8eMMzG93WKBoUev3GGkMh53i/O5QGK\nX1FG26QfHloFC/LnSYmY6fhXAEkbvrAO+Di5hwaKb+m/2gYf4hjS8AoIigrP\nVm0u/0YuzebTEqYAjxHrIz8Br/59VO1ECesLqPtzYnlc5C5IDm7SbDA4u2lI\nozoCH1N5nkgPkbEbV7a9htBcZJJ8lp78XHq6nM2sZelrnLBY01bLnSmt7TvQ\nNjgYbavKChvxGPCxWuBM3Ww7twWaHjNsrWpoOxrirnageEdHb3kb6LIFvH94\nyTtWTI7n1Gox4tpC2LTpwJ/cpaOBGI3EtZSg6s91LXelH4xF96ZmQhsld11O\nqXSK/eAmHMswIaoSeoJoFMD9c7LVFrRP+NWTGPtctSuD4oPWzvbFywqbAjIT\nJN07\r\n=DvaG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e2b4b3810f62a16846d719ee7439bcbbac266d30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.fe79de07d.0","@material/feature-targeting":"6.0.0-canary.fe79de07d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.fe79de07d.0_1581636181832_0.761220071320194","host":"s3://npm-registry-packages"}},"5.0.0":{"name":"@material/touch-target","version":"5.0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec7ce930550446d80b588f9bdbe883e3b7f15028","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.0.0.tgz","fileCount":12,"integrity":"sha512-TtoalBYgUosHVG1kc+oai+MWvD5MknLg28mpXIx3IAqigVFpsnoAhy5o9Z3kgOqb+hqK7CP6UXVQsdbgzQrgfQ==","signatures":[{"sig":"MEUCID/HV3J6IFkKdtl4GGtyQnxRWZrPItHX2xJx65mDefrkAiEApNSasGaX4HcrTNpAzQdpfdFz3S7jTamUUCyIlitwicY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeReT7CRA9TVsSAnZWagAAMEEP/0FZrWzjKisUqKmMP5wZ\n0Hht+QT+kYEIVV8hNWf1xmu7tQh3TnCDEb26y/jezxcMsfQybAaxnq/aQzN4\nZ1JbcNZ1GIUaNKK1+d4PSqSoX4OU5GLPMSAC/0b9bnbjUQ+RGjGTzkF6KtQG\nAp1q82R95/EkNXU8/MX1x5DlhW5d735HTg3F8zHMS1OpsiWp3rlVERTtJD/t\nQd+7UNts0qoUswCW77K+/BHwQvZVa4jKhOW/V3VM5RdHyCOJC7OWzcZ8Wa06\nHrnlgn7bMQgwrRf8fpgTdAZ1bzpmcLGqj1bXLQks3ZBZVrg8yvFU1lCEkwNY\nDd/4OE+KdFJwHB0FZ45hr69K5F+H0lkjFurWtH9gzwapXAIb1ufXDajgRnGQ\nsVU/H60ejHgIrHPL9A3z+KtfjVDW4CiEBDY1UcA9YF59W2RVJXaZoBzk4gzf\nz2jmSJza5SBkt4Tw56PsJ7Fa4rNovfM+dqfzYuHW/XmHWTOqc9CTIpXiK7UR\nNto7FUSQLj7QGSgug7JgB0ppEeE1x5TWQBiFKg5WAvuZbllX4KYrEE6sh9Zg\nojH6LOIM7VK3v4fKjOXh1ZwU9ZlWKNg1FSLuTDD4jbBGkTeiSZ36OlihLB89\naWXmRq8sHjVp5jHS2Ce2d6zhQOg5PdaDO/V54CxsOAb1C6Q+Sw5znPPVg+cj\ngEMR\r\n=l0Y7\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"47845087df2f88107786b4577b1be4422b14404d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"^5.0.0","@material/feature-targeting":"^5.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_5.0.0_1581638906847_0.10122603146078868","host":"s3://npm-registry-packages"}},"6.0.0-canary.5e313b1f2.0":{"name":"@material/touch-target","version":"6.0.0-canary.5e313b1f2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.5e313b1f2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"31056fd713090b4894dc51dda5bfd3c821cee18f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.5e313b1f2.0.tgz","fileCount":13,"integrity":"sha512-v/g37hImeutop7umeD4Wxr+OBbxnKQcWUNPHE9AGHZsxgdqmpRVVljg8G0AjYfy8FCJiFNUEKYuRbODbgiMyLA==","signatures":[{"sig":"MEQCIFe9YIUhHeo1odpq8i3MxNWjsLp3ar/M6Yof5DC6hzXfAiBJ3llLGcGbq6m6XoR9ct25Wrd1x+vy9ur5tNEcBHxG/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRzGZCRA9TVsSAnZWagAA9LcP/iA0MZP7QW9bw1265rHa\npsyZWJT8xhUiTrmrENCBYJuFP+RyPngGIQ2PvQvArMehv8G66ZJ9z0IlKhso\ndb9IUFrR/YD7xEjqKrwcY5+fLPbEzx6ZA5Lotu1QBHgb9uHbkkHRTqbKzFyC\nFbPD9cBIlNtyhplMMy07KeSmIrmk+USKCjVE778o8pmetYNpGXwtADYeSlJ1\nuoHeByBlt9UtGf6UtWnfFFySJXcEU2E7wL6UKyWg5BclLlwFaT/EJjVeZdaL\nMXHAhuLyMcsBawNIaTBK34cGA8Ij+5b/VMVv4kGdMQmt5gHuvcz6VP6XK1r4\n2ubpWvyPPG5mGFOc1Lkw+gB6PRJ+Uoj7NuYf5RQyisLz0jjvenQ1aDrJlmc7\nYuH8kEr0OiSQ0YQIq91FQ3eHO5JsrRNvD/7727yT4+hN65FKZpGZNOjGKGXU\n/C7ogvBCoGNvnoD9yY11Df4Imm2xavvr+Iq/1OTcEB5cx+aHgJA+UBOZK8hu\nAkbfsKOAQlLWk9yb80D09zQs3z9bji1E/jasdmc8MRVRGFIzDkJ9jp/hf6dX\ncztyM3CNQLZdOILmNCSkEfCtcuqGgcK7SmsJmeZKPBR/PHGya4nf1TeXPU4d\nDzQ1S4++YuH7cyh2QPK1AxTpiogZD+9Zoe/HGWHiTpI+3aKBvX7y4UKC6BfS\nA7oE\r\n=RT52\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c7787e7880c79b0baaafb2af1123bbc383025b20","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.5e313b1f2.0","@material/feature-targeting":"6.0.0-canary.5e313b1f2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.5e313b1f2.0_1581724056625_0.9875204013076901","host":"s3://npm-registry-packages"}},"6.0.0-canary.6a56f387c.0":{"name":"@material/touch-target","version":"6.0.0-canary.6a56f387c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.6a56f387c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0bf191d6d86c0de18d14529873ff726e5f457817","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.6a56f387c.0.tgz","fileCount":13,"integrity":"sha512-Xnutu+AlqaB/6mX5v0sqWb8MjTfYbjcadbT9flU6vmR7XR7t27l1hmETbW9UM9TyiNV9lywqyyc8WdZpVVZXAw==","signatures":[{"sig":"MEUCIHrqP9qVNFCY5ojXDzJQYulaWS7zUdaz9RVNWex/HeLfAiEAoCJw+zV35xpVn+ZLE9wsmqg4aVgR2vFUztf80uMIm5c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTD5KCRA9TVsSAnZWagAAaVsQAJc56eIW3mrXI5tYgumn\nDUiFEcF8XLcorCMMBnX0eifhhMoreBFCBiPppRJm/IvW7a7spDUJuQhfIQUw\nLR8cLQP93/vvQaKrg2ISNiPlH1CbvHrE8hxfoQBeWL4Go+iBi2YZkoGR0gYB\nQ9XwHUh/zKzvT5m2vsWXW5sNxI1EPtUT0PuKsorTNlbEWWik5fV7ZVu7v2Db\nXxP+OrbkGSe1x3flyR0OfjZS8tYwk9UFOVy7LIcaFgEHBieMMcOIJmJhr1dr\n9EpL9dmao7VUSKzJOD3405MHBYYry3nDcC3q6AoVsOOx+eVpPgkegoq1OBV6\nad3Nu1Dbpq8uucrP2mX3qVAntKwxdIT+mX56QXkMg4jXjegiyrrJudwuIHMx\n/+pJtiE1+WO5R46qr1n3jCnlisa95bRfvutRX7jyChkM13C5BMUWu23jIAiM\nsTFDRdn0ZDyH5IeUFgAtRxlv27dUSwv/2dsI8zrjjl8RIR18BZ/rAoHkBsa5\nrHGAvM3AQxwWofu+HKEw0/EkclgiSE/LLpXZLwPL7jK9627ZVqq9wg6GWVTY\niIrgjOAAqRW8SUmuL09aDibhqifnA00DZmfwumB9F614rqOW3VUWDY/ycCJc\n4gY3hMLbOcEcYi7M2ONo9FVz3Na228+O6V5WoShJ/c7HD0beRrNVc9y4mmwd\noZ9g\r\n=RY5j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1e3f916aaa994ac19a65c62b461edb01c08e95d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.6a56f387c.0","@material/feature-targeting":"6.0.0-canary.6a56f387c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.6a56f387c.0_1582054985698_0.8790545732355302","host":"s3://npm-registry-packages"}},"6.0.0-canary.bdfd52632.0":{"name":"@material/touch-target","version":"6.0.0-canary.bdfd52632.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.bdfd52632.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"35465f6e66a1ec3e6201037e64f48246a65a98fe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.bdfd52632.0.tgz","fileCount":13,"integrity":"sha512-6CLrvuugQcSUunMJesWV4IhVTeLiiTpkVbC5+ihGiZI3QOstccT3LyPTjz9AeMObrMAU7CtVlwtl8ebllw2G9g==","signatures":[{"sig":"MEQCIHgC0qFy5yeGoPnw+olKNgQsP7YgX8/uW2hL9h8pVXSSAiBaflD+XJUfY72mqZKEqYhebO+t+IxymAd8lw0uJi6i2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTZjtCRA9TVsSAnZWagAAnR0P/juGZM/sTCIdV1R3dEzh\nn0pn8yK8nzO762kV0ZApffH5lqgmAIv24p7qj8rwqEFaHAYaEzeh3gGNbGzr\npMxPIgb4sjUZPED8I8vxpKmhsrD/jKWkINTjNFwURAXBMsdqzOWw4d+Iomm9\nvhLYP0j0x9yN19ZlhlHzsQMGwwAKvK0xus7jOyg6cOBjQWtW+T/o70GKjR8l\nV6jIC4NjiJoyxHWATyKwkoE0mMhR/b7wJZMjPNarN3Zk9a7YWvtBx8gBZGnJ\nFkeNYR+J6agaB+Er75+Wsif1Z3CsMt1UJ53OjFk0k9sS83Lc7omzGO8w3Grb\n2teOuNnmLkm4ODmOMt6JLmLp+ZBIZvw0JzPKZFWn1Ylbfh7jksDQEloq78kR\nQFAcMHKH64227iGVTr/beaWQ0szic5Bfs/bqTo25O/ryvBm898T3gtt4rYBD\nYrfZ9s+2Dg2Zla4ZtOw9OdCpvQqaK3vb+h0PLaljmAXTtZwtUJVkBar2tjJG\ndUGPBKjSbcZnizEawXqOD7AwgCzkmxb7XSJABuCOoG/xhGlLRmns5giUFCGG\nQi9i7MkQ2iMNvMfIm6uQS7glk8zUh8qzXG/FslU0XdpFnhXwSmAy6hwGoFoZ\nyPDXEjLcC42gsgp37UKQOdUbSknPUMD/J/D3pROIwOevInryeT4V4m5NLx6s\nh2VS\r\n=cGLv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"533f28d31ceee3f93d9c7695d4f394323e37af4e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.bdfd52632.0","@material/feature-targeting":"6.0.0-canary.bdfd52632.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.bdfd52632.0_1582143724487_0.44927352630248274","host":"s3://npm-registry-packages"}},"6.0.0-canary.ad2e4376a.0":{"name":"@material/touch-target","version":"6.0.0-canary.ad2e4376a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.ad2e4376a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"708279297e6c259b6c1b53e30137f9c71c44b645","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.ad2e4376a.0.tgz","fileCount":13,"integrity":"sha512-iTiijvKsrPCQbpUDp4ZLuKFFvThop5+ayLNM6vQDge2fRsfIy9+aEPAtTtANCU+IayPq2v7bLuI7loBypKGQNA==","signatures":[{"sig":"MEQCIHRE1JROO5TGTE4UbZ/Sbsk/zRSgah0WNgnLLwD19b5RAiB8YfarZ1k+P7gyDm9je7P8Lle7OAId4NQZaB/0ZLWsLg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTxMYCRA9TVsSAnZWagAAGyQP/3KpbW6KeQZC9vFY7KYe\n/ZUADAi1lNjB84GHA6wqb+ECP/3o2FzyEO7dZrhVQ6knb7hI4W95aHQufVFV\n28mmUZwmr8tY/u5g54Wh3UN1+B5UqOX4U6XQBgcX5kKVFEWoCejThQyGJDo6\nBeFcUsAMxQ7gi7Apy81ZsRg6gSlNV4stTJlxsQ0KtwDBR7g1X+liNmfKbQ7O\ncIlgJ/zT1iTO9QQ/zFyulIQd2Awhh900JHXoqScfqRYKPB3QHh92Pml3W26r\nmIBjGqdnAKrUrpv9MU93oZ7U7UCeQyJuRF7WSP+cOVQ/QPzIF65VDrbtB39Z\nyfvW8g1IGXb9g9sH4IgXFOd2BRNTrpAz+yq+X9dXUeDqkSc82whUCA/W2Q7d\nXuDlhYSrzZ9yDTGnTFyVa0uPQRWfjbxdzkamdi2s/WRuksd+RYNj7BA4UHBl\nb5DRVSuBoIdKqiHos92T2QMLT4EhrD/HMXlpG0/hMTUacFtY+Qg83/XT6jq/\nf9T7y4nkr2lODebFL+twyjXIXQtdkvaHoNuXdf/sMW6EUADS1G0usmTE3RpP\ndIGqSx1Rlhysw798sjBE3eqxIGDWnR8fZsOPfEYUvq7DJM9d3u2jSQ99D1yy\nLba5Iguvk85IcDxZd/lTOZVSfWFsaIyku/i0TJJ5I8sOYJT722euqTR3NpAo\nl5wv\r\n=FB/z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a91629ff788e0ccd5049a85d588ddf65efe5899d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.ad2e4376a.0","@material/feature-targeting":"6.0.0-canary.ad2e4376a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.ad2e4376a.0_1582240535924_0.1249159975588352","host":"s3://npm-registry-packages"}},"6.0.0-canary.765caef18.0":{"name":"@material/touch-target","version":"6.0.0-canary.765caef18.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.765caef18.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3d1ac2fea4782ce67ca8034fc9df953d46c94937","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.765caef18.0.tgz","fileCount":13,"integrity":"sha512-Vfqw+6CQdEbiCb6uKpqOKpE4N53Q6cZBrRUtI/AArXS2E7rVJBR059pz9++Pp3uU8KO7/gd0kPthlQBW4D4O2Q==","signatures":[{"sig":"MEQCIGQr9h3gtHH9cBGEvnDU/rL/mOnNG59TtbeBc3dNSR7JAiAEXPlKbE/pfsSdjE5Ta1rMkGAqtjS7IAYFhbvYmg8FAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUBQxCRA9TVsSAnZWagAAZ8gQAKAmC8o+pliSnm5SaXrt\nciOLxPkHG08uCY81Hp+Mxpdk3qrRz2Y+PJRSGiKkEIjWDQsJqUPWeJxrPG++\nxQDNkrbHrrO2sB21UEO6vgUf2PyoMKZWCwjvDjMU2+nTHPVCiGxeQg7HAVwp\nTX3Uy56tzO4WBGNYDZpKxMH/+mQnGCfIMqApegkEPkSXjKP8M0h+H/K4SDax\nTyBVkAEKLKHiwBKBQCQt7W4+5h0z8Geebe4Hid2TfrXcbarXteZP2a3vZcIY\nPiPFEAkBqf3G8bi+fqQR6DWB/eWmGsO+V+2m6PrwrGQ6wUmkP6RvVE5s228j\n4jvEjj3YKEoa5xvp6ftUAqjZmcWWajg0jtH03svNKsHTtWxARrq9LVf9oPEh\nZ7xWl2qf2xkJxYEnqLVNej+KqV2ocBZ5JnogoLSM4wgAAdF/12sNc2e7veNN\n0MKCREhTZNsvCyhkGergA9iJQ5Yof+z7xRESbCSKFNUNOU3bGZJozdgPgbBy\n22hY58RQCWX7wWmF+B/dL4w1SAXtyqmOgWhp0p9zCwxjSZ4nLH/5lH/WoJDo\nahQgcokDn7cco8br55zFRfgKjUDu2/tWf0Oq2BY1/WkzVtVZ7Jmrqfxg2L+H\nLEPHs+z5mDmWk5iGlgIdKy5DZUciCSEQsom+F3VfdZJNXQGuzDX07/Mhe/lj\nNeig\r\n=1pjC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e18ae69dc972686bd9fa70c34bbdda38c5caaf0a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.765caef18.0","@material/feature-targeting":"6.0.0-canary.765caef18.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.765caef18.0_1582306352915_0.8099226345952493","host":"s3://npm-registry-packages"}},"6.0.0-canary.949562303.0":{"name":"@material/touch-target","version":"6.0.0-canary.949562303.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.949562303.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"02eac81912e344050e42306b1c28ca9a84c1b586","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.949562303.0.tgz","fileCount":13,"integrity":"sha512-sCA1rWVFz8ioyWvWTFk4xCEGpGTwBQ43l2lcE84oy+R74ofPK6UBMqmGwh2O8LItGArahpb7cqMWA6m4jKHYOw==","signatures":[{"sig":"MEUCIBe7B9N2Zk9LD4N5QYHYl4nHaV84SEqsxPiOzm8yJSJyAiEAi+2e1BKDXwrwGn6iA1LuhwUW2wZgSVvclp19/aYVyIE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUD9xCRA9TVsSAnZWagAA2MoP/j++1UoPkTKF2jDaYYF8\ncHRWQIrMboTpQSOwe09Tp5wyJXZ7vRlDqO3gIF/d10rZMQzbKess3OcZjIgd\nC9O0HgUAAHtbdOrmzuRQNSVYXy/7JyEtA77QFIC56uUtv/DG2jKTPb5W6Muz\n+WICL69HnE84fkGia0LWUFF2JHaKlsh02AwVa3eGayjyPtZ+A1/JMAcbMWS3\nnT967q0kecnZW5o/iqeBhPQ2y2I+4nfq0+u5Qn6EzCBpYiY4jFpgPExggGsW\nRH0+/C27erfRRQwVncZyyXtn5n5paIEBv/PY3utYKGG2Iy88WkdYXeIolgSU\nvQ8+x0pQu2+Yj+u/xJZ/jPBfaGryPvplJGMarSpf5JHoyRtnwJHu/k0eJU99\n5ttPPNIdpODCXNyuVu1j68xGC0Ex0IcpWhH6bEf/wJoO8AiBtHtJZUkTSZGd\nHYGYpFrFw3mubskOfJkiUsnEPdPZDQ1eU+ah9EamWR44WNn0HmLYDI35gZy1\nmVZQ53BvJdBgsad7pL43YWUWTKy2Zs1sIM1eaAJBkUxsFDSP3zuFB32LhPyf\nlZ3k1+HxjCEXqWli48Jzo8rT4/Nru4fpGAAH5KumK0EgqtnP9lQL6U6+dFa2\nDOFkwp8eV8bdewkkd/7svCK53/d5eFjA3CEz5jnmucBlSIPbyoT4M6Enjeib\nA9xf\r\n=stbw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b23ce78ac58e49e4a566fa22d5a4001cffa160f9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.949562303.0","@material/feature-targeting":"6.0.0-canary.949562303.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.949562303.0_1582317425250_0.01093215743195941","host":"s3://npm-registry-packages"}},"6.0.0-canary.7ec96974e.0":{"name":"@material/touch-target","version":"6.0.0-canary.7ec96974e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.7ec96974e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd1cfb16d6d71aabc6375bb5e3b89b4735e2796b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.7ec96974e.0.tgz","fileCount":13,"integrity":"sha512-CMtsxSGo+0v3G0zeRFm8QYXCPhiA3G5wqytcwHfvPXiV8oA3jKXcLcfvtGVhqdc+Tx7EMOUjh9YPTFbuxylnxA==","signatures":[{"sig":"MEQCIA7l/4V9AA4iE19Nw2vwoa/Ah8wIRYRQg01FBtRyIedMAiBUYM7Na1TBmh1WSX0fklIEscUkTRcyPB60k9So9CpS3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVBydCRA9TVsSAnZWagAAYZ4P/20dZyiPPmubmZOzg8ng\n6I6jPFqNUH9yi9ryut/JpvfNGOIMRXwH4NK5j0Z4XLflkKkctnQhBnPjoNob\nWp+VbyWm2agKcnWyRB6FRyhuMqNU1rnXrM3UTwuNJl0mnPRuLhelL8can7Qh\nXJF6HnJHwkDrJFe7Jnr/1vCgOKAtVnNXxqS/vahEs12B3oLfC5imFRiJktsP\nny3Gib3p4Z4JXWOfcviXchFOc4CJLM8+7eowiFl4lHCChjBXSvT2a31jHcWO\nlLjfky3lvuQwa0snelnI3a5mBmA16CN5CoylmNDn1KcxAAN6MBA4SpqCfFG8\n8UxqzZJRXLnMXb/HQM9vNNZ2BLrHaUg70o1VZCrY4P3+t3VUS8/FTQgPkPcw\nB6TNSQXNVkghxbcBRmqcukW90rtb956hcZrNK/dXxEwUbVTSsDk5wkF9IBwp\n3WATOv7SE/zrveP/nIeJlrw07hPXsuFowaTSMazSakG4+aPY/O+9h9svsCZE\naQ92lqrjS115jy0IB9cLt6pQWfFsH0/1qcYRiQ4CHNQGaoj3S69n8JFdVaxj\nbMPuAkqJTAM9aHlfnbWyAICaxSKauEKSua1GEVaDlGIjKSrGndw53hkfuASI\nPvx1e6ihkY4B6qrab7mP+hKf0SKyUsi9rlX4C2RmNPU513qPqy5p3n6IXv96\nnbzk\r\n=IFG7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"79d3bd54f6272eb54a09e4cbd6a0e62f64e30a98","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.7ec96974e.0","@material/feature-targeting":"6.0.0-canary.7ec96974e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.7ec96974e.0_1582570653544_0.6482885780362693","host":"s3://npm-registry-packages"}},"6.0.0-canary.265ecbad5.0":{"name":"@material/touch-target","version":"6.0.0-canary.265ecbad5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.265ecbad5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"80d99eed24bf6b4de59dcf3a439628e6a4725ed0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.265ecbad5.0.tgz","fileCount":13,"integrity":"sha512-W3AxUxQj1cmDe9UjWgMVuAmWi3PTkI3wwiI3sbM0lDEdB0FmDUMRFRM4uueQ1TSREOxDpOi2k2Ken17f46fiGg==","signatures":[{"sig":"MEYCIQCOhuhP5YgGDRC1PUYrQfjZ3Rtdnz9eaStSxOWJ6qwJ8QIhAMMzbTZd+gRxoVH/1ud92jWqjLJhwD1etIh2WPrRrO2m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVYrmCRA9TVsSAnZWagAACEkP/0mIVD2XT4c9iqtaa3Xz\nxtcYRfuxdCeMUeXNjL9sx09autUjl1svd0BBUScH9vcvze7eWnCCX1TQXiPj\nN34MTejqkGcRmLDPjcCSAS+TQ3PeJ0EX71NzpcNfjjmJ453YjB3sA/aQIn8l\nFQh/vG4IoC5vdNDTmsOyzdSH4Z54oPrFdZnx1Bwhb02QRgnugUSRsPsEgftQ\n4lSkd65gMbrxlp06xEVZRpuwqI3RNnOe5lEaBAvB5wktLxph/IdrwdruOIxU\nYkHbwbBMXxHrHf1dBxR/M8Yx5+EOui7V9paYS8NDmO+fMBCzfFR+HBg9l8OO\n6JsU9UyhnVme8R778ZrrnuD5Ke5neOrt87Z8GL+G4soJPZB7NCK5uK2lI7kH\na1oo4r9DKFun/See5/Tv9lfP9BKeaRQC913V9V+Mc0Df7HcYlhIEN01cpzCu\nFPRCplwm0rMtkrx53E82m73hLiUTEmkV1zYACrOtW7mq6uBX0C9TO/I9yMbb\nWDvlWpfMWDIVgQI9QCJdGa9FxRmChTK9R+BEeYJsJGT/83ap3UudeJ9cH1Vs\n4K2yP5g1nMf/UTnHwrMOdthlfZhF3kLzOxrZf6DRfxG+jpHs2y49AYljOhLK\nZAmIgX+bdAC6dbiW/kcWx5v+jP/GsV+CnqIjlKUxfy5MyfzfjdJ79ymlv4Zh\nAbQu\r\n=TS9u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1600f4154da0a0943fa8aaa13dfa15c79b0ef89f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.265ecbad5.0","@material/feature-targeting":"6.0.0-canary.265ecbad5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.265ecbad5.0_1582664421781_0.7980517489512693","host":"s3://npm-registry-packages"}},"5.1.0":{"name":"@material/touch-target","version":"5.1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@5.1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e03ba901acf118c91eb4cfa02034964424565a2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-5.1.0.tgz","fileCount":12,"integrity":"sha512-lR3eoL1D0I/hyEK6I7bMFDBy/pE0yYvjYUZtL1vC7+2i54A4FgQ2hwnpQJVaZQXzrHdj6xsXmODphmUsH5gqPA==","signatures":[{"sig":"MEUCIQCVE1/eyTd2WFwERgfMhk6DV4a0ssnFkU2mPd47aa0bSQIgHMuAXw0XkbD1knXQP/U8EHNS18SshbFdobjK9mxltoc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVZOTCRA9TVsSAnZWagAAO+oP/0f63zp4CLOdswFqfM99\n3EPqkBrCoy+Qy6zHGFrMySE6Rjx60PcSbmX7/ri9x/hTYpYIKNLY4SYcfShq\ngre16jWJu1aGoamix43Np8WPfpiPMXzhaizuJoUucyitGLvKNE1WzPmwT4Rm\nzP7Z6K+/8Aq4u+/GYsrsLezSwvuPzDHannufbyoO4WHylclylq6lbOWEcRSw\nn0VllgbC/HjCrfr4RNYPYKgrIB8dRcnbC3l8CYGW+gs/jy9QCASDY/KEjOce\n2UuuAQcnxsdDHb1ZhcPrjl1wkrT+oJgOwuFjxSV9U+QeTkqw0v09WrN6n8eq\nFQPhNxbdU1EgHuHqXhbUDc1kNumZfxjtqHwGkIWeo6DCL/DfQ7M0R0XKmz3J\n8z4kvcF+RT/I6ZQxExFQ6YhC5MdNy24F+EDKNI4z/t58s/z5jBZwxdcLqckO\nHS3iDmeJXWnwkl6OJu1IS6gN1DEqmdlk1Zp/jjwDTcBmBNi9yEmg/XWjAZc9\nxiPYOm72BqPJ1x0LIGGjVIF3cmAgktCGG70tenx/KrQteKhRA8AK5sdWiU4a\nZqdbsJL0D35wnIetbUXvhOa57Er5RQcamlrszKphji/7Vkh5arsUCB/g7yCq\nMhewLh7D9+NlHH7Ub6u4FcMvS4JISyrIiGmEFTNV5Nt6D2KlCnQnymTIUSOi\n2jGt\r\n=Dpod\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"2cf87456f7b6bb4803ed5f1b18a06320c301a1b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"^5.1.0","@material/feature-targeting":"^5.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_5.1.0_1582666642474_0.7124860983391417","host":"s3://npm-registry-packages"}},"6.0.0-canary.2cf87456f.0":{"name":"@material/touch-target","version":"6.0.0-canary.2cf87456f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.2cf87456f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"66843abfdd6ec85e88f38400bbf1f42ce6767033","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.2cf87456f.0.tgz","fileCount":13,"integrity":"sha512-R0CAekKKusJ7l926daFmy4xw8yCt9MYjf05pN+WGO+UIstT2TujOBrfEMjyCfp8Tzc/331fv7Gc2wDq0k9vgXw==","signatures":[{"sig":"MEUCIAxXjmWbSNuzXZGzmOgY+Kz+SNplm4PxQ4/uDDjnqTLiAiEA8YT83Kknj9nTkzRBz9ouxzfhChcgi66+m2FSpOGQLQQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVZPGCRA9TVsSAnZWagAAOdUP/R6NPKRxj8o5v0RgcYi0\nmloQGEkvqIOga48+3VT/uRQtAAxTfIXgsvo94OsnhMz1H0U/NEKnj9ebx+Ac\nfBI0YIwX7+9/7eXgZb1mblN6m6KG/5ZLKfyypMO/83KEUKDSYkJ0z7OSdose\n+aCQT8jkQySumlcfHyu03b62mrPK3uERIIN1yNYs1AGJJHctB/ez5vRYtgsZ\nUZO78A9Hfcuz/hoPpqDLVHk/m9rV8kB1gmquTEi4tpQcx70nGkG2IjSc6wLx\nt0/XQY4P1ZsETGUiYVjmGFq4tQ5u8Uza5RdkqNgdOKdyFH4fsLpnPf4Js01I\noz3nU5gQF3L1+aLmtNQUWL18z6oju6iUe78m+TS+qyo7Q9nCPjE0M13zo8Kw\ny2Cx5IiYjYlig/Df5rk8Nqa/dQpSQoqyF5HJQhNA10GIX0dqX31+FbtptUdT\nsizLOtl+CqJRs4Q9GHO2wpU9LExkUi3qEJVQnooUDEPCOdAfiojbELRoKz4J\noT2RlIG5pG1gWMTBeyp7FisSPoNaBuIMjPLUgGB7Qp3JQ8J4SFOf+3bAm6GT\nFoHCL+1xHXacD+fPrWhqmcmIl30kMAk3Wv3B9iUV79STOqC0U1lUTV4I/rxi\nGDGakIFDcW5vbmt0mK/lCaqLjDO/jRqApHfB+ETYxdCA1176/HIgXIkWDjPj\na7/k\r\n=3t4M\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f8e328b58b1986d1b2e248ebeef472088137ffa9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.2cf87456f.0","@material/feature-targeting":"6.0.0-canary.2cf87456f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.2cf87456f.0_1582666693523_0.9190846832331776","host":"s3://npm-registry-packages"}},"6.0.0-canary.781434a92.0":{"name":"@material/touch-target","version":"6.0.0-canary.781434a92.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.781434a92.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2c42b079ed1d3f917bd9a24a040efc1e107501a6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.781434a92.0.tgz","fileCount":13,"integrity":"sha512-osg9K/dPz84sGdw6laGU7XT7jVQY5WFR5lL25YYoxPT6f/VXiXrhNiEiKeq+Ih75wUq3Ww5D9Dh6z4CqAflnwQ==","signatures":[{"sig":"MEUCIQD/a5QJo80ICedXfgy25SAjqkcj2IcD9BiIymRpt2tgFwIgeNzGhTatlOJoTBbRwEDKxi5PzkynGgKADYG5e7hIeHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVa1jCRA9TVsSAnZWagAAh4sP/jKJEZWaAeDjWH8YTc6m\nzjP881sGjJTIECf5O31I3IhDoyJKstkD6udYlSW2+KrRNxR4NEEs8mu+njc+\nmcQOV0rtIZvfF9q5jcTvyqKxebc0hGVZ0Jjf+qcaH37WWvVzPwgDjZNuGkKH\nDFvFvjm1jRoVqC+kw0NZhwxwky8kXEgSkm0vClQHzKl70XDSEdASab2NWpeR\nsdPHwFdjCKK75Vmz1tmxUCBR+28iky8e4Xo7F2TbrN8GG9iY6RHnHQt10Bup\nbBHPYYEB1OVTXAhqLSj7GV9IRdTg/AGY0cNuVQarJJg2FONA/LM0BCLXb212\nvEsDwh8AfBd9UYdfTOybtaKh+F24jQDJPg6h7kbbldIBxauxi2xpb70W5gRx\nZzOKTkgOYdkDe/DOw6OWqSkFZkd9s53gAiV9K70WAU+4iwKktYOo6DbtpIQI\nGukHF5/kHD+ke0ZNBainofF67yOx5YGA6tIgO+phLLywpBqIRkKQJAeJjYxZ\nbAWKmYbjw2A3uQrbPdyW0LfB1BS5y4GJ5/KG5b9ggK5/X4ugAvPKQzwL1F7X\nndKclwfG+fonvEvAqySvLJX4/NMZxq2BtuhcMJsnY2inW96puF2FP3VXWVGl\nYwyj2FIFD6mVPOzRP7hUgKiWlq4H+T2U3goAzRyhRM0compgF1tsxATkFU6C\nXV1R\r\n=p6d6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"550f1e0ff50e94ece83c72bc45536fa64683d7fc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.781434a92.0","@material/feature-targeting":"6.0.0-canary.781434a92.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.781434a92.0_1582673250997_0.27743190500473536","host":"s3://npm-registry-packages"}},"6.0.0-canary.d6f60c98b.0":{"name":"@material/touch-target","version":"6.0.0-canary.d6f60c98b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.d6f60c98b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b940334d8b837780d3b2eb4614c78d52b8191b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.d6f60c98b.0.tgz","fileCount":13,"integrity":"sha512-qsFOWRNP0fKm9+oosNAFst2dbU4hC9i95iUXhLq9zW2HbceVfSlcKGuyScw3exR6dFpuPTySRGMbwIx4CPohXQ==","signatures":[{"sig":"MEUCIDDWxr9kbmOK9loz+LxTlJFXzJSeLLcjRcMHX/tIKk/6AiEA3lvHI6vDAtkZbDr9BwhVgOiUFkofoNWp48fN+McYcfs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWY4YCRA9TVsSAnZWagAAq/wP/joVEyq1g2qnWwuO/1XR\nc24JvK9K9/ygzMDYYxnJmJ97fwmTk/3yJpJO5lVX9ujuXjP2CpnP5rWVrXqW\npEk5sjeoCE0QNAJHjQJ5VQi0+N29iMDSFFmGkf6TrGVo6sTbyIe1b2NhFkjC\nah1FYno2WWzmhWvEjdl8rRfWtdoXH4pdDWNb/nic5YT3Hm8hg9MIrO1Som/t\nyQSFkuvKiC+PofZbRtc9ImQ6+z4JO3t3As9FPnx+H4L3mHh5VmOOzIkbuKi9\njIuHF+t19CSlD0N54E1traKMCokC6YkMHm4/SE9aUy0LW+SMjRBmAxCoUU41\nRsWw00K7yhz3IWqLnB30rAXRQ05nQYq3RR6g7UKcmXe2oYl8uHAnbfkcX7UA\nhEW+LJDxO4bwLtZK0q3lHAHRuyBVNc8ys57UrU2SRZuxgE8Y9Z5a6EWIOnUP\nnbIlLfD2xkLY4eWF3Ov2PARRorsrB6l+L5MDG43tromsHEXn0hkKNkK9/6Ig\npIq3e9aOle66wOdeUslADrV1sVXh2IcsBFnF2WaZGB75F2vuQAsc1GugBu7m\nVqh0KmlnNjv3GartVzmnMUk5zBh7mUBb1QJDBj8mQPI09EibgD6kU2u8I+rw\nnJYaj+WVS7YkaTOn2wgfeY/GGWu+vnh2b78vqchfpYTELlFRD00F2ASwbK0i\nH4Q5\r\n=jdiN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"51319f628dc2d5447017b393bcdda8ea48a93896","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.d6f60c98b.0","@material/feature-targeting":"6.0.0-canary.d6f60c98b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.d6f60c98b.0_1582927384112_0.8846039308499485","host":"s3://npm-registry-packages"}},"6.0.0-canary.69edc6e28.0":{"name":"@material/touch-target","version":"6.0.0-canary.69edc6e28.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.69edc6e28.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"144b34c386d479e76a652d9b5a431ca05f6f1ac8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.69edc6e28.0.tgz","fileCount":13,"integrity":"sha512-GzvUcfCAu8CZYIKrnFh0mlbW+nUn1x7EtVctzvEAgrbWdfBG8X/DtkO1EWeu9NiildmLuNbYDTpICvvWuIuvNw==","signatures":[{"sig":"MEUCIBq/cO5h3FO+yqnGiKGkvteLIyL81a6t5Ku6JMXajbDOAiEAoPAY3Y1cgWd7hzv7N47oZcrFz5tkIQuY1p8JS1fCF7U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWZAXCRA9TVsSAnZWagAA7XEQAIwJT8xIhcqEth7Vg5wN\n8zpkbItgXplrR8koFwlHqDO/NR40CMlJ4GhkJnahVr8qDzTCFQTx8wFgmGh1\nPk6dCQTdDhIl9S4Qj0KZ1ifwvpUlOi38LNpEbVgx0mE3jU62nFEEH9fSesVm\n7PCww5nYy3nn/R+aU2NalxxIzZSSnI+ppahU+LzsYHNGeS2RHWJ+CE3Otu9L\nYQOaUtAUmJ0Bzt++Am5Fs0dAQB7nDoeXLKTC3LbAWDPaOTIrWHWx2wOdsRQY\nbs/OKLTm5n0pHXFcVJgbR6DagIlbJrNBj5gbuD3vvvaC14BT8Mf+6tBXXMk8\nL42AcXBnOrJoPBN7kYbpbdwi100bRXjEDQHHJCTKSpOJZa8Qk5OVRdjBBq42\nxbcK1CToAQ87N2kwA6AhkjijaAZr1hW1OQHNtmN8QY83F5fUZZqnyKxepRc2\nzVrsD/FShRr8/Xm0nl31VzW8nnwtYSaxF8hzoyOirY/wOy0Bh9EEjfDloNPc\nFhXvq68Yk4OQdgLpxSzIaPcuvz/2/88dasDTjZhBqtnvl87g/LWwyTWchPan\nJCXR7J+pttY76vv0XiJkirLYQIMF1+hhAWZR+twkuFxNJsCQr8I7pSBVpGE0\n0246o+a13jSk5hS+iaSO8Z7u7askZF7L9/KD4yIRKgRtsS8LDceZFcBeTs9h\n7xv8\r\n=jxJc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7394312b46cecfacb3ac97cf147ed16fcc42e538","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.69edc6e28.0","@material/feature-targeting":"6.0.0-canary.69edc6e28.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.69edc6e28.0_1582927894984_0.8737586955567556","host":"s3://npm-registry-packages"}},"6.0.0-canary.9372e4939.0":{"name":"@material/touch-target","version":"6.0.0-canary.9372e4939.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.9372e4939.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"78198a17dbf2ed608c502865513256f810d1a60f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.9372e4939.0.tgz","fileCount":13,"integrity":"sha512-rXRxfu0q7FXp4gNBGyNz7BMAE3CSjrb6Lyv4ex0ERp18kKxXiTgASIm8sduW7B5E8rN1G95NIhX0ay13nKjx5w==","signatures":[{"sig":"MEYCIQD4HnZzOrU5KPXzff0L9zrW85z1KSKdscRGkYtcS1vm1QIhAP4lIdErxI48ibC9uBf1H/NJ04MAAE3bJ3nfXcL/s77p","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXqtWCRA9TVsSAnZWagAAxTUP/1cWgyKaVhBh3VahJy36\nais+f7O/GRphMySH8Dwwo58CSxphT/YCx3gPRiWMhY47OtDxtRqU8mwRg0qi\nkJJBze1L5TqlfYkwcowKai2C0OHIqFCILVH+TUc0TOvw3XN0nn2+tcXQkDtk\nBl/4IC05RaKtHSzmxouY9p/X9i91LipFwsD7ZM41oth7jq9TkKC3xqL98YKn\nQyQZX/qUXt063RQTRtbASiJtw9LtLIYmVOPyidRyNtps5LkubVL3+aOzpfF7\nxjGMlhp8PUMiAjZ+gCBnsaq9fdGUoYxjcTsNFPTuIhH0r2/ic81kIvWrIqDA\nyoyFVmnflTpK7XEOdgjAEp/9MuQQxPQpQk+KMVpSaOWUSRlTMivlFjFq4Jo6\nFvVGAb7dbAVpOInMLL1O7UyLIFbyQYCYMMsVxYsYtg3Kc0U8qLF/rVHDFf/X\nnssDTa7iHgq4+XHfxN9AwDyActGQJ1Jq6kvEI9o14IIg2AH/huo2auq50Cph\nMmH9HRHe3cVLLCZVaghSB/9k5PxgWlJbEf55iny/LlFi4nfL4MKn3T4748x1\nrUjlDvoud4rGeriPqKoAZc7n1uin4XNH4rF5S6NqxWDDWgZPtuDwPFR9qPT8\n/pVfyOTzQgcpqsPcMjU/DVFGNyzrX0Nd8Hhx0cpbnsmATQoCzBGAc6R3X+v0\nfkSs\r\n=F+zX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e54df7e88218f93cffe81e63d7e28371126d5611","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.9372e4939.0","@material/feature-targeting":"6.0.0-canary.9372e4939.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.9372e4939.0_1583262549699_0.8386912065297216","host":"s3://npm-registry-packages"}},"6.0.0-canary.9cf5e9842.0":{"name":"@material/touch-target","version":"6.0.0-canary.9cf5e9842.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.9cf5e9842.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"47faade6b65e93a4ea3338bd4cc0dd1aa8be0415","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.9cf5e9842.0.tgz","fileCount":13,"integrity":"sha512-M8fLBDIlsbLY53geap3304I3XUe7auMv4Bp9afC8bxC1Z0AIvAIqjSXfAo+0zBphLtJROz7Z7HdnZpzGcPm37g==","signatures":[{"sig":"MEUCICc1bbGc3D9KhkpN5bjH0ytcDqLhcEO4CUBZ/MBiGIZjAiEA2RasGsjqsJtgEid954cI3G5pVaUv6mc0qoBIm6z0oOI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXudbCRA9TVsSAnZWagAAwl0P/278wWKetn7wRWeV+DTC\nL46f8glDqCyY4qKYcKLSAEYMRlg9TznFm59T4hiwQGt4iHTwNVG2WkcdOjfl\nCnLsC02laOvWY+4MVHkW+CKDBsRw4q0oOjqs2t6SEutMBGRAUKEsxNedobMh\newf7Glw0sAaBDyDljCGZAweNVcRKykqnxTXA36XR5jhJAcFA087VgnbKoQ4r\nnV8NgilBwnBYFOGEuGgsodgXCkA8ymOn2Qfp2geLM5L3SAgvz/sMey1VR1xH\nEVaPEMbJQ2uY4ktjctQKrjK6TBqAWUoq1Mpu6kHQ/3IFgybQMX2e8XCqbeSS\nZbdISwyhE5dHbXinTyttW1RHpkV7tATFRwveXlUKAHqxbErdbQJx4vBB3zHW\nAfZsVgcgu7ef6TUZxM9E8kF+/Ny3ATfHhGuaEyQKSYk2hANniILAyhzyVHd7\n7593i8sk1sTgL4LqU1+O6TBZDz3bZdmE0PonHU2WUU13I0CbSeIn+pQnzg7D\n0BhCBkjMbSgbFhRMvo2d8HDUif1fOUfpiTvmZCACVbNc8POuotpkv4rpQ/3X\ntJVYMCy/mSAxomZoI+ZLlU8PCu6a2nz78XgCMFBYnsOqJkPag7d8OcgLGsEx\nYbef77++DGbkGlDznXutiW/Sl6ikxC87cRVTabI0DSR7p0QTP127nLUfLi3u\n7JJF\r\n=BW4o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9ae3d1faf8362261d4cadb5f9386265501b7f143","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.9cf5e9842.0","@material/feature-targeting":"6.0.0-canary.9cf5e9842.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.9cf5e9842.0_1583277915004_0.06409295262755821","host":"s3://npm-registry-packages"}},"6.0.0-canary.3657f8863.0":{"name":"@material/touch-target","version":"6.0.0-canary.3657f8863.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.3657f8863.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d27a793ffc62975f86ead2a35fbda769341187f9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.3657f8863.0.tgz","fileCount":13,"integrity":"sha512-Ek3pDEPHw7ayYVGTad/aWZr0CEEDPB1/8f+SejP+Ontv7KTUHxcfmo9Hi44s5tKtEb6RGA+Q1WqjhnDujeuH0w==","signatures":[{"sig":"MEUCIQDaN2XPj1z23ONe4I2dKGNSyTLAmQVFE8l656fsrl9LcAIgYKh6bR8GUEMlgy/enNyqpsasom0Jy7pf484HoJeCKKE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeX+jLCRA9TVsSAnZWagAAnSkQAIF/rMLq6CvT4CtHXSNQ\n7p0+UYm191+luewaZcw97aX5s5FzEA/yY31X0+asFsiJdolDlPGYRqk/q04F\nr+M9oonTD4dMLp79Ad7Mgba12D70bgie1WaFG08adDcE/NwfZGgl8IFKNTWa\nRLXIVZcjXxglqiTB993LFT36eIzDbDDTFxamIesVn69tYWXMNaoA03oSVYvd\nBaLix1A1qNE65b9sKhWDvBw83BBjBX3W+BHeSZnzqI5LiR54s8QKQ1h6sSvu\n4b992O+8dPp5qZdCVgZENDuXMmsMqFc2Tm6ISwPmqG+i/1Xtc0bCuTfXlVX+\noGxdNMYjS86bfvXbuL4RC87V6iAp+0qtHNmF9FLRO9rFA/ZvfHiCE+p6MsC5\n62lDUkjIHtej5KKDYuf2deLIBgylFgy2hXhsC8s10saWlo6LbJo5glL+XwD9\n4amB65JUaH87HBf6CXTvnVl2Cjen7m9AzH9eOqqn0gyPWlgBRrce3kHLcu7J\ng+MUh+gSDn/cBSeQj0Awdl84gnuAbuW0qUzsmlk4ED/VBlf2gTdelrAErTB6\ngR9MOqFQReMC18nkAcqJKoSteOarHNLaym5ilvEAHxlrLyCaACi3B9EFZnaj\nZRF9KVSyQth3z3cmKuTP/EihfQ4pKcRaBE+Fzo+QW//No4B2MVesmTuo4OF7\nIS5V\r\n=Bw6H\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4075a5619b546f352f6366e5e90c61777ee28f5d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.3657f8863.0","@material/feature-targeting":"6.0.0-canary.3657f8863.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.3657f8863.0_1583343819139_0.6880450670217433","host":"s3://npm-registry-packages"}},"6.0.0-canary.98b843417.0":{"name":"@material/touch-target","version":"6.0.0-canary.98b843417.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.98b843417.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"829f154eb77b9d7903ea20b880d582144ccd62c3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.98b843417.0.tgz","fileCount":13,"integrity":"sha512-80yWmGoIQkVGgf820gTnFlE8srUr/+EH0Gzmv7M3KApNSK05pCFuTdlr9a3pXheNIkyvUfBaKah9bWt26ZbufA==","signatures":[{"sig":"MEUCIQDSi/DwNA9uN0Bwl12vd3uZ4NkcTY6RjO4xP6One91qQAIgD5XJZP+dF5nW3A3KSBaAU7LOeAE9zUxYXpl9h+x4b4w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYUVHCRA9TVsSAnZWagAA7fkP/jb3WlMxbQmSMrbwjjf1\n+61Ng2UQrxFSEO6bBGqM6zylHwHS6yhPN5QC76M+sIqJoRSwX/h6mBevShLx\n2slD9vb2Fwf8Eq6ja6fAaiHzutYDDi1Fz83BLtP9+WS6oR4+EiMzlzXewACp\nOKDdwmLfYeDbl7PzjC12NxkjdwUYPLilmATdxel6v4cd5UJ4MKJDlqLqL1b6\nTTPhuJv0BgL1Ls9Mqe5kO+N7ndk5XZzNy0Y3JXdAGbi1pfg6dKc0CKUMQdV5\nQbZsdj0PYRhEOtRTHfseMafIU/AagYhEzmugiNwzESB0GI1s8Bj5SyIGRgzS\nHlBupNB4F/FVIVQwy/IbuCgNl1eaPzZhgdb0cHD+0ENbx5rNLgYJTKYUmbj7\ndEh84l1538agUoytG03IwbS6Fxunh7gu+kwmMnQmcYGH/cL4m8hpJRcz4JyL\n+4EAUgU8PPQGYbVbr/uLLAdmMCyCQRWgcXBK3G9wOLqTyoXWGaEFMvr+EWY7\nLZnzjVulKotXlJVKJySUGAIGME8X5jMV7cFNWkBiVyB/uTaN2Xi6btNcgBYv\nSf6R954LvSQ320a6AOLgIaGAEOpdNyO4C/S3rj/bsKYm8rKyUTagtgAl+rMt\nZq0xJLXvzKHvZFnqH0dZHNJ/R53aHwKMJU6YaMWtfq7ZHqKLXHZzYix0nhSM\n8bYI\r\n=A1e3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"68f2aa7dce5bfe926cedccaedf1c0c98166d0bc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.98b843417.0","@material/feature-targeting":"6.0.0-canary.98b843417.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.98b843417.0_1583433030662_0.5546153743436371","host":"s3://npm-registry-packages"}},"6.0.0-canary.17b9699c4.0":{"name":"@material/touch-target","version":"6.0.0-canary.17b9699c4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.17b9699c4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"88922d64df9c10058f1cf515b0f31caefafeceab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.17b9699c4.0.tgz","fileCount":13,"integrity":"sha512-E21Fgt2DzPd+nzCcSB0PZxHWCEG7MrTeBNNgUT7zgPJVXAJLf5P4mnJWZv28iapQW8Qg0eezfe3KBvz5QFPH1g==","signatures":[{"sig":"MEYCIQC+rKO3FjU4PxOjiSxpWTsyjqaBF+DS6S5RE/2XBEb7vgIhAOIL62r5jWySLOCDUsulQP0iB0C8TJj73kBOvjr3Zq8d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYVFMCRA9TVsSAnZWagAAJZEP/3R7VyXHuCP12+KJ+gEI\nxt9Bap4Vbh7OjyPLS2EnNscUugv+3j1O5diuBbW5k5TZOCLXYQyclNZTE+/J\nAMs5YOaJUo4P52i1H2a7gqwg12QjBteiiemwi3lFKhO5J1ohfEcgE6hJXFN3\n/IZ5sCMN6TtS2icV1iZ2FZYtgNeyL/rMqSyVp+835TXeLYiXlQQEg1NgpUfG\noEEAVnkVPa3wapZbnNnX0xYRUlyMGaO9rV0rwwTtYYm6eFMJBy9sjf+o5ys2\nRcFy3eqjwgpNtsn8hEN1VLOlvRxvPdPu8LgnWkvpq0tI6HyVAijTlM9ghb+O\naOGyNsQY1LlsouESVu2U6P+w5+2UvnMmHENeVz3fSazT5r5DPPApcksb+bR2\n9vc2b6ljegt3W5ZBC2w0Gek+3etrvwZBzqrre+1EyQUdAkDYELgeLDbe1CuU\npIGrOYDKs9GkooeTNE5mRE1TgJV7vVUW+4pMVaBZrHfdQey4H9jdNa+PjQ02\nDqcTmlqPmlgK9S5oz5ovMHIgwClR1xszjFagRBTV8hY3XH+PCsXUPf3E4rJX\nKfpfZBbdTQmwNwbcWigI0+SKzpfnziLntV/c+ycYsOkYrGHRBeKP79j2U9ha\nezoqUzphtwUPwWUURwi4QPdmcq63diAhcmsdClbqtquk9//m5zWN+PiVuKpn\ncmEy\r\n=5TJK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5cc71188279f7fb4c0eb3b0b6b98b59815539374","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.17b9699c4.0","@material/feature-targeting":"6.0.0-canary.17b9699c4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.17b9699c4.0_1583436107569_0.4332975492576405","host":"s3://npm-registry-packages"}},"6.0.0-canary.6ee035572.0":{"name":"@material/touch-target","version":"6.0.0-canary.6ee035572.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.6ee035572.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38ea5b276139cc6818c8352209966edff1596cf4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.6ee035572.0.tgz","fileCount":13,"integrity":"sha512-IJyZXgHNAHA0j3dOHRQMvVf+NgAeL6Mw25mebj6q860tA9d/y3cG719iBu2oz77X11royVVoShYR5siSaUcg+A==","signatures":[{"sig":"MEUCIQDUpvxbQAq9a1dMPLMxSkoQVI97hduoatCkwIaYHuF5rAIgDky0ZnPi4L4BuNkcKosX5w7kKRhmpkPldrcqSlD6bGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZnLICRA9TVsSAnZWagAAz/oP/jqe7WZZc+C013uCImXa\ntEHvYftWIZvOlFjR1BkdqbOXJHAV3xpEVT6zwjGg9gCjeMTKR79dxb4QVqPk\nbM1Xdx4Qt62LanjLslbYsTx8REHp/csjvUaoDskbLx9KrMigD8a1RzKhhpjM\n/MQwxOvWM26TTxB13WgeCKB5TwKXXx8ISAInn6RPjK36uMrRDbF8U0Aa4gUJ\ntqdkvpshtI2tOUXzIEHaYI2ajznf5U1bUecRUNQCTlpRBkWV+I0Gee7kEb1b\nOLNa7xkoibdw6LiGR/GFbaFQ+G+ovhmw9Vhxp+4GCk1P/tXhMfIDg5N2r1EE\nbXHT83gkLc5scrjRc8MxGgbwu8pH9NAfBuxtyjp5793cvH4OJlVyBtWQFkKl\nhYZFfhZJQfpWxUak6NtPz414u8saUXdhllmVl9Ts7+sbtN7FyrgXNKbPHz0t\n7h6R9JUFhPf3nWIAbusdaxNkbkXfQs/4ifT4J6qIkCIzbJMmleGIjk8yR11Y\nukeTOpjDTyPAchjYyTpz4diLN5csjn/OPet6E/QJZ0tcSS923PZpuKMzo+8Q\nOeXNeaXtWZqVDzko5ttuVOlRgORc56jSK9ZoZAJ+5yIRRNXP11ZuwKH0xhO9\nkt2sjeT+axoQGkExSEpFq0Xb/WPDe3BDe5lkt1rDCr3BA+HYzljk9BhH542N\nSQa1\r\n=fFxg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f7d234455251ae34ac1d568b4654bba0bcadc57d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.6ee035572.0","@material/feature-targeting":"6.0.0-canary.6ee035572.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.6ee035572.0_1583772360430_0.22569280119758095","host":"s3://npm-registry-packages"}},"6.0.0-canary.bd33cb56b.0":{"name":"@material/touch-target","version":"6.0.0-canary.bd33cb56b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.bd33cb56b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1514493a9554f61e28f6a6781eab4b0bac06c655","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.bd33cb56b.0.tgz","fileCount":13,"integrity":"sha512-zVII8+1sDhTglIa0Zo2E+PqJPQ7PmSuy6Ni7mFEoUJGEdwcVPrAwGJ5Ll+b7u+xay/68In2HGyC1odKUCYsP4A==","signatures":[{"sig":"MEUCIEeFEb7sEGxLH57kv71FXg7u1WevsZB1QDeIvxMDt01UAiEA0Dhn+WL5Bu8x13APFsN355IshCXRr9u0GpZgQxuMwoA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZnsUCRA9TVsSAnZWagAA2uYP/1Zz969NItMdxzYedoeL\ns9T3go+DmJAmvokbHK8NYcUvRnI4knOHizC/2/QDmTMYMBCsxXZtif3ePFp2\nI9hDibauFq+mkfuTOnMC5rWJ8CNRRqb2zDpy+8kPfkf3iai1LCtnXAHuWFSo\nwjVyGn6M5oqxdsa8FjtFDPmBQKv6D6FwZyradrohjkifl/4Y+fKo2GshJXiK\nJqZ4npsRp7y0LCxQ/PIY07+Lv8Sl1u1U4KJ/PW6d2qGIfcscdvVrLrz1Ss40\n3oySoWondqvMeD3IfAVwPO9ckCptXACy5jmXzW95JSo0jZ33OdMkJBPss4OS\ni9ZdvPNSpuKtTRS05ZdGj+ByngMSmzydLzbkzsY9D7w9PjocF3CB/8bSrFdz\nTmk4vT1Vawd7c16NWURTXcw2/8seiLppooXLxdq9E1FywVpIlzEpU9sUtL3c\neC1fCT3oYZBAWmTGIwhpLmscENtmax+15RkwSG72AXdQs8KOODLlJiOFOFMR\nnpIqbHPD7oFVqu7R1swzBn10IvDQdBn4Bs+7ZumiJgsIgL0Wf/3exsLeQc4z\nbbima5Pj5WV1WcWb1RIiBHjtmvbT9CPzuLzsRNzTZAcc5nkMUi0WzXMBA69U\nJzbMkws9OGzsg1xz0OzijFAagiwF6EGdMadi6v0bcX+UrCaSw0/i7CoKIoMl\nKZUZ\r\n=mY9x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8829857459a9b7c92653d2bed2a8ad63b58b672d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.bd33cb56b.0","@material/feature-targeting":"6.0.0-canary.bd33cb56b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.bd33cb56b.0_1583774483799_0.5260524465705789","host":"s3://npm-registry-packages"}},"6.0.0-canary.9ebee4ceb.0":{"name":"@material/touch-target","version":"6.0.0-canary.9ebee4ceb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.9ebee4ceb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e7206d32df795b4d056a616e3ad6481451f4bee7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.9ebee4ceb.0.tgz","fileCount":13,"integrity":"sha512-Fo2dTI2wDfBY+6ttaYXL1bWVM+3LD5tbHyv3e3AYevehhTXt7AeEYVm6ljqF2nf8M0QZEjCc7n0AIvan3iYBpg==","signatures":[{"sig":"MEQCIAgI/Mehz0skwkLXXGrH8S27AGmK9VMP4lm99j9SguzZAiAi+JreYjcMMaz4MuD7u3vbaDX7hjOnIMTO+H4LQ0jbOw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZrFvCRA9TVsSAnZWagAA8e8P/0r4AZY5ApYUuhFk1oiE\n7QyfNBDrzUU1opjtdlk4OD5xGjyTl9ScRh/dnDA52hb0Rb/BLYQZ/fE/Dq4R\nehi2K0DZHLKeKtr5/7n8+oNWHi2EKCErGv65UyKecYeO1yGE2kJ0SpfgFCDE\ncOVNsxnTOL84i0k8PRtb/LvgR1CxRV2+p6p+Y5w9P5Ls0xCsaKzJ3PwZZrNY\nReut3pEP9xwwsmr03WieywTO1vjGQCYvIx0Px7LSwZC+btRu7bN2IDDrwriC\nOJvTuMwkKjfHFlbexDJQ6bb8UYHWrhh9fgTsjACQmvojxpT4x7pmINL8XRey\nSsLdwYwfL4fYnEvNrUXk6KcJZLJdqKHNQ7pjtjrx0ChfpZjuKoDV/yyUUqqQ\nP3eQWuHgCmdZFcdaB9f9Daa5++Z40TNgViojGN4yhYLEh8lxeaZy943eJAnr\nXKJK2oImW+ulwJXkqqIg/htKVuKuPHlmhi3+eqavCfLK3Hv/KuvJzXtpGFwZ\n0UjiLdejQK9NL1clD13eL6a9GuN/mxwKAAeNh7UdzuXO30tre5OhN5acZRUW\nqaukyppLN5fmV+uD49cWA+rNBImcoh+dW7cP8CllkbsUTEeEGyRM9/r6Z9NM\n9z2R1MCzmUgz0K68eOGldlfLTOqKjo8r93o51BFIkCJ/BRlllHqJqGEy0CCZ\nqhhg\r\n=t9vi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dfb57a81f5ec017319a5b83b6acaaad397e95839","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.9ebee4ceb.0","@material/feature-targeting":"6.0.0-canary.9ebee4ceb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.9ebee4ceb.0_1583788399238_0.6149539893702138","host":"s3://npm-registry-packages"}},"6.0.0-canary.26c049afa.0":{"name":"@material/touch-target","version":"6.0.0-canary.26c049afa.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.26c049afa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f6808fc042f2ba5bfd9b7b31ce8f3bc1cfe12dc7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.26c049afa.0.tgz","fileCount":13,"integrity":"sha512-qn+Z4yaNXf0SV7ljryqSOvA9uYJxQ45bKYYEvjJ3IzCqpMGSj014yylno5lTsVU6b3zOnGPxY1TueG05XniGLA==","signatures":[{"sig":"MEQCICcWH4/GBAiuvn04uin/MqDFd8VgQZkE8vCiRALTnukdAiB9eaHr3dxVdcopWIWW7UkXi97H0atqvv//xzaRQOQnGA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ8gDCRA9TVsSAnZWagAAzqIP/0QEqIuOt0Xk6n/KOCFL\n/DqfVi9dsoGWgtDY2Mgaa7m4Z70A3DqnpQe1lqQ1mHt8Kufd98mVqLnlCvMU\n0cmadTrGhTaWtFI4ZIzccbIAl/CFPE5YsNd+mPjIk2jHPMdQUjJI781Ehrvx\nZBCzI20goIbePf/Gh4arUu33Gz4iSf3MxXcSDqG+IJsC0tGQqiPM+0GsVmZk\nZbzm6qWZj6nE6ke8Yl+47DSqlIWZd6hPvZ7dfITMw/BmYsTwv/s55JF4280E\n3mXNAPnXPqIpyLutLdTBQJffFwjWhtIAikyn3wQ0kk8HOKXU9NHUotb41mjb\n5F5G0qFNxGsLRbY8L9H+SrO9jh6hNhmeOOtq2u0mubEtT1h+j+q4foR+Smlk\nc58so8s8lOWL9ZCneNx0/TinPkYVpmeBjyRK57c9REUaErwNTlV22I/MEV0r\n50/b0ktIgCzlN6pIdDNHydkxhCYrz1cWHaApvy4TGOfY+s5kOIC7kY9cciKw\nrE2MzsQyrv2r2hLq+GFS8OJdaen05T08BuZbXyv+E4YXfPdg7RHGgwaUvbEt\nNEopVCAvGxhnB8mPYYn+8p1cXTq8pOpOR65Z4xVdWZ++8CZXziFyLPhOaobg\nVc9LMEm1qk6a5rNUnfhWLbm1qhA+DDI0HFGTkeKCrtqVnpNMrXbQtM4J7tfc\nDZNT\r\n=3q0N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"042ad06994baa2c42398713e57185e4bafc82a3a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.26c049afa.0","@material/feature-targeting":"6.0.0-canary.26c049afa.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.26c049afa.0_1583859715071_0.2824701565605523","host":"s3://npm-registry-packages"}},"6.0.0-canary.a731fd0a4.0":{"name":"@material/touch-target","version":"6.0.0-canary.a731fd0a4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.a731fd0a4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c401ddfc1db845489a22a48513bfa6fe99635f5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.a731fd0a4.0.tgz","fileCount":13,"integrity":"sha512-kM0LTvpnSgNKIpvFmgffC6soYjMtTaki1/pHwn47vSNbhfyaDlyP79nuqs7ja5u5sMqE0a26Gbr+K/q1IdK1AA==","signatures":[{"sig":"MEQCIBcRoEy68RMSQ1ALjXFP6tVqycgFEPqgoY0xPyddMj90AiBH7ob+hapK4kAJIEIpQ1V64UE/OB/dbB9eiqQ5oP9UKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ/k4CRA9TVsSAnZWagAA13QQAIVu5cs1FOm0iyf7JWtt\nvNZrR9IZpGYaECKbwlw059a8jqEdgl8gq5FBwTngxXNpxubnpFWp0nCr2LzU\ntRRCmC3WCqJCBQXXXXs3SeW9LaVerEVwqXLhkrR1ncIXjmurNOVJWIYyNVeu\nxJgFuM0Nqf77dNzzCZ30IeKpuFoYmwnBYerimZshBQ33EqA/9wc4RrK7NKq8\nisnEir6RTYTuUKcouqWr0yNrvEkpiXh2xJALMPukvHhlMpYM2HVV7Nbj0vH3\n4bUXqxwqCBt1xdlqT56ZzI3xu4SfMUhtH7uqX0TmSeGoOUyF+LUYP7vsv9Si\neYJUzFrz2m8HAyX8alh6cOPiVntOrkbGyiWzRaNP1lPEW2VUyGQR2LgYfwIR\ntd2YdlrxmooZXu8ENx1m6UMfFS7yeGBmnb4Bx2zCndGbQ4ACH/Ao8IFe+dJu\nMsv9U31a3rXETR6BD3szJaf2NkX+ze0vj/OpcAqs1EMRSX/0ZuojLT+2bjXF\nZX9/rBR/94ETCORZ1/vaimrsnEMJGk741dsT8FS0a6Sk2Ztv1gJouXNGJgcS\ng4GC4wUfwgrhFPvn22rL7go973OWYtx+pLZqk3yu/5FeISZP/bXaTbQEW4mW\nePWvRyF4eXnA5a/OTC5UQgvd0iu2yed1sVk2F9gtjsQPjHZLMSeHV7qatAcx\nB5CN\r\n=Uw7f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6216eefcc94fba4c66ceb4b1fe9352d3cac861c3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.a731fd0a4.0","@material/feature-targeting":"6.0.0-canary.a731fd0a4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.a731fd0a4.0_1583872312192_0.3693281451923085","host":"s3://npm-registry-packages"}},"6.0.0-canary.1db5c9fc8.0":{"name":"@material/touch-target","version":"6.0.0-canary.1db5c9fc8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.1db5c9fc8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d13cba9915cfc8bfcd95816c72fd73c30967d9b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.1db5c9fc8.0.tgz","fileCount":13,"integrity":"sha512-2zztuE1BT/7wRm9hX4NfN+5MYehmBu19NGkv85zp4x1XPVt4r64XlhxvWKZ61nVv0gS8MOMY6pJi6doye1m8cA==","signatures":[{"sig":"MEYCIQDqL6ktETKKRN4MO3DZEtaYIRNRpcAx1YMMQaT7YdViZgIhANpWMsYXUTgKseR8OqxhlfLwy3Pmty+Nc/lZNjNFHsaw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ/o2CRA9TVsSAnZWagAAE/kP/RsR7m2wfiproR1lIeLr\nKASsQKTeYD0oFk3ClIq8tLLExd4V0pXZ3n3v1il5artl34QfOnyz7o3IPCn6\nr6rcPdj8RZaB7abOrYa+3kFT9ecNONJOA2d73pHx3jAOUn/i7Mg6VA2h8ox0\nQx5YgLqSl9TYfeMHVIMVTBvIxx0qGZteIR5vdOAp/Dhv35v0nbylokhhIxhP\nQgk822Ag4yCybsi7NVnsTApu6RUc2pDlUoHmv2blrUWQ1HYGfhm5ocJ0fU0t\nZW+uRKdNseNyxBIq1yzdFv8pWsw3hjaMfUItKsA/koYyC7xvblaO4qky0t5i\nokVuvj4uaAcgV8ZFdvoPR/YuLIvFE2QyfcyRDZY99gKOyj221P8wCVtmTpZ2\nwbFivE+KEncbYzO+kn98lNeGahfxVTlMSWMGe3qL047MrkWlA7VuwY62Zqw2\nBAfaXz7l1pAPsbnBm1wkkj+K98e9pJaSIMw6LjgEJirqaK2sPWOShZjeD0F8\noLv/0MN0hGpHv0n32CYuSeqOw0f6z0SVo3/HbeI1MpbnCyTgnVlFK5N7IvY3\nZaKHxY2AVdAnUAgHC7mtBk6E1EoBEPr/BwD7rwIx85ldaW7AmfUExfUGA4e1\nVy4iTkUaV7FmAToQJkSGyBBseAQbId3a4VhPjGvP6D2jBv87MK6hMhO5eKc0\n8W9f\r\n=AJts\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cc90b13bf23ae60f937a981d548d55e3641c74ed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.1db5c9fc8.0","@material/feature-targeting":"6.0.0-canary.1db5c9fc8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.1db5c9fc8.0_1583872566062_0.016214447584082414","host":"s3://npm-registry-packages"}},"6.0.0-canary.4971637f4.0":{"name":"@material/touch-target","version":"6.0.0-canary.4971637f4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.4971637f4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a913b6182e873d150ba756c1f8ad1fd4e5c94387","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.4971637f4.0.tgz","fileCount":13,"integrity":"sha512-bbfqRPHr/oum3sZus0U9y5TtjRcvQva322qWkNnKKpAZWRSbGe4vRhLzdwRhFLWqWLMey3ySYdAAzSCGl204xg==","signatures":[{"sig":"MEUCICf7+hHik9plwNoEfpUVk2Bkf1VeV5ZiGirEFI5CIYgwAiEAqs1XfN8+30jP2kuRylv4Pcrx64hgd91qz50XRILPRL4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaBt1CRA9TVsSAnZWagAAQ3QP/2xOsQnT+Pl9aYRRojjv\n7eyo42He6vhabItzfCs2/VVPmaCDud18QLWV06eMCgxh5V0OmCfWIc5Kj9tK\neu4Di06xrWfOlzCBr2uOqOzqwjp71atctGVnl+buLYK/lmYA9za8bEshI0Ro\nWeqm3y05MCe+rIDpPSRTl7UNs4v0u67svuY60+kznWryUmKgs4hW+oqMSyY9\njStQ7jN14HbpyvlBwxFaLW2n8G7aJ4sSBmj6MKjJURasHuKGeN9m5DPiediM\nEiaiQ5V7/J4RoO+L5dWH4LGX/udCtuga3y4Nyn1tXiahkechoQKyhXrbwvu8\nLB0r4fvo6pA66EkW0jbuZxI8M47eEU9OTRA9FUDThJNdDHsH6VxxXpQL5FPF\nDS58kstvEvdCfsS1a6FQQcviTnIOI77CrY+gIovSgatf1N3NRD/rqmEtcYVj\nN/YWr1CARqqoaLXRWal3r4ZM8tkyFmPigvfiGvystECAvoYALTdbpb6cuJdQ\nyYGyukioLhLWvuKhzECdTE87EnHfAAYDFQmbgxd6suAfcflhyyunYoa8yibC\n7lhE2xmmxCrtLXFT/XAgMoEgzCw8b6Bi9B2DJoVvCiroNqU1ReYuH+EOVEEu\neAD0MqzrYbDTxV1lZR2frOeuN+u3H4o3/2TFXYs29/NByeMjDt+pvlLDa5AH\nb6lu\r\n=5HIk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4a67187585998b5863a9eb407a3ac0a7e550061d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.4971637f4.0","@material/feature-targeting":"6.0.0-canary.4971637f4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.4971637f4.0_1583881077133_0.6783160138284068","host":"s3://npm-registry-packages"}},"6.0.0-canary.1ae8130ce.0":{"name":"@material/touch-target","version":"6.0.0-canary.1ae8130ce.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.1ae8130ce.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"54d1a8906a191017c592e9072baf09d0ac683623","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.1ae8130ce.0.tgz","fileCount":13,"integrity":"sha512-f1/VX7GjJhCaUKn5qkRTHAOBq+noPLpWfGuPvPiDRmpXaEeXL8sjw/UuMrQs3cL0L5gw31WzEcRuTHofFnQf2Q==","signatures":[{"sig":"MEUCIFfXOjbOPL47kEJt0vRmGtaFG9DuzDQjvbX9Xan8GUsqAiEAgp8ZzvyqLDr0ICMreIXeuLVYyr98VDzelIDnFuib+TA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaB0aCRA9TVsSAnZWagAADMsP/j/RbdAHllhSRNkHxFvI\nDG7G0ONG6r8cEZOLUBf4gZ+/8/3eYfrOfHivxwURDPl1PPUC/+xSuOfrLm48\nFEkNGkuVEf8iXCLSUxEv+mIucX+bwLJATUH/8/ZnDDVgc1JXqeblKb3TtLyk\n/fD+PYvFITVU9K4TgEo2PizeNuwG0BIQaQ6rfcUU0jVXRtMnCk9AOaDXa/lB\nbFWTWp+e8/Toynr5NyNspOF5OgZm2SbHRcnCxopOsUcyS0Dg1spgvnJk9dHO\nCz6kjmvUVOp7hHfg9aN+Al74x/CxCGTcec4r14nk70C25yqqX5wxsW0c46XP\njQ4XUzwj3pPDluG3QVW9CzBgI77UYOJfa3RaJqZwQ3s/+bJnhfCuTLlM3x3E\nNxWM5Bd1s3jfyCaO4rgDedO9dmO2o8MjHKhVSDqCHzmFFyEmoblE5mzWsjGv\nSPjrYS/M5YdXM4J8iS4Ud4RSyqEDMNirK+3gJEKhWA6MFJ8BRDtRx6SkVEiO\ny7rijJ+r1a3tH61D0XmSz/lHzpotd/xnaCHYQSiSrksmeve8KoSaUll2hVIO\nismBtKlltzXxLTOszoZdzr4AEWtEskUTbiu0C64rMMQwD0lH5bQXha2P6jEc\nrvx9EhRr0HvRuwdIUDHT6MNhjAhDF7/kJGXST9zE4McPnPYkjJ9ndgftF128\nRVLh\r\n=g9nI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e5b4831aec2400bcd99b87f3537adb62cf047dc2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.1ae8130ce.0","@material/feature-targeting":"6.0.0-canary.1ae8130ce.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.1ae8130ce.0_1583881498030_0.19511452290064124","host":"s3://npm-registry-packages"}},"6.0.0-canary.8639c2690.0":{"name":"@material/touch-target","version":"6.0.0-canary.8639c2690.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.8639c2690.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6224fc6d9b462fd86a3ccde6486e747e7da306cb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.8639c2690.0.tgz","fileCount":13,"integrity":"sha512-Znu1uzZH90iDOcIEtLmVodqX1g3/Mp9ycZh7wctcO8lJXHVx5W/OcqPT2LZxaOnQJAeUiaJFn3PwkzuWOWTYhw==","signatures":[{"sig":"MEYCIQCGeyL/lF4Q+46dlSA1ub2OG/p2+Kh4hxl5hPSrAviohwIhAK0UGglOaSMNQZoi0YYlTSgp3Kx9m6dbw6CLygLLo68u","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaIYNCRA9TVsSAnZWagAAwOcQAIJLDcbcOrI6vC9o5MUs\nyP1FCQKosxCLzo6S+1RzfbvaemG357KNAoGae76nJT23pCWSeRwEjjOR8EGV\ncjVfXQPMUjpEzzB496Q3sYg9r59bmuHGjHAY613j/M99wBpSkYudx6pAffla\nZQl/Eae9ProeJFwrQsMN2mHwlmw4FElScCfHeJPw6ofJ8uG4LDE5wDOTuJM6\nvob6eEF+Hs6Kd4s1+6kFNJrbLytaNpVNqg3EntpMsPuPYiESoERhh3zVBhYe\nAcianleg6lwisxM3ZYmFpCG2AC84qHKe3uYwzUFv0Pd1kb6d/4x9mD9kpIeo\nzudK4LL0def52rkoEM9Ry0FM+1911C8UAqPZq4CP1McWwGjZ2kjmFkreBSrT\nqwlt6IBkbMCoxXYMbXyPGX6S6qv0cqZoNWr5CgtYetxVvKl0Zio9CJLJ9d3K\nhCoCZ+0n6EEgdndiNkehq4DAcw7lLnz5XTwnrE2Oqi1ybmaTzZHHLhjiAUae\neWm9msGssSQt+9gLhWRG+mVPzg8FJd3WulScu1IoAx52jEOFD5IjDgCncIBN\nJEa1lemecG3My4srQ1QQ6UOzAzOFMV8CUyIj2ff+Uza/+0/tuTxThPUmCtaq\nN0PWUjek1GDsNCDV0QTlCwna8vevX+bgwV0nz3cAuItQp3HMiKEIacmguwnb\nBQJP\r\n=aMib\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3834dd0603f05e8710f74b00560d4aeb887e5b82","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.8639c2690.0","@material/feature-targeting":"6.0.0-canary.8639c2690.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.8639c2690.0_1583908365417_0.15236172307831586","host":"s3://npm-registry-packages"}},"6.0.0-canary.d5808057f.0":{"name":"@material/touch-target","version":"6.0.0-canary.d5808057f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.d5808057f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"35f941620e2559b084e53b4dcbc8d112df449dcd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.d5808057f.0.tgz","fileCount":13,"integrity":"sha512-3+dAq5JX+wtGElNXfpteXYJGJLHzRS8jYvKW/R1P1rHWwcHxcKXoP+PEZyJY4rD7oC7TVwCyalpSttp6SWBRfA==","signatures":[{"sig":"MEYCIQCq2U0Ml29u/LYPW3ldhZrcT6jBAn6X7OGSljsffydDjgIhAPwCn1MYN5vILkORFW9wLd6LMf8JTbvDvR+JFlPL6Kq4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaRDfCRA9TVsSAnZWagAAq/kQAJhu/wiW5+D91HXzo94X\nTNUXoammm9WeoWHBhj5x7FyJVboMMEy4lZTAPJhR+ULwZf/6POv5bdgXYodl\nSZ1m5pKe57RSmpE9jdsDFIOg2VYCQ1qVRM3k6c+wjHKo2t4bYJXAjWfZt5JG\nxVVt+s3aNG+mxBdO3vMXKJGupXup8jTcmteiLdffj0miaTd2D2NMTnfS7Uix\nFOpL8/ltTth1rHrly7REbJjLBs65iozUT01mc0WhBUQX8iqmiLIxWo7Mt00W\nEKwVbdvqqV8wDRCw7Pk8quBch5/MqShXvyO2GuE4IATvICLoFKs0FAy32Izf\n+Ympc5GxLl4xOvWnWkJmkVx4oLzVWz4rzszhpZgBIWqxbvHCh1o0phFICWav\nZ3tEcbspuefanQPpeuEBFEYRnlc1l2LNdR3SFYnxxb1IZfYJdv4uQgkvTcgR\nQtR8G9npS2kPPZejnZDvB5zzuAQToPnoejdLKJFId/3U4GwmvX9yhs1JKwJ0\n/aY0SAxqBWzAspPKby0ffoGIkhsEKRjMjYCpT3XQMqwDNG2vyDtipi9UQY6g\nzCWh9bY4UTd6IxsqYJLoCVGAHqpfwgeGfGdVc49FQq1pZ9DBtBWf34j2Vcas\n2zPf6770bGIEOg6aZ+baUH+OOfLV6Qc9smggdUD/Ki8WezUcqh8hl0NwFtO3\ndi0r\r\n=0ap5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"00a6ffbbceea71ed3f3126dbce724119ddc06379","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.d5808057f.0","@material/feature-targeting":"6.0.0-canary.d5808057f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.d5808057f.0_1583943903303_0.054433195007840274","host":"s3://npm-registry-packages"}},"6.0.0-canary.b3f58203d.0":{"name":"@material/touch-target","version":"6.0.0-canary.b3f58203d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.b3f58203d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c4401451badb0aff7131229bf90b1bea9ba21fbf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.b3f58203d.0.tgz","fileCount":13,"integrity":"sha512-t5NLYi0oA5ynGBwv3DCUKX8cHAm7JAzYVC4YsQ9aqLaNT38JsuGSrMLqWSraYY+SsKCCGy6VDsHs1k5czTrW6A==","signatures":[{"sig":"MEQCICBM9xFwgJHoeT3wOubHWaZx7/dY0ZCf1Y/0Jhsd79xGAiAVXyz7Tg28TbunmMyAEQ3pqnNSQskbCnQIYvqS9QavvA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaT36CRA9TVsSAnZWagAAzgoP/3j5LwUEilkMLqhH2oOP\n2PsQYZykxIWE+qvOLTNJuy6HjTINU4PFJPLGIXFqfOiszJ/O0GIMSVbwuYm9\nMiATImKvyCvTTyvQ2X8sSB4jiC8F1Tb6mpyo+mKGlpYYDZdwwQSFLXs81YH/\ntBt/wicjbPgMIUPpfpDuPKZPtLTc0q0UQ2F+LpoGsmXYTP/m/Mn+5TmqSkrH\nGAjpyjs4LbLUI45b1E0I8oaEs3aA4tJ9H2AyDtIitFW2whSWG4FPWTke+kXz\nZxbeT1jMGIWqFzCYTZU4z42ppXqpcqm4wKoYFp6Ihl9EIKbXJ2TWoxImQ5DE\nHGKAZjhzUNh8VzcjH6KwZH9lIw+Q2dC9UMOTKesvD+sD8ZabpxTGBPYe8YYa\njRVssubAb9xMM1sBoO7rFDnpJdM9mXpRbpz841yAtAWVqDxHkQ69NPyiA2X7\n7iJRs7tsaPD87ciSM190wLcji+vgYLC2ih9tjH/irkWF1ENCTtcEs7FQlKed\nXnyjVicOBnJyn2rKy/2g08Za5k4bhzDLYgk5PxoU0+qW1UfI9pbMnada0tuq\n3rWJsNr2w21bcfosBq3gTwMYFwAFRUQHTNHvaNB3jjDS9X6o3Vli1C03nh8C\n3VtEZPBIx4eED2JCfd0pejvjVWCOr1SIhz/iapC7XpJQaahXgZ0Z8lsmhfos\nb+SN\r\n=UvU5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b9ad376b2ebba49982e9b605c903e752e4fb28cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.b3f58203d.0","@material/feature-targeting":"6.0.0-canary.b3f58203d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.b3f58203d.0_1583955449797_0.4268931501006088","host":"s3://npm-registry-packages"}},"6.0.0-canary.bec065920.0":{"name":"@material/touch-target","version":"6.0.0-canary.bec065920.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.bec065920.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"150cd63861b87040925557d651dfff832133a0a6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.bec065920.0.tgz","fileCount":13,"integrity":"sha512-UyxQmYRY4GYUDlDQJVCBfTQFn3Y4x13lEovtR5SSLZ+NqLp0f3aSBRB4J9TQhUGNPxowl5JAiM+ZpLrSNR5Eng==","signatures":[{"sig":"MEQCIH/NARonIFWSOm/a69DKcnsrLeNT4e4YTfagn3ZBCQrVAiB76oZgGD15SXYzVnz1RL6fG/5y9PhB2b49hsprfSM8Mg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaplhCRA9TVsSAnZWagAA4ekQAJ26+nE8ISYDA8VMzJUf\ngSG+PgcDrYNZ67vb+blnvkJvYSEjv7lKbLIT2MwINmcsu2mPTL+dzGq0c3P3\np3ZPPXNw7VvKkeMKWVF7WUZBdDINTK0t3cPYn+mxCL6Mh2eXO2GcYX2AVr7L\nKMeL6DEcBoiRWGkS6ZqD/xuJE685MsCfXK08EcnWMAD5ejQzr6dT0lZ1n8WT\nJciUXjSazyK6zHtcn3E/UJlNbpv5ZjBsOikz8/EYTYmIk2cOXXmD4KkT4EOo\nRQn3iGFS+l2xADJY6hJXSIyrwK04gd2kuHn+4H0aH1DluyS6o9mybtBNdSAY\nuWXVgxjkn4jNJZ4F5jwNxpt7NYRqDr771A6Cr81yuGj5FuN4N6Wqq/1PdKZU\nOQFVg86SDEcfl77+Q81rVgjirGyxf6WuWDpWNdn/q78pykvK44iufIFfP/+S\nxagSlLBPMs8nMP1ERyHiaapuKGyrGjNAA/KnAbs70Ul529aGfp+GcZKWIviw\nliHvJHJs20QPKoNoZH0y46vr/dc92USfpUwAJMXHNQaoIygE3CSlfcoODQrd\nyvOU4uHf2hi1g0oLUC79w32C8W2wdngVLecS419hAf8Zk42bxaLyiHNoo+iF\n5cBUk82qG6Zpcll7R1zTULcHhCBDfwEk6/hrTk8+bp+EKc55UGkTPsMSgorY\nt+YL\r\n=IsZo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ff203cc1a864067909d369c1408fa7ce64954660","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.bec065920.0","@material/feature-targeting":"6.0.0-canary.bec065920.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.bec065920.0_1584044385437_0.25079306159666315","host":"s3://npm-registry-packages"}},"6.0.0-canary.776291ef0.0":{"name":"@material/touch-target","version":"6.0.0-canary.776291ef0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.776291ef0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1506a94c841fe24795d05192653bc70626199b74","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.776291ef0.0.tgz","fileCount":13,"integrity":"sha512-JulVYTUNfGg1m2hQfZaPBiAzV89k8+PTuDClsP42+0bSDJDvLcxEWdWjvaV+9Jmcuzd/sCFjHMsU0ij0xbLz/g==","signatures":[{"sig":"MEQCIC6FovCKcX3AXqQK+q8p3ELRajsfuv64XTsW/ZmC8fubAiBCfGn2sLACzpeuCIrzFZKoJ5tsFIFuI9i4srxtF+apwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecSLqCRA9TVsSAnZWagAAjwgP/iP4S/wf3/6umxln6V7t\nmiSGjnBpvAc/rfqdp1wjOoFamf0BpywROqUrYVAahjwt9ZU+wTGm8eRXeydf\nMozNmGCva39zoL4L3FfQdMt01LKnhi5hBHGlmV5Qt2n1aYFtKGnYwg6ucXXp\nK/d+I6me6JpnSXAMAyO3belhn4dt22e5nzflLIWXi7+Hg29gfBQR+BC8SIzH\nu6pW8cmW7lAxUkBrMjHFw8zMgjo6wS6tqnziDGcuP0rAZ9ejyjdSKlDavq7k\n/fKFeka1YbQhnbbjXKLfO1S6LF4Vmrfqnlj8oqkTrGk69BkV5+QV1iCb4lAv\n2zZkQ1tK8LuvLVmwVs/2sl9uDg0HOP7GFWgG03IBd994MRXQ7PRqoKxIHJ3o\nsciGhDaUEqutE1ZHuFBHvqBYaKQgbrJFbD01+omQC6OWBZ3gkyCv9FS62Pd6\nWMhgu6L93awsyja8EydUnEMJO0b67L6fz6TNJd6MkMp4Pm0COmOgzlA6DhCa\nnIkG77L2MiWMjGDqrSSWimAP3W9jQ0GRyC4reGy06Jripmn2x5Fi75jr5reW\n0K64ojSVQDgETDVvA4sQs1FlWVv06UT/fcFxSb9Sn2c7IZzNZXXCZEtKnSqm\nBPg2a5V1utR4nxuxC86epBSEMR2bUrwRzKdSzpgYZQSa+FRohlG11NVfG7jZ\nvczX\r\n=dZV2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"32f95102d2dd047c662697060685989ec64bb05a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.776291ef0.0","@material/feature-targeting":"6.0.0-canary.776291ef0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.776291ef0.0_1584472810286_0.8474335391748984","host":"s3://npm-registry-packages"}},"6.0.0-canary.ece19f3dd.0":{"name":"@material/touch-target","version":"6.0.0-canary.ece19f3dd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.ece19f3dd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3d2f7c6a84cd4ab1ef3e7025109438c28d3a5f43","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.ece19f3dd.0.tgz","fileCount":13,"integrity":"sha512-3yQJllLiyj2ldUlZxiZsj2Yug2PcXkP/pQHPW5VWQKxTc5OtPK2qhMGRurw2W6nsnFGYr6QSPSNzv7pdnsEpMw==","signatures":[{"sig":"MEUCIQCjx5Mmt+eUyHcXGXxUFejD4Xxy84Gq0IPnVOUA4y76pgIgMXF69ublqvbmYrGrWt9vGruHXFKRKQNF/AZWJckcIn0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecUiRCRA9TVsSAnZWagAAcTkQAJLMJ9Q0Bav1htnB8Tu0\nDwQPls0DU0raX0g5f/TAmXECAH7T0WcNlS2i3I/gRTpC6CFqG4LjTVUUJMEx\nBdNDLedprriPzJJYdZu4BriuIZfVGgOiupiNvsbU0L3MtUA/BUVXDytC/xv0\nsZMgl/srwJpehO1F/mqeGCES0jes8wZwlQn2CCbczPNCngpqfA0yUtWlEY8A\ne94hR13yFDpO1K+lfigKXV8KDIwoqe/I9P3Od2kqFJYlrs5SA7VTFFaSNDds\n9OqBly+7UZGWtNnrlyYSiEUOfOfCBbK1ui/H+qVMQvcKqycZMxYX7X1CwjNz\nRg9ry6aHlMTLTZRqe48XD4CErxVysLOIAIBgTQHK5o+dnvmN33S38DmLgloo\n4PxeFMDcuxmj9I9ZK9oWasBthXYakLzqup0+Kzh5PmdQ7D6N8d21umPL2tPY\n13eIxWI0/qJRArp07AzmBRXQFzW7/zSyQI3KQ/CYIp8SdLQdTdeXHfaD0gMW\n5VD0c4icqmXdoI1E2/RJ3S0eGttfEBjZDDJ8hrAjgBx+GD18W+eCAvnNe504\nRMva/vzP8hYH6QUDRuQ+6dJeq2GHfPorKH6i68aDPVMGHP9kK+/sz7aK6S8B\nN/FjIB/8IofA7WBgWxKPj8ga+c44wLb1lqtIiev4cSuxNoDpAHqZYvn5vVN+\nrlD7\r\n=CbXY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"41a07e9906ac09ddaefa5cbf8327260df4eacd59","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.ece19f3dd.0","@material/feature-targeting":"6.0.0-canary.ece19f3dd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.ece19f3dd.0_1584482448426_0.21854381785331478","host":"s3://npm-registry-packages"}},"6.0.0-canary.4dc45af6c.0":{"name":"@material/touch-target","version":"6.0.0-canary.4dc45af6c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.4dc45af6c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"037e76ad0452f850f288ffded0f82ef84be206ff","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.4dc45af6c.0.tgz","fileCount":13,"integrity":"sha512-8U0lIStve8pNq3kY5inp0f1K0J0Sxdjwg2UEXJ6s4wyYwozri+GDUjMO27E/rf6iso0Y2UrmLa7wNmQ8k4sYlw==","signatures":[{"sig":"MEUCIQDFZL7YM2dPLxu6J6n2tFordqfLxXkHwq7LFtPM3lBYTQIgY/qi+NzN9rer9F1tpoNfXzZTwSfTolcfQ98A23bhNvo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecX2yCRA9TVsSAnZWagAApB4QAIwW/eRNlSpteVRYzB2u\nPz5wJPsN+fpUxR99n2qI5UWRoLCqKtTZXVWFKCVll6VB4gZtwhofaTeBxcGy\nk/4ZqqABvCkNe795QGH+lyhKoegxtK1Gn95mUK0oYcsiBww4AZPhKwedLBvW\nZSq1T46TOjpxEQ1JimB0CR5PMyMnopi1JRptyMiuY9v3+qVqSWkx94B4LOzd\nlJUY0WJZWI8JAJmjZfFJYVG7lv9bnTQ0RYxlzJb7vmgMzK+8BBrx50/QtYhm\nobA3FC5EM7F54bCNmaDst2sJLzCys6qnQMa0rpHauTLWiHb4xVZoFm3mv/g1\nczeQcoYiRSGUZb0qRdEETps6xhDHBk+pZRYBqb8CeHRkDVLcsB3td4wPYGsG\n1CkUoc7FixQYlUTBCj5h7wja7lr3969JlMH1CacQi2D3NVyKxvYxOT/mCHG0\nCGQ6kpjDoaR4epnBhFPQJ5Xp7XKOBEKRAUzZ9WAVFBCwGjLKDC9C4PCofb6O\nTH6vvodMp1wU4tGEVyip7pcDsnNtXVPw0dwxDMI3EMwavgnrDjKclGF8lije\nO+oplUdn20/cGycf8PG074T2MUDlY1npvSADQDR2VRteZO0zvV5/lMnO3mQW\n0fxn7clwusgr0kLfrfjBRmScHeScAerIpnl0GY7SLGqaCOxIFPljdIfcmzjd\nukWU\r\n=wxJk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a2b97fbd4b046de86f7e8aac6b54c5a6d31583b0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.4dc45af6c.0","@material/feature-targeting":"6.0.0-canary.4dc45af6c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.4dc45af6c.0_1584496050462_0.6734873021018462","host":"s3://npm-registry-packages"}},"6.0.0-canary.6b48781bf.0":{"name":"@material/touch-target","version":"6.0.0-canary.6b48781bf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.6b48781bf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4ae54dce1df2b3b225dde06d44c6ff3a44766440","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.6b48781bf.0.tgz","fileCount":13,"integrity":"sha512-G5uYbmF2WUVfShd0G1RvlodDNN3fjmODWyEn7RcuLE6COY7x/ZmVM4ccpF6nVQf7FQHd0F1fr9rD9B1R7BqOdw==","signatures":[{"sig":"MEUCIH65Z2n4Hx9NqPb+QMptGTs4aBf4kDOnu1xMbYRLaUWCAiEAxCsW2BxcQIs/5T4C+kdQS6/d11lzw2xbpCZaJ6Wm55c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecj95CRA9TVsSAnZWagAAVJsQAKBFubjgA6IAbIiRIYfc\n9EIL2o64erj2MEzEm7goMnXEgn8Jj8wZR6VWXxjf+Sg7XiMYs4hwveX2iuDh\njNf8BnWeB5rkytEqxBNtV17Swh3sV8HxVspM+9hGt26hI4FxWcELWpJe4bK2\nkT6nXBqqB9AfBr860IxvPIZU2FnhFXsMPb/LjIrX+Q7kM20W/QgDWJXFh7UI\ndQqF2rmnBC/Zegt1HaPolIOZb8ON0bbaVF+hRaR9HtLDXZB+j9zBtakjQl6O\nlNSM+dy56VVMG+AHMqxyma3CYgO6WRoDS7thaTOLbbLWSMjdLj+bRC6dhW08\n4RAyCmytnzVHUbfR/mzwkjRA082ITLjleEim85JckfrPuKieHn009V3gA6Po\n1BLJURDBd4nJ/nOAFXp13Q/APUNppuYPnhH+V5J51JbSyA7lHyqoVbODkrOH\nhaKffN7IySHNtrZT6Msimc43KSuOhJiCosWoLrKLkvqcB3KcZR2fl6DoBH5z\nZ3XVJ/5oE7Kciig0lvi3t45wQ1H8Th5gN3pNX3PhhVxv0hIXMfmcF9c5Y/Rb\nLEr80BQFQNmxZrIlHMXrZksQBA6Or/G09QMo1UPF3+9K9QBwAtOw1HfH+F7Q\ncM4indJAhHtc0NSWePrOlLsIW4YQhz3Q4ekR756jIJ9E0MpbUJITOwpvcWFd\n24Vf\r\n=P2hw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1da9fc619190678090689bcdcd73eb5885c8a35b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.6b48781bf.0","@material/feature-targeting":"6.0.0-canary.6b48781bf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.6b48781bf.0_1584545656753_0.3631172838574499","host":"s3://npm-registry-packages"}},"6.0.0-canary.a88c8e4dc.0":{"name":"@material/touch-target","version":"6.0.0-canary.a88c8e4dc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.a88c8e4dc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"301a27b3348b69c1c43290144a91a8ea154e0cc6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.a88c8e4dc.0.tgz","fileCount":13,"integrity":"sha512-W6US/Rs1mWste/6jm+p9V1VZUIedHH+893upUNmNtyjqZqsUOyoxCjpXxhLgEnJEWhefvkPgl8HikB6eyG8s8Q==","signatures":[{"sig":"MEYCIQCTPts6+9F6dYmNARur2ViguTPEhQEK30WBsZ5dPN83cAIhAMFJ9eYs/66O2OtGFwywlkvQPEl7+MCGGurNpmOQzRYq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJec61dCRA9TVsSAnZWagAAHWQP/0VfDVowH2BlH+z7XTT7\n23q6gzFMSWBAaPCqSWkCOztj6OKSd9yP6R3VNQ/tMEKbcfFqVHMQR3E3kVMV\ntdCY1KYR2cF4VWckmVs2fylB3LbUdk7blifhN0Ab1Gk8/uCax1eVlwH2hdtg\n39GIYuFuU6OpmO9VaiX9SCZY2IgEpg+aBkjgDs6GlZZ1LkePnhiXAGuEXIhG\nOUPITwI5q+WCz6Die6Y1x3dkuM6JaE3RKWYD/H/hJTdYv2LJoOLu4/RGuzCW\nRCU7By/a67VJdbG8zT502FsauFeptlJFtImwPFWDEXSDxgvJTmPXKzpNesOT\nhgbisZFmLUlb+aVJKInlxMiQUUY0XZiSWnxpSFIgFCABNgB9cjPcL16UFQQB\n5q8dW1T8svU/Zw4yZJFECAX34rcExTpl5Ql9FYMsX+G9FvPTKVck8xunsmgX\nktgOQLBF2zkTAmhGND4Ftm7tzJ9epK8PKXHEyno/XRS+tTYtldezIUhMvZq4\nquJ0J+foxbNba9ssufHMmyUqEb7fRhA+NGipIHb8uflwS4rkHA4TlWZSz4w0\n2Bw7IiqxN/QMmUgOjmxXlZg1gEraN8LGEuwRO9Bk18NEt+a7ZOy5So5vRkIE\nttZ8RSEfxfB2BXrWZqGvrmRhEX+thZaQz6ls2Epxe4fE/0b8PXqWqhU9a7Lr\nxU45\r\n=zdrb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3d8bc73a5f46456d2ada622785f02cbd3b81c6a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.a88c8e4dc.0","@material/feature-targeting":"6.0.0-canary.a88c8e4dc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.a88c8e4dc.0_1584639325085_0.7240090006503177","host":"s3://npm-registry-packages"}},"6.0.0-canary.cafe18860.0":{"name":"@material/touch-target","version":"6.0.0-canary.cafe18860.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.cafe18860.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5221bfa881b20e64de266e97df3d867aeffecb61","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.cafe18860.0.tgz","fileCount":13,"integrity":"sha512-0kURlFFGcsrIymvpiieM/6MNN3BSn4W75LKtLGcCSWRyAtivLLq8gZS6XaHW1jR/Zy1HRV+K/hGNOBGnSbd04Q==","signatures":[{"sig":"MEUCIQCiWdnFjygn6OqPGn012xA/3PpLnLymfMbvl9vYN+CiDwIgVwLNJr7Cq2B5FGcQZrwAz2gM3Zmjd9WyCLci0r53rAI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedNjQCRA9TVsSAnZWagAA5k0QAJrA0WwlT9l4pHvFCs5P\nDlkH84WjLThvMDZe8YnP3AWKtCcrjDV395bekXt0Fo5nv0UQHAaeCEmbXbiD\nXANtYs8cENyuufnyNj6Kjna6ewUCiqykIN8zuQ6P3I9uXqYUUflPWq6slqC/\nCAKnIQl9tHp3GV9qhz0yMp7NTKBMavaJQwIBT+nmot30abPomim92RFieGxo\n7BaMPcLfUmRV3Km3zgMx/9wZknzrjbwI2Oa39VI57dztGTZCwz1nAzCkasQ6\nBdX8e+iG4j2tgiVF+Q3kcQulfmiY6/YxPeuUDB/MvZCFCNZcsY2Jcf2bsNGU\n5E+ljXwWuQ9/z7i/4lcHoxcxcr5K98cqvMoHTxeyNUrJPasU5mm22P2zkx47\nnYPZpZZUCu4QCFUX9XTt3KvY3j0UsFZFwdBY95LXGF3qiefCw3knK6fJFPQ5\nZ5CL8Fh2dDvZp2EzdTX3hmyprncx1EmYeO2GevpnC4sFQyp14sMgqa6kXb2F\nOa9xa2iHX5PiRDg0spkUVqbHO7npAAszJUoL35rrCxbMyDWR3vEt+fA0NzFf\nb3iCTp98hTYKbhy9R1atCZfRYBKrAHeUdsovQUIfcrkaigI2qwPTniXXetJn\nwgXvRNLB0ISYbt4P3vzjIKSlpBkJ+KE7pzJNCkHNjCGwQV2TLLWoM33UzMsv\nTBxF\r\n=a/RJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"51706b933143947baefab6db8cd069a22ed080ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.cafe18860.0","@material/feature-targeting":"6.0.0-canary.cafe18860.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.cafe18860.0_1584715984468_0.6433475163488009","host":"s3://npm-registry-packages"}},"6.0.0-canary.35a32aaea.0":{"name":"@material/touch-target","version":"6.0.0-canary.35a32aaea.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.35a32aaea.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f4063c2dbae40647762114555b752b373ba41cf8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.35a32aaea.0.tgz","fileCount":13,"integrity":"sha512-yIpuA4koRLwhohKjXmvImLquV+uPK2+1/VnBObZFOw+Bbusm5VUBDS/9TTwZSKA5ze9hHnJpY0SICypz6poENQ==","signatures":[{"sig":"MEYCIQD9C36ckVDlN71OqQ/6oU7V+D2coAaH0jw/Ei19jclf7QIhAIH9Iu3yrLS0lymKbeav3sSfBY1UKLf1o6Go6bEz84Fi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedSBtCRA9TVsSAnZWagAA34wQAJGdfV2ubWdSWRLYGrvu\nxmyeyuVeZ6n4usYv4jOv8kZt0GbCKdcptrBehVN6E7Ar0vjc9uSy0h2xtL1q\nmeDKjrcM45mKkQ+Gwi7AhZpioKrELlVmhss5LGR2EX6Tw4VHe+tu3Asv9NfG\n0xh+wNMtuRi5EPGp+rIuX/OTO27RuvWVjNSMjk9emIsML8lTGF0kkbhg/j9k\nLdBlR7uTvSF78V+uza58uEJQUdGzZD08MBCH9LcvxJ7qlD6YHTrAPJkGexaf\n11ihRwSt97WNT6ZJ//DVzNsN34O7SxooMsPOX9Hk9O1GqkhYsEhgsHwIqOTS\nNeLdNelM669tL4rSFQf/7t8ZlkwwM2YwecVs1GozrMovZquLAeBxGWj3oWMx\njq0OnrhH6Kt3wJzhoHAibu2WRNBUuiz8PHRw3irspNltD6cypD/k0eQgmgYO\nY3gxtYjFYyj5L2IGco41eToWqN0fq1Hf9bb+TfHySxbfE7v6TQ9YIDD+Abkq\nzicRz+6UVgioqNQDGacb9hfmV4MqWD7nIWh4j2XJ0ncetrZkhAHO2YxLZzei\nRLhg7vUAekQPfF+AiIEQ9CAypi0P+INC2cbA/tt8RH2755dY0P3I68I5eN5E\nRDt5WeCensbOWSUOfzTOgqF5g0cjcWqPhMYV/CqLxkPoh37eWr6dWcZSWU9h\nY6oD\r\n=CeVG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"09df3d66223ea8f4d4a6ee61b9e34bfe08387774","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.35a32aaea.0","@material/feature-targeting":"6.0.0-canary.35a32aaea.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.35a32aaea.0_1584734316725_0.16171196796452825","host":"s3://npm-registry-packages"}},"6.0.0-canary.e75deb854.0":{"name":"@material/touch-target","version":"6.0.0-canary.e75deb854.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.e75deb854.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1447a6d8e1690d875fa214b031998be9ce8fc38a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.e75deb854.0.tgz","fileCount":13,"integrity":"sha512-D/ocmCrBz/JCef8DtmVkATTk/vy/UO1ZHoCFQPbMBAXNCdTOLNX5Xf7pq27cU5kvR2yjuV27GvbBhbqpdp+coA==","signatures":[{"sig":"MEUCIBzMTQY9kLx9t4on9H2CwCIro84QvbGsT446FZqQQx3IAiEA1g59VbF3o82cUuIlJyBp0Vd8exuo+SoFoCge+/FQB94=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedUBPCRA9TVsSAnZWagAADpMP/246zgG8WpshWbw/9uHt\nL49/FOnQ1An6gyu1wgeINAQWzaL82Cntp4tbdO52L7qk3JVvuEdM0grZZi1+\nOs2sQn2iEj84HUQf08xIiQ3RDIg9qs4uiBFNlU3w0KhhVkmiWVc2eaRpmyep\n1475HOGsrtkq1RC/dPrHsfNvcVvCeC7ryunP6EuD4ewNxQLXQ+T9wRQi6MCF\n3WojU9vXhkM2ysB30hgfyAbizUcDdPWLQV5Jf3DtuAcO5Iz1myHQCQn6YyQm\nd7Te3Hmud6R2vNqKo6NREERnXEumchuoJ53kpEPK7iyAT7nV5lfeYEO5p5lE\nnn7VaQ0HSVy76nznMpwfNuWbJSErhgQfmE0iQvTIxnWmzM2ie2dKrel9lw0g\naax8sPPqztq+EpaHei/cg+xj58YdRqXEmszxB8xZYszoYO37ElRpyZzwmoxF\nkdgMdswZIKFg8iecItt/x9dY2Zraf95Y/BIbT2ldgmrdmxfOO2TOjPVigROv\n658tW89TGAzJLU1UY4poOs+O01d8TI9yaPpR4NUNXhFQBt483yFoLaR+7aYL\nVENmEuBloDYKIOdiJXckZ+b33hrPeOmG6IVuprq6+al/NbpND9mCVbUG4xQ/\nlwsk3v+ie30IsUhB8xkr/goKP1K2apwU6wh8E3DMuLGifpqCIlVQaRtfNW8R\nQRHR\r\n=CvNU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a461f6b9120827a65ed980dcaae3ff77d0581d82","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.e75deb854.0","@material/feature-targeting":"6.0.0-canary.e75deb854.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.e75deb854.0_1584742478661_0.9346537568728652","host":"s3://npm-registry-packages"}},"6.0.0-canary.2cc6966f6.0":{"name":"@material/touch-target","version":"6.0.0-canary.2cc6966f6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.2cc6966f6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"030269f10194f78a29b0caf03a724c03f6b14874","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.2cc6966f6.0.tgz","fileCount":13,"integrity":"sha512-kudhyBySLDFe3r/3Q21C0gynZcfRePJaIspGafcbDyj8ig2wV/Z7hADZWa9rTTJErfh/4T87EgSSr+zVhDKHYA==","signatures":[{"sig":"MEUCIQDmcGobGOu4+qWo6sYoxviahQ+G4M0g8YhKK6lJGXfOkQIgOsjZigjokXdiyuuFxTgdogeTpk90VCg2TgFFxuf70Xg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeelSyCRA9TVsSAnZWagAA4HcP+gIOvr0WyAdkzEFMZWDe\nKfdnCHqUXNoZoQ6DkBuwH0P3mABCXQSJDir1Y7fxEwKfXVsSeSqJ4nx1NgrC\n6U07Bp4lGdEl4LF4OOZOf3OyxG64DDthg0zSFs+gL7G+e358BtLIoCDiYL4d\n7Fl/ss7K3xiVmwl3Gj0S6HTuSOJMRZRwEMMS+Xq7sRWywabn/ZiBIX3+eZbt\njl2B1KCuu8EpYo40LM1h3iNOdEOIheoAZbGKPxccRjH8OihS1V/ZNgBw6REu\noGWdVcHdzT7HuOX+TokVhYt/xqxKXORjGVpIYhHXSHBR3c0cAi0Z2FFfhmR4\nVr0wctaJkQvCQO4fQxzunwpDbK7Y426xraSd4ppFvZPappr0guf/m82ToUfZ\n6ejnNdINkpe+NfSTIFPl30WlOPCFBab4YTSmA2Bv1mwoRgamukeLs0lRcJMi\naTSo0MOJZTfvhFKwu53Vb0x1jgGrwNFZSSHBztjjZQa5tePjMbrb/4/A7yzO\nWxWDURcUdeuTskUf3PzBeXa+k3zGWyEisNLvGjkgxCaDcT/fl4q51quSSWgt\nFEBkanTlZdDdzWsBghShHuqpqv4RLqTe1K4cMjUscddhzE73Pdif7kgvuig/\nfE46OVq/OhlfYSjVTDRGyPPaWHXsDdzWqV1C8Ci41xKKB7guydkHlL2rSIVN\niWfR\r\n=zZob\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4af7a6e31c561afa46ba7b74cb35de52099583ed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.2cc6966f6.0","@material/feature-targeting":"6.0.0-canary.2cc6966f6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.2cc6966f6.0_1585075378154_0.7236491407762069","host":"s3://npm-registry-packages"}},"6.0.0-canary.8707953b6.0":{"name":"@material/touch-target","version":"6.0.0-canary.8707953b6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.8707953b6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9390a2c2c23a79c57ae1dab8388e676f67b7911","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.8707953b6.0.tgz","fileCount":13,"integrity":"sha512-71G8FWLlm5Qxh/3+cfC+jcqzI9P8IJ2WmRcMSgxjPHsNYcPAuTf2PjhqiMoZ6J1dxbB5HKM+N3Dl7Jbbi8eIoQ==","signatures":[{"sig":"MEYCIQCoQege4rvp4jqZETP/aDxcIkcg4GnN89WPEa86IUBHAgIhAJ0ELgcPHcjFWEnexi3n7qs2kA9m2YWXkqj2HFcB6iKX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeelWRCRA9TVsSAnZWagAAQBUP/jZ5HmTSPeUon2g2UvCp\nURWL7Fw87QRJPXV/0N4Pe+TnzMlzg5bFbxBLl7V6MlKwVkttd/fbJGcRzg0Q\nJVkmG5QJcmnh15zhaXBvE3h1pT0iryKvXZPOmLLsVve1irZCqk0I6RyYLMX+\nGdqPWbeZoKeFEQThZUrA9dLS6wYQ05s56fq51RsaCb6oqAT26GiOMl8v8An/\ndlB/4ws6VaUzgLGIIfX+axrUplbnShMpCPT1kx4Gu6N4g4gv1eZEZIk16c58\nZualHZ/0JasitrgkNHBDqxENu7kAlJDO9HJBelZYnjMTwxJmwBuh3r6ECQuh\n5suk5rqEh2LzZ9Lku8FzrcEXjn1G3XO751TRVWXyeDN05aUWkstLXWiu9vYI\nN8EX7ZsRSe9Wbnke7309WPvLxTwU/nXgYH6j7y4oczoEzfpAyNzuPh9GFmGm\n/aFQoN95XmR6Po9tEPG+sQVaHeoKICJ+9NQw2xx6/MHD+wKCYPFCCBzAMn2K\nTplby+tdH1wtr0hA3CJ98I2nvlRTj0gSeQ339YEAHoETnOBmXNUmSWTW8RSh\nkx0fiYddS5cgsxNL7mGyanKsUiUpM66robT83gaM5zZrGgGNboDrCCUuAsR2\n/E8d4wcy8bmENnZbQokbSTYbz6MnDVo8QoPvyYwEbwwoYfBp2Ks5PLOXBU5B\nO6/A\r\n=Qjyv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"595709807214943e737834107d12d3318e69112f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.8707953b6.0","@material/feature-targeting":"6.0.0-canary.8707953b6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.8707953b6.0_1585075600997_0.3960005660942767","host":"s3://npm-registry-packages"}},"6.0.0-canary.10af6cf39.0":{"name":"@material/touch-target","version":"6.0.0-canary.10af6cf39.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.10af6cf39.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"48048443185af2a26bb41d80afb7be1100dc91b1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.10af6cf39.0.tgz","fileCount":13,"integrity":"sha512-0PryZAY7jEsNCW9CoO3f9KuS5BX2JZtnMaKTIrvXnHTIfF8zWL469oGpEJS4DSJhk6G9ajQRF9XIxznf3yrlRg==","signatures":[{"sig":"MEUCIQDw4VbU2/ODB93xIl7eoj3Sk1ee9NYEhBlDkYo4bPVwTQIgEdeslPxtiIcTLZetDlThnJsW2v245ogC+rJNxcoIRgQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJee6BTCRA9TVsSAnZWagAAlU4P/0HPsSYKTOMHOWlUX5dm\n9nsKrrYA4uKW9VELO8iM+NQFfzOWwsCgMpMH4+lfFiRCiNB+z56KqqpjNmXw\nXtMLzu1X2NAlvUUUn1AdROoSW9bRP6+oBslaNjRLKxq4ptHrBL3LfHYoxXZK\nfd99GBjYdBFDliUz+kZM6Bhu0LRkQd48hptKj/WgUaktr/DKxgKExsQbJ4DF\niLHbNNz8hviwDJSPxeyRKVoT1dyQnwk4oMfhLeY1hLCBaSSqVynSsYpqF09T\nYoABpCC6wXfunREM0KuwJrO0nbuWPBRJmsNUcxd0zyolfPhckYvKRkIPxKOU\nbp6Doutry28Es/yiAPfzkvX7y6oA5p3HqUYim1CtrJuwBOOr0mP9jmbP/OVh\nYT6iXyjEFbf20hFoo6HZ5vSttVp/XJWny+p+Ch4n58hsGCoEq8HT9BxUZJhR\nKNpU6Yb+xbs8A6GJxXv1rctkHq8b5Oh1R7wXkfOmf0o5Ee8a6d2MHdpNvD+J\naDtO3jPooBFjV37Vn/x+96XoX+Zelp34OB1DR3MTb/Ed4rcYiG+VgFHQ1ye4\n3ldRbM3VQVDm4b5c3lbYs9SztzMayr2fsIBv2gOgOoyxLKd7KIHyI1ConApg\n3u4BP82LOUcUazcZmF4KwNvlQhDnGnHWoIbT9rhHRb3TQWBTXvo2ooXQXfds\nrrJC\r\n=bo8q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d618b0c9ce2ac312ce4b887450bb947ed367e100","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.10af6cf39.0","@material/feature-targeting":"6.0.0-canary.10af6cf39.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.10af6cf39.0_1585160275010_0.5815193810882331","host":"s3://npm-registry-packages"}},"6.0.0-canary.7d8f9c8d7.0":{"name":"@material/touch-target","version":"6.0.0-canary.7d8f9c8d7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.7d8f9c8d7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"411b6bb03703cc59fe906bbe734345f93046083b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.7d8f9c8d7.0.tgz","fileCount":13,"integrity":"sha512-wpH5WmyGlOSnR/lLOXgHlK0Yel61A+fuQfJyqokBK5dBD6cnOVxdLIc8oH68MscOlLDonA0taaIUcsTY3Csrig==","signatures":[{"sig":"MEUCIHtyGeblSooVFXG2m4e/AQj698dWXD/vK97QpOG6pbDWAiEApSSnzywR8494ruZBp7nH6bujg5budFH49VrcbCthC2A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefkAqCRA9TVsSAnZWagAAWKoP+wS6SOD3P/6VXstOmqjT\nxCSsZ47496dNEL8LH8svNgGyD6Dhq2F74wpjmB7i9w6yk6dpyNcZoQr03c/j\nNMc/TUn1Ep/fxy3a+7KMhBPTnRQChjSpw0ZckP8HvjDozNVP+lUSmEM5QK8k\nvyNWzEUJQVwe6DGqh3rRO8/mXHhM4OgQ4pLIV8s41v6E1suGZUxIRxyTMzJD\nEU8UMLR2SE1GgPUESI6+SqZ6jKlZ7JhoEkRLo6DfYC3KQ4sg18kP57Z9zysb\noeQc8fsrFv3sFeYpa8Olx8CJGyTCCPwBSslr5OApCKAsehnpiLfiTStuZNA8\nsW7oD/Y2zpuGSUYp6ueF3dyzb8+3xf+ml1kcsWD7oX8PY9etRDbAOJb3dMw+\nV1HPL2nH6X8P8/bZ/VxIkRg42Yc8CrI9ooFLvqDZYbJhWtDF5+DOkOGgWjs8\nPMby4P+dolnYGQ2ThINnhIqndaBY0qvO1jMfkD2bOHZiSzmpKEkpB13CAsSG\nJBE//UsG+oKy35hxiJy9pLrB33rOzPVDC6xH2F32C+D90TyMuxZYepBY+1x0\n+aHn2YMwqmwJj4HAE3ejGpENDQQwjFKH2AgbGzwiMFjt2L2Zst6cvmZELMaB\no21+c7m5qdW5djWW8G07y+VlfpJ0dtVEO29JSqxX7RfFC239DvOtF0uutZpD\ngU+/\r\n=0Azc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"764519b823414bee993cab6845b42f5b60f03c1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.7d8f9c8d7.0","@material/feature-targeting":"6.0.0-canary.7d8f9c8d7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.7d8f9c8d7.0_1585332266588_0.9972898428741699","host":"s3://npm-registry-packages"}},"6.0.0-canary.d6315efe2.0":{"name":"@material/touch-target","version":"6.0.0-canary.d6315efe2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.d6315efe2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f7e1d8c92f0bf9d91b6884443166d026293881a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.d6315efe2.0.tgz","fileCount":13,"integrity":"sha512-t/kk5a7bKzvlLSIDju3lmX/S5GuQuxbaxZX32iSr5a0kR/2SEyQrodFwe3BCMelHaiu55q9GbgogH11Zbu6Yxw==","signatures":[{"sig":"MEUCIQDL3ItJXCZP1uMo9UoxZT90XA9+x+601uCPQZtcF58yFwIgd3FpvepvWUYiBMgip/B9TuTgQRbZCSQdqNlGi+dIMNw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeflpQCRA9TVsSAnZWagAAAncP/jKOhUkmYpgfh3O2SzN6\nBfRTe3sxcfExxchBrakbGzAvwvYwe/Mj6AnS4QkAQCZHQNGYHksW73s9/J7o\nQfhs+eet48RlvNvVfbqbVbdFpwRUpFDuqj5c5NPmnmt3scYexZLKlIK+Nmx7\nL4JV7m47593udSpK0EPztBmO/O3knFzKintGCk2YBCmxUNsZS5Ggh9iZnysX\nUvvfpRnVEI0miy7o48WXcr6NE9dPNGrD6zpw8IsOX+vdZAKqDtcEjg0UyhMe\nOdBTBXywGEkUOGuzc5YCuo6Kmvvg3CU2acWpQWkxiE17scRTEJIRDcrJbW6m\nzgiLiszdaZHHIEnxw33ImfRoyPjp87i+q9sORhqM/eRETODED9oS+iB8Pyeb\n3ss28PksCov89bviKlUSSeJ6A5pv0ikllsLsPkZTzk1mjWQJyKicaF7tRsDa\nwqFJGGtuFk5b78JHntgDSxPRhLTjcx+Kyw/RE92a77q70sv6OMjxVqnV1xAW\nhkKbMbgwHG/b3snqxPHb/PWu71lIwGV0z7oVq2n81Z1PXsjrxxZR1Q25BVdm\nyPejEnvwBuUoXIkEAixqzqIIY6NsLdOnGkJu2kiVHCnhnRKL9JqoFgQTSN3e\nPz3JVRzLCrcONryeSCvOAmExS7eE5/psfCr+ORPX2DijqXUYcOqTdTe0Ymwz\nFawE\r\n=lGxL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"87fcfa262498dee051bef9a0a8e8b8f39869e6a0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.d6315efe2.0","@material/feature-targeting":"6.0.0-canary.d6315efe2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.d6315efe2.0_1585338959926_0.11919195844475516","host":"s3://npm-registry-packages"}},"6.0.0-canary.a3016368d.0":{"name":"@material/touch-target","version":"6.0.0-canary.a3016368d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.a3016368d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b40de2f74f8aa18056e44bdaa39d6924e5ba7720","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.a3016368d.0.tgz","fileCount":13,"integrity":"sha512-AjPD1tiXyb66pV76eiYfeWCGAm1Ig3YXIaRiHG4b0JYs66uQLWCsILwF3VyE7VIOKRLRo3SS/OHQ5qw1M+LC0Q==","signatures":[{"sig":"MEUCIG84ANtrk6lQVx9bc9U/0fOXMFh66PLbgoWpRuVJs0zJAiEApuxTfP0seacCWbvzZH8f8upS3EFzLvSqTuSEEKyejac=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefm3LCRA9TVsSAnZWagAAGyoQAJZ7RHBpJQaUf6ib0WVO\nDQLLGeDK/4sN7x/GLVIjJl5ijsOqG5iXWZ8DAAalXsSeoIvm64zk1UCC48cm\nxuMFapXRECup3y96IfjwrJX6WO0YgFaOFvQ5zeA8xg1npNekNlkXEK2iYibU\nuKES6PbXTOcmkliYTuzn3pWlcgUIB9h8dUgCsnxpoZPAoA11t2nJpicP/aVv\nU+r7r/lT23nsKyHv3ekoBE1dr7DrLqDN7RHUIRFIC+Qixem1XKqN93ZFWWY7\n1k29IJrT1Mrl3XFf9V8D+3giMXl35rQwPiLVax2rHfv6r+c+VMGuUb5vLYF2\ntdLTmiLEb1+r1OcF5AJ0LmDJ6NRZ8qaB7hLlG50RT+B1OGEwAX47VIiaFWbC\nSH9mcI4x8nEnQKZz/fJi/vkf61oA3x3sgAT6UDHojtXcZbrT/NArA17nyw0M\nwesiP6dbbQBvFXe7vmvNfgZViM+OHfxpIQ5WrIG2qYXh6gp/N6Oy/Y/uFBqZ\n+pc447PJ5OJB2CaWVUp1KEsOKeWc+cgiX4d6BN7ymVfWcT9TNJNPaqPCJj4O\nuN5cjMBNFokFX7It3oP0q4Am4rzyx8FmVS2HJLnY5+vhuS9JbuDixRiXEdI8\n3LW/RBgHcCbN4zox7iLpmqsSIbqcDWwng2yWzs2UD7eOVRFuKv6o4x8UlCwI\niwQV\r\n=3EbR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e41b28d8c25aa5e36e88910a1404e7a0730c5d2d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.a3016368d.0","@material/feature-targeting":"6.0.0-canary.a3016368d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.a3016368d.0_1585343947213_0.995826291421382","host":"s3://npm-registry-packages"}},"6.0.0-canary.4b45b6620.0":{"name":"@material/touch-target","version":"6.0.0-canary.4b45b6620.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.4b45b6620.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2ec91ddb1e1453a4f904a7fcb1a02b4cf209ec22","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.4b45b6620.0.tgz","fileCount":13,"integrity":"sha512-o4sixVramtF4Bb8qtfRDOQE5WbPismtYO5rvP+b38O+wVUqOKrSWnEe/6He+Mcpc8ksMKxUhjvOlxKqccZnb8w==","signatures":[{"sig":"MEYCIQCuvRdPTu0svAtKZPsG/U0qc5nHNRcU5SXViO+dCPPHSwIhAKHu4DlytcNaVVo3PDQIDyH5jdiIl9fYKswMsq6uNrcK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeg2gFCRA9TVsSAnZWagAA9EwQAIt/E4OHvq7Qo2gABAUn\nvlBtddF40qDYnH+V4qHjFG0UM6mXIJdLkU8Ems63vhl8XqPc+awdhRM+7aR6\nk6epwrDJ/S4IQ5MML7kKS9GMR0vXUgIMN7Et443wo1kWBlX90h9bhDRdBSAo\ns+pLWpw+s9eyUOXRw6QRE6Y7jxCNR/x+W8mY+UuOJtk+At0e3Gow/xmSYOYm\nD7HtdmdjYUo4sIp4RCVxj00iLg/JgPnvy/CVTyvWb4tlbVFHL1ztXlyfCfYI\ncU3oNGDy/6uBn0NuF5WaYJsGxwDc7uxti9nT5qkSCBYmMS+KArFH2PK3lvNB\nC1tCj1bdZ6J7D8gmVXIebHjFyn3ashP0Rmi1U7SFVGVUc8ARWgBpxBFBDq2z\na6rzAPKQEKv033+qdshJJonu/mnHVZ6mYUpEZOXq6bVzJZimHT2UIEpGcjbx\n8DFyQjDHlfjqSQjvEjaAmQL18fKJ1HAQWPKdUW9yOmj5gw6XkXpaYgc1ysGb\n3bGanTO1cI3br9D03B8VXpQKm0NtqAelCwutHF/bGr8Wrv9SdhsC5iVBQzcq\nUQ8G+gHk5w7NHdgvLsiIwMkhUsUFPHR+QHoP/xKuxxfRlU2BeW9d7YEAbyDQ\n2A4PCi6PNA08vb1HX98a60k1MAyUSIx4OdvMZ8DBkz9FeDNBvpdrK/zPxAgl\nwJ2x\r\n=LdoK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9d49d0fd4e563f312e9b2a25d111cf5753591eac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.4b45b6620.0","@material/feature-targeting":"6.0.0-canary.4b45b6620.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.4b45b6620.0_1585670149503_0.6509342597470344","host":"s3://npm-registry-packages"}},"6.0.0-canary.e84b9c8.0":{"name":"@material/touch-target","version":"6.0.0-canary.e84b9c8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.e84b9c8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"09bbe4df31f684c295e761bfc6537bc54a848ac9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.e84b9c8.0.tgz","fileCount":13,"integrity":"sha512-MVzQzg1UbGx046f/9zdqqklAcCsRTJPLXqNLSVJQIvSWAraohzYnqiSyAsT7wJVSyEyX15j84FoNukkT/5EmHA==","signatures":[{"sig":"MEUCIGGLwbqTQxo6ST5dpyEyaQzPZ4uyC3RoRpuse8XsuREzAiEA9HZimam3zwZU8REizgrQAApAY8Pdb1KaCDf/kRSi5gE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehMeDCRA9TVsSAnZWagAAh8YQAJb/XHpxmxUlk3AYVFq/\n/Hy/1N1DAKwA+4kTFZxRNUE7HZGrKc69+1XDDODChJWzzQXv9NlzcnZdCKRI\n9rQQkUKxkOp35VU9yHRNAhhhSD0ymP8iZ3GXFrwkqqIxNkmFlqgT0BGNTWWe\nBgZy1Uc8O5HRmReEBY49k9JtrzoVD4yDNLkIgZwjL5uCdUqug3uQ2YaU+dmn\nVjRDi0gW7uCAollqGAi8NuE42HxNtkUxS7HPCyAECerzqDB83gt1ZzbN0z0H\nVuARGZ9wBm9L2oiZxqExInp933EKfes+DmOIJPyZLHvKE720lBkZWD27IXUe\nbTpjKfLjOCZvg+h4iY1KnaOo/FjoGOF/9d76XiYJRPNGSycujqSGTuy8MOrd\n4g4mcr4ekjrr4lOAmNb57FydrE18LWwgjkpwhIsw7x/BqN/WPF0YpbldqnR6\nna8SnmFjRqmpo8doxyAQVC9HefkFtdTslcgqI5pQAbkPH0ZqTt/MyDRrY3ts\nMmnw2sbdsZcx7l/AA9objvpJGxVp9JxA9CIHoxta1pJSMA/HXNXkvJCcVzdM\njMWs2EZQQ6l/pVpsBoEH4vnIf37Lwbleomgj4FyTjTzyzF/9lJEiCLE3p393\ntbcE+jpJMnJTrubpIE4ssy5myxgxqpQLm/uaaq9Srsh6Y1vcgFBUi//k41qh\neWXF\r\n=95kl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8c119e9b02d2718e7b4df7fb72c1724650583b0c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.e84b9c8.0","@material/feature-targeting":"6.0.0-canary.e84b9c8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.e84b9c8.0_1585760130218_0.36998634886481896","host":"s3://npm-registry-packages"}},"6.0.0-canary.e33c49e.0":{"name":"@material/touch-target","version":"6.0.0-canary.e33c49e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.e33c49e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e79c06806ae3c20910abe7683d5ccb78a6b77e64","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.e33c49e.0.tgz","fileCount":13,"integrity":"sha512-49YNvrKV0E4lMcinXDUmeIyX5FgBPFNj/o+FTWnt44VjVH514widtkyeOEocXT97xkO3m/6w7n/F8YwE1s9SlQ==","signatures":[{"sig":"MEYCIQC34FXsfhNxIik4t5OX3iaAq3wlD3lwzSrFAOHDr4oDtwIhAMvWu15HkpqQjxqlXp4eNnntgrVtrddNZxhPnHtJj6Q5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12800,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehS0eCRA9TVsSAnZWagAA7egP/3x97KCj3oapj64yC6Yp\nW4Ogtkm/XQm2P78JjrHKHenxYsnZw7OpIENEcxcXyO2wXaFIDy9asAdgu+0i\n4iyjHjq5iT8JyvZoo2ZppeAlgvQHc/7qw/TOLn9MD5TgFHt57G/iD2/+dGwK\ng+vEdK8Zx3VoQxht2lJ3/04ZdRM99V9sEuljRXu2ZfQkzf9n1hvk+Ds5yB9E\nuY/tlBQKzxdaQj7hsO7IBNrjhSOjxz+8fdRLpdb+T6VJh9lRZUsIo0RuzlCe\nINwadiF1cvMDR/E8Degl1PNG14jgPAljUFD7QU0eqQOkfiFMvH7cf1zTdlWQ\nqCr5i/BSBeM8pUbbBBzXiNOz9u4HWppdvLYlwk/7770L8fV+z+36gD1l6T2C\n/VDvfmvjRUMlPtfS51oeUCpbB4HE+U8e1OUXiajeybgv67oUfdGj+qWgUXEL\n2I8SsRGhKdj08iUvpCMWNlvoC18UbMipSf1oAI9jmM11RhsU+pAhZ8ZDstMr\nickuynhMdUAyrN9fXMPkXZO36WKtKSMgY7GtLUjeZ2mK3+2r6yEZOyGLbh2c\namJ5jiqX61f75lVaOOdgCwGTfGpmUITEfiR/WJjG/gEFfz2DsjsoEmR79oIw\nGuBTCdYLR3jnLQuH2PvCDDPS/QM6pWLTczDi1flCEJwyUfLDYjjVTvCX00ca\nR116\r\n=rfxx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e369357845cadf1687509d31fac95d3131a90718","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.e33c49e.0","@material/feature-targeting":"6.0.0-canary.e33c49e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.e33c49e.0_1585786141589_0.45770548812961875","host":"s3://npm-registry-packages"}},"6.0.0-canary.f1f8e60.0":{"name":"@material/touch-target","version":"6.0.0-canary.f1f8e60.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.f1f8e60.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8b0b40a26b6a239ddc00f111f2c06677c517448","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.f1f8e60.0.tgz","fileCount":13,"integrity":"sha512-bL+YW4kDt7nJcoyP/kZFb5lalWVtJucTgYFRmIup7E2J0/3PUeaXQWCZyKLJOiz7R7W6RYoeCkZvG6Gv0QWpFg==","signatures":[{"sig":"MEUCIBVQkz6dkUrrrcn3fVDzaeHU/DuEIIMwmOgUHkUIFGyEAiEAhUJIQPNguTe9TnU6rZRD1i3nfHQ2iwh0CPhfpbDfVkA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehjlNCRA9TVsSAnZWagAAKIgQAIk6v8bUbQkM8r2or4ue\nBZPVkk8+zCojPjXFqnEiN+7MdfQBwe6vuUeCaeo4CwHSdUNAfeLAamayVxEZ\n7u37nknBm5DHLQxncQkNDwR3FBb3nddvuJvuzb57GLnhnq3qKMIVAK/fOW6q\nFhnxFX3JKBB5cDEue3hdKu6qnECSBvdk4AjF10EvE/fbAqm0Z8MjAHwg/kx7\n3rbkWi1MdbyfOnbL0LaErY5gDmd50Q2+lnHrTYGZnYxgYlFTln5BBGQlmiGb\nHKbr4LTlb2qpZalbcEhD/XCuJIegzxzH0at3cheqr8fGbuV0Tj+sTIXVsa6z\neuwQWJ1K3oFJrqoEBfk2OXn06Nw56uSY3CsAeRjbNg+RLVkN0qOnOhxpv2AH\nC0VMywStmbK5Z3GVk3nV1fZ/gimVs+sda+KO0OYEBM7IeFIohYWinTzMEiXU\nHsWFlxO8ZE+CN180zTC6buRMqsvWIrjwEhdFGDbGcS0bkhwRIUNm6Ydj4pZh\n44bCVKOrNj4/JfIyuQsILk5+XPY0zj16mYruRWEk1yx+g/arS4jQRtxg0pvn\np1Wtd2c5Nszrd76+Tme8nAOZQ6WLUWQJbK0fRSaBzGBawWWAJxZUL7woocZQ\n3/taWZGQy5+viZKBRlIlN4CxioLAcXTgBjOTl4qJVYzUP+mFCfzYfQ7/jLAS\nTQzc\r\n=Pv+F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"aa365c532331b10b868579dbf1fa4335e9499185","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.f1f8e60.0","@material/feature-targeting":"6.0.0-canary.f1f8e60.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.f1f8e60.0_1585854796772_0.4188853008263098","host":"s3://npm-registry-packages"}},"6.0.0-canary.1e17c49b3.0":{"name":"@material/touch-target","version":"6.0.0-canary.1e17c49b3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.1e17c49b3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dbef54473645b720dc164f4ff6c3cc94dbbe5ce5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.1e17c49b3.0.tgz","fileCount":13,"integrity":"sha512-BCOj/d26zXvaxSizxye452Dv3R3YymbS2wmrgE+hdgJn1HTkAsCe2zIs8nvUVdztlHzya0RSzHKk32d+6fhNmQ==","signatures":[{"sig":"MEQCIFy/z9CnLNHw7n7+t0j3owa8FMsNgG7L79jHj20sBa+KAiBB78tOCbVgmo8pybITqFZzcoaX34tlkKSk7vTI6Sm4AA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh3pyCRA9TVsSAnZWagAAEBAP/j2Ava06Nv2BQljncv6E\nQ2Dj/p4jxjXtnump1NZzMgSYqGg76iQKCubr6qyGRMKepXIdWh1szM48fX3Y\nNOHPRZB9MnD255Oby6q8ZbKijRaIUVM6xeknGciB/GwlPN749VqxIi9FUa70\nMw2/Y6YVRxkVIrGl+e1/+/vB2MhMiz/EfyvTOkgBvp1ZtU8xxf9TfV9Tj64Q\nh7RsE2O6M9Xw9qSWxF22NyfmQJLlwP2rgcfNSVdUVeXmazRFg3ZvvU2+McwN\nnRjIhRrjuXm8LMFJieChh8IGczrfNp3k8V+JKaHfXCnqTFQHq0OvSYkzddpN\nqr5dWs4y1J14cljtbkKdijMYY8pNEwxJ7pbtqBL3FoS3tW1FaRFVbsGzUYW4\nTiqDASzP6asVc/9Idv8Yp1UicGYOAiW7VwKf+9sLRSdXif+58hTQ3lTeKcsq\nd0SoyNkvok+bBnYPScExErRsxW55BXdXLOsgy/18VHqrZJtILvBqgChT72bE\nRdhH/+CvHIOuG0W2MhlmpoRYCN7GYhAKmH4UKEc8Z3zbtQL/WeuIVFxkFNjv\n65MNTHM71VFz6ywqHGH24tom5pkdDEbn4i5yuo1j9MmkZhr4TtX9UmGjbh6B\nrAkF3zbNCKH4/bvhOs0VQQYegjo+dlPU7lMOtW6QKnpChNlVSlipnHUGKMsC\nSqBz\r\n=vFT4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"08bf363eac26d705e8c4b0bcda91042b9c73f82e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.1e17c49b3.0","@material/feature-targeting":"6.0.0-canary.1e17c49b3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.1e17c49b3.0_1585937010083_0.7021609249757148","host":"s3://npm-registry-packages"}},"6.0.0-canary.6a40ef217.0":{"name":"@material/touch-target","version":"6.0.0-canary.6a40ef217.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.6a40ef217.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca6e40dd6339a2cec74816ff744a60bfd357cc8d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.6a40ef217.0.tgz","fileCount":13,"integrity":"sha512-ORvghXFCpU1DfQk40ec7WHw79djsIPnBOtNTJO8UO+6pXxJWcLkQayQ0Nm2HMfg/llRSPLVEFxAMg+og3rZWXA==","signatures":[{"sig":"MEQCH0rkjVrAWgJfRq2BMYBjRKIssa7OZ0BV4YFXaEHYIysCIQDr5pflVFVOlLj2xKNqTntjyJiBdfnmTCv9mXy7FPbjsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh41aCRA9TVsSAnZWagAAq8IQAKH9uhhYfm4+vVobtZuX\nh+rBISV+7dDkdMiKbABHAvd8/b8LHGaPqlS59LYDtZIGU0W6Z2jZuyam4EZk\n49lm1/C8glAGaenNi9SJ07zP4pn62tOSjBuD3ALTNL3z920jdm8rF/WgMVin\nM8Dt8vYtCeFtPUnoWDKhlj/woY8q/y+p9lLally9xtfcdZW0v+vGIVVqbKHh\n0ENLj6JFRyL9NYHulCn22Qs2jCWu4UEJ/Ex8gq+S2lFKppFKkuz6ACI1RABq\nyGOb2jzOi74ikl+gI+9mp9dQzelRRZVmEm9kmD/BLWzo2AM15MVmsITJF0c7\nixnhhKbbrASXBJJBj83u3Hp3TqAoha6LObeVvMScmfEHfjx1+8pNrrhhzIsv\nJPZjLqxpgKW0I4Lz4xMmwaSWC0GojfZaKUe8x8YG9NqYkeYjWjUYMVuYu2cA\nF/dxODpjLGjkoN+29zIhiKp4S+vYrR01FTiwB2cu57gSualkmPvWxiS1vYKY\n7LEoKrRJ8ufxdlQs8YvPgaMaFfYF5kPCQSumLmGuVFZfMZVgHCkf+rAU7XwQ\nH8isUVRxNfpBMQlyeZ4lh7VZU+OXYSfJVf6xVUwFRieg0et/qCY1Sx3dHqGD\nZh3VEyy96lnXc3Umq3YXcgBV+S0ms5aPYaNKhzpnovySbN0otkVR+yQ1T/5c\n+g23\r\n=hQ8S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"94e553cfa7e3fa8977ae7bd2ff7df4021f815787","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.6a40ef217.0","@material/feature-targeting":"6.0.0-canary.6a40ef217.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.6a40ef217.0_1585941850318_0.915710637328162","host":"s3://npm-registry-packages"}},"6.0.0-canary.5f24faacb.0":{"name":"@material/touch-target","version":"6.0.0-canary.5f24faacb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.5f24faacb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"269961495e88fb6e79912b19ae49166f16bc1003","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.5f24faacb.0.tgz","fileCount":13,"integrity":"sha512-N+B912kBR1cv58zigsk6LImGU/gCvkO8QOJuGQqZbX5yfHU0cH3d/dYNwRo5utLCggUXY9TFw99fWNlJOo7PHA==","signatures":[{"sig":"MEQCIEW7MB9WpKekI3zfmpKN6UC5vyqJHO2epXeAivOb34gtAiBh12v+890z9jSwhKwNU0CkQb4053W4VbEfz/kz4bzRFQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeje9KCRA9TVsSAnZWagAAVWsP/1+hm/YrIo355pKzngA/\nZBmiXa9qt8Lg2i3pD8isVEt+1HPEgUZ573RVob4mZtM5ZgDUlXo9+XhS8iQG\nQ20KnUbu+ScO1c1A+0QXNygPdn/yhgtrlKpUheAj46mHhRhEpJ/G9WM0C31C\ntpRhZPHLaXZd3flT9EUEnCW+YfA/JfBk2sqRqmhZJg6IyfDjZZOJ1+JKdiuO\n48JHWP/IzOGps807R6WrkxCIEkSoB+eCDFwkbPm7vtGT0VR0OU1u1UsBVbws\nXXtGtq4x+R1IpiZ6RHWiB0civTvF8DSskhU7mtmNyGc6I2p3tppYyY8X/IRd\nj33uilr8znSeoFlm7ruJt9mCvU2tVts507HOwlud+xSzEfyeLctCxYKTlQ5M\nGxu/os6mvVqGpkOT97gfSVxrAdNWyfej4L/bAF5OSPP6vLfbHYVdYbZvfFRd\nohOI0oNQXx6NcRDrzU47acBlIQQU6nm+R6W5Vw5vaCrGlwURmzYlU9hLdAY7\noZhUUKjWtqmNbfwNcufLSQ5Om10wjxZM+rDWj5lXgZz4a2/WpTVszMHJAbnv\n6nF1A5Vmok5yav6sSebDnkdQkB3gTEV3HyxNo5XLc79lDh7d4SXxaLpwQt5c\n3Am/3dPIlS2hyddmPUH3hyqaOQAg2xcFf1QObecnZZzwgfdhhbUXNuziVoRd\n1uqr\r\n=nrlW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2c7c3d8feb6b7bb5281c1144c43a06f3ca963316","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.5f24faacb.0","@material/feature-targeting":"6.0.0-canary.5f24faacb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.5f24faacb.0_1586360138206_0.48767312320990364","host":"s3://npm-registry-packages"}},"6.0.0-canary.82fa986b9.0":{"name":"@material/touch-target","version":"6.0.0-canary.82fa986b9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.82fa986b9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8ad142bda1bd6974ea0ca09e7e811a3372d46753","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.82fa986b9.0.tgz","fileCount":13,"integrity":"sha512-SCxRUiD9jBmRh7KLeJoLuvqp/utn7tJmVOu3cSb1vdM4CY1HLhMjRnaIBzxNv784vd+MDFNLI+dPFA9diuUsUA==","signatures":[{"sig":"MEUCIQDfFaNpaIdnizhD9W39fkGwfpD3jrIWHnuQeg+vs4SBngIgeOkqYhs7KKR/6hu1Cy7SVrad8HNdy6iIkCrDBiABgZQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejfCaCRA9TVsSAnZWagAAfCcP/jmkLOt/qdzymR4Bc/c0\nLD54+pbbTUCNh+65XgSOQV4LACdt+NW4XaBMSEeyOFoNAUbAc0JIpt86gjyu\nXmE3aF1B4/7IACZxU3xQA15sxGbohnt6JMgR4IkuUc7PN5fhI2c8JEXBYyF+\ng8m5hzIvdlgsxJO6UC4ek5vPpZu8nudLX4NWgvMEayF+oiM/J7iJlWfe1frn\nO0vRp5KsQl7hn191rFZChCBq4JuCE8qzEvYjhPujeJ51Nc8mVEkF4yi/3Y7E\nTQ9p2XrD/di/OFE98JC58W2GQo5cHoUJqaTgUMDiMFX+w7qzau3IynBysxOO\n/4TOJZkSNlk3Y1DVv4gdikQlZpgLv6tW4szwZvNLTkE9wJLRO03eA7T1id//\n4zPQ65A4ATyOKlTa3JUgYYHJbL08bHRPOW1Kt8FdLew5DGXymRRwuBQpNLrE\n9Jk03Pf8b4sB+HZwbgQVu3nA9yht2Z8RHDmH58n7vE34nT17LBEadN8zbzro\ncm/IGf+EdqoDQUPnMK/pk1squVp+tYjlkmWZVsZG9wDDoC4FE3wgnFFOmfEn\n0mNkxapCC1psbFhiTwJXYsbmdo61xGdujPozZ4GV9QfirCM5iyis0FrDo6/q\nrpK11unHsXG/WZRx3Ll6jUaVdcQYUXuwNE8KcCOOLlbq/K56d4IHQstcGMwL\nBy+f\r\n=oJcI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4fd9bd21072735eb447e594a5fade5eb1e846831","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@material/base":"6.0.0-canary.82fa986b9.0","@material/feature-targeting":"6.0.0-canary.82fa986b9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.82fa986b9.0_1586360473681_0.13712705205403242","host":"s3://npm-registry-packages"}},"6.0.0-canary.9930d9cc5.0":{"name":"@material/touch-target","version":"6.0.0-canary.9930d9cc5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.9930d9cc5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d4d47cb7d361c876ce98d3c19310754b7cfd807b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.9930d9cc5.0.tgz","fileCount":13,"integrity":"sha512-ioqtTIgIhHNTi7gH+/TjPmd7KA13JP+/grySngWWlVXf3IU4gZzXchIONYqOpo/i1xvp40gp2Sovs9eG+EslDQ==","signatures":[{"sig":"MEUCIGprQ/+Q9aS7ulkNriQy68SfS/qkkB3qbyhNT9beIYvzAiEAgN6j1+Uq6+0Stew+FUNHAJLgfMZJyK4NwjYOxFeH7Oc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejiayCRA9TVsSAnZWagAAqXYP+QF4YHL9LzG2Bny2AsgP\nK1/jFzoURq8FykvHuDT5+Pl8zmzHYLZQ5MzsT08hYyiLnuQpe+MR0fvE4xe+\n5ztPWXy7LFaAHpe+eQvDIR/GAN0BrH6gwULZgkwbK3myFYzHuzbXZ/7gkCA3\n+4JbqrBNkxnPrTAVPzbGU8YdyOE23nLe//cgCmJDazgdyeeTPdIvQXtqYZ6R\nF5LxeYffwguBd2q90GcwjU0OD+7LXIXH9WZEkCvaehurfmb+l8ItONCJvnOr\naiEHVcPlygzk5/8rwkYurX53O9zr0CrZ41DDQqCzdyzaCB3zJVJG47nY++Ri\nCteCLSVLdDg20P/MzhPEjzDAsrxRvLLokwHr9gtyggHsMLABE/IYLEsCBQdV\nMp5vVc+YWG3/dVaqYF8sk3LjTpYzXhNIsg+Do8uzAkX2ANKrF+NgzzAnGqJ8\ncOmT5t3RdAcYrjUJBjVLwPpE1nSmdWd66yOs8DIFVt0AkglnAITcVD8oyGtj\nlt6RuTQ1WHzHUF6A72rJQuz8BVX3sy9ctyeEsmJneb6J2H6DbwVTCeIa4EKR\n0tkV0KaZvyUPNWm5ngPa9dmCHyjjDRiE7aW8+8iV/axL6Ss4TCffgeXKspsR\nvpFezH5sasRugb0omuUkindDR0+Ixz3HY/AXiboGpr/ESlZtp9MYW1h1eIuS\nAkJD\r\n=6oAP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a0382987a27373aa348015a5e2529f301f638d57","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.0","dependencies":{"@material/base":"6.0.0-canary.9930d9cc5.0","@material/feature-targeting":"6.0.0-canary.9930d9cc5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.9930d9cc5.0_1586374322288_0.05098224727293377","host":"s3://npm-registry-packages"}},"6.0.0-canary.6601d24af.0":{"name":"@material/touch-target","version":"6.0.0-canary.6601d24af.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.6601d24af.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9db4d91c694cb346bfb54c8aa68f0540e417b8b0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.6601d24af.0.tgz","fileCount":13,"integrity":"sha512-vNX3U0/4//5b4ER28ThSVcnnGSd7NJH7zd90fuQqUNDVHUXW9/m4BpvWm623tM/HJ9mOpV0XB3TGKVoGEKckfg==","signatures":[{"sig":"MEUCIQDAPqPhqFTeX8jMGVD2m/rFVlv2EtjkgKbBnQILzfkVVgIgZOB7NBFkTwUIJiQL71Zmu8pspPOomINyE4nDO6/PtZc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejmxrCRA9TVsSAnZWagAAZesP/R+1tJwPP9RVaNyv6C/3\nXFfFQDzEE1Hv1ZtgdsdO85ce+k6WbkshXUHQGoSSVj3E309Z1kw57v/6Ol98\nfufKP+xoP+VeEaxuZbqR6pnw0HEVsxjNs2lEHjCQ2lxfl8o4YVgh4nLlPRku\nduuFYTEvUrfQcSHEe+ad5tos/1g7BVv4c9QcEk3ru1m+sJXcaCpO0OmjMlhr\n299JXQY7EdiTicoYBVdl4JXqfdCO0gCuvQQRNdJUBXgrBL5/DqX+N48fBZ4/\ntY8gKGG8YN4e4XLqID8ZPyUtu6xTR8hfhrFCBhI11+go7AfsdurB0D4MExjL\ntc7uMvZBWoNcjE5a631i3E5lGYhYs9sTkdSlUCVswfFUzWLz4vYn5GTW339S\nCwHaJMlIpLxw2vchrNxrQPAjyM16FSA1EMqXWySBHUOIPq7u6Ww//YeLXb8t\nODFVNN4XV8665Gr5PuE2GWHZi2WAYOdUtebYIbkIH/RlhfwfPUPJgTCirEul\ngaQ6lkrc2VcPeL6i/bfJkuJvSZPyMBr3VqB7oj3DusvdgBtXqBhq4PJuQ9Gh\nGV9J4trXy5iRrvCj2NVAH8gXDlBjtgDFE1+UuRzfxRSyuwcN6cRX5jsUJaTI\n2EKSDXTehfdtysCVIjVPIJnRb4cOvxWyiMaXk92znyZ+L4oYKeIlT784bihL\nEztf\r\n=zvZf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f22a45db8a22981a17395184998a94e6a32944c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.0","dependencies":{"@material/base":"6.0.0-canary.6601d24af.0","@material/feature-targeting":"6.0.0-canary.6601d24af.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.6601d24af.0_1586392171014_0.07005368342137053","host":"s3://npm-registry-packages"}},"6.0.0-canary.05f5e1583.0":{"name":"@material/touch-target","version":"6.0.0-canary.05f5e1583.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.05f5e1583.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3397148598e002203eae32d650a86eda6691bcfa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.05f5e1583.0.tgz","fileCount":13,"integrity":"sha512-TYQzeMxKV20IsWi+17JN3Rn27QKeEk1XcZcp9wJJRyV/fCd/3IygCU1420G9b5bxSZ/ApPs+y1wxuqX/0pbidA==","signatures":[{"sig":"MEUCIHc//Ck3g3F1HAd+YRwf+eG+ddywopi8RGOTAFK8aVhMAiEAp2g0BX7WyS7sDi9SdaSplGFo4L/AhSTFeUtlPqLrLvE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejnB3CRA9TVsSAnZWagAAm48P/1o/XQPmOdO212qM1uo0\nbpVboT+5d/DHKHNxEsM2fr/DY1lCLgNEDtarPNAuLEXmrG399ACWfYpENLh0\nHYdiEz0dxJDbpaavIOIEEKdI1ZVbcYb3O31W8MSGym/q46hYwuAEZlBnt6qh\n26zdGKVXG2PYnG5b99B/HHlE/XJRJESWhUcIh7ogZI+vBWvF0cuSHFYJxKsv\nbV0YFdRxJqvis344qkiHj+KxIDAS8P3X+n4qdIroMivT679zfKv90I7U2VPK\nHLMPoeYmykNejpuHMSVT8BtCE7f/UUnFDJE6/zq+7ErutqAg0UwzP9x7xQV/\nbo0u8KeZ5yMfjfRVc2xmLEayxSDksAeFsP4N3yWhVHkmNff9dvHSq6rPU9Ue\nmdO0wNnj0lftJGT29qHqGcb40d+K+jmBVVqjI6wQSRWkis/lNNIFrU8df5iP\n03CP5GOyIgbQuNgscU+mV5+KOqRpYQtjOumTjOPB4G3amxwPCkpzBjKIRn9k\nnJ9fierH3x9Nq4f1LT4RdW9a1sg97R51xVkf55AgTYK0kJvaB55gqD1/aJPz\nE4XfzF6Ql3J+WPX78wQqFfK3IfG5AtkqFTB9Ig0QNhBRp9o2lTSA6x0NBEqL\nxlcWaWmstKIWwE4JuaGPkJ5WEXvg34Jc+Cnfh+St92+6WGCAcVEMK9WmotLy\nBaMj\r\n=KDrv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"413c1908165c032ac95dc5456e70978d3994b6d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.0","dependencies":{"@material/base":"6.0.0-canary.05f5e1583.0","@material/feature-targeting":"6.0.0-canary.05f5e1583.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.05f5e1583.0_1586393207194_0.8004483965764184","host":"s3://npm-registry-packages"}},"6.0.0-canary.bce00e186.0":{"name":"@material/touch-target","version":"6.0.0-canary.bce00e186.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.bce00e186.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"839a05df2bba0f1e6ebf0eacff4800ffe252963f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.bce00e186.0.tgz","fileCount":13,"integrity":"sha512-QFfqnamICL6Gkc9I7u2rq7oaOzPxPmnU2JA9WWcDnJ8QM9QNOmFyExDB3tfbZzn3/iFJE8xjE5tTSaWpR4i4iw==","signatures":[{"sig":"MEUCIQChCLz338w/UyJ7qcauLpmYN2RPp0t4HnDWMMSQLhlj5gIgS5YDnJjFN3J+NcGCiZJUXS4XVVPDjh+hbIMhFPekUZk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejz2kCRA9TVsSAnZWagAAZpQP+gJJP0pEpB8qvcW/VPAq\n/snS5+XldBDKszowVF+u2BNeT9Lk5VvTc35cZpFScpZUW9AQQrCjqj6AaBxb\nBXcuVBKl0rLf2M8uBzc4egPKDTyJQp1v2TjK079WRpD6f4X71TpoiJr3LdT9\nplcDfjxV8AKQTwxnQ9nWfxTskLm03wVbeGpbFXWm42DpE+Mae1qPIItXIEb6\nY11C75jErMjv82FhObW2jaEnfuhzibRGlvaPvammuLSpn7mGSD9n0WCa/QTW\nRge9Ga9ddDfT5hJRE2xUlO5Ssg5h+aFETQH7UWo0tauJUkqxLiuqTodfsaTR\n8cYt6nNsY/yFabtbyJc+dBAnBq2O6venRxOs4WQ1XDB4+ZRsPEgCfhqncaTa\nHXbJIa71JfjRQlTq7Zupjqa8TiWidYMFpXrpmbTtP6Oba9qou+7ZhCoUiYmK\nR9EYEswGQL2EVM5g5Ycax+YZ04woh5ov7QEzAOIbmj6dde/NTksX8PZxk/Va\nA3cOA3p+gyHyfhspGroxWVJYfCJlpVNKfJxVQIrntEWJDQM/czLiuzh6wuH7\nPYURj7OomgsTo6zOx8sRv7F8dJ1Mh4Y/ew8IyqkrLzga10HmHYwCspvm/JU6\nLVS/fqs/krSQPGWc9DZZ6Uhon60j7RnRiPCIRWJLZ10vXahlAK0/4DWTF+Vy\noltM\r\n=li2K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"36e6ce5271637d131432d915870da208d16bef74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.0","dependencies":{"@material/base":"6.0.0-canary.bce00e186.0","@material/feature-targeting":"6.0.0-canary.bce00e186.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.bce00e186.0_1586445731971_0.8555142947838532","host":"s3://npm-registry-packages"}},"6.0.0-canary.927fa902c.0":{"name":"@material/touch-target","version":"6.0.0-canary.927fa902c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.927fa902c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3fc07722fc5dea166498ef5b7c8b80d26525b84","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.927fa902c.0.tgz","fileCount":13,"integrity":"sha512-O7cljOgCwvVnv+IBTMMDaktym5qhrjqzXA8iMntKq1VpFZtcPXhadvx7+TvoPEi3z/jmbtJqr6COJIInx2Ycxw==","signatures":[{"sig":"MEUCICG2EbkKs2Qtt7xukLlRRi9HyAH15ct0d+2Rz6V76b2LAiEAmnoaMqFh5SYY1EYkVyIvva1jlYZeveB4AHXTKrMl86M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJej21rCRA9TVsSAnZWagAAd1UQAJWWd2a//l44NGm4GfMF\nI1BI4o63I0yNiP9cRcO3XMlSQlNhLqu13zLW64IypI59DFs4KrickK5UeEXO\n/CNb2HlVzaLun1MsgkyO7myELf7bL3jsFIpqEhwP45tnmcoHyvUv7rVN7FXf\nQONzq+lPgW/YxGnTxze6b/4DGmwpEGayF85/qGbIU7iMJg7zBosiZeEyhtoL\ng/AKMKII/WO9cj6DZRhiD7XMamloUmHjqZapEFnHvT0F1nXd1Z/i9UAD2e+u\nGFIoZ1MeGd2K78cJTweBZF89TwCwAcfyDO+sCfgjEfGWpESgjrpRDQJd3aPB\n2+ADGlqVcsC6i39bOu/9tVQCq0AgwFu3fZVPhtVySceGzDwCqw8HPMpOc//a\nD2drYdvVMpPcD3AOA7Rvz2luz4EDZREHhv4rkyNloKTK0NizTdLm1nz9vGUd\nkFbh2O6mj9ub2CqgQRp1xRYlgR6YRYAFgPDz3p3rgNFkiu9RS7o8RfCME+NE\nPC8wJrhtyJmp8PZJT6u9A+40UW05vJimDRSBHA1pPNad4nEXwkuS3VHIzgze\ns4Svr+ns1hdy3T570EKxMqwK85L+aaQnUpo3FGz2LGEL/bpvTG+XzImq008P\nbO0IABskHOXTqe/Uf0nimkhQrHTqLZxFlIGI7tJQhXta/tnJ4uvwNnMNLRW5\npBrL\r\n=d7eQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6993aa2a4786dba507ed6b641b4c059925b7ddfc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.0","dependencies":{"@material/base":"6.0.0-canary.927fa902c.0","@material/feature-targeting":"6.0.0-canary.927fa902c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.927fa902c.0_1586457962966_0.21251209738259624","host":"s3://npm-registry-packages"}},"6.0.0-canary.eb28b6ecc.0":{"name":"@material/touch-target","version":"6.0.0-canary.eb28b6ecc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.eb28b6ecc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53f886849d017ce6f73c1012dd94e09d0f72be82","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.eb28b6ecc.0.tgz","fileCount":13,"integrity":"sha512-23x33mGhiQQxs4Z2NzxBE3UkZlfAyoiu1dfLTekBa+86U6ZhhIO0PYQBfaZVUD4uXZ5bQsuQavQ6pYq7MEFgTg==","signatures":[{"sig":"MEUCIQDdfbigKlkeFENe5i/bSrjB1DEwt9MB0VOZNYN2FNpVxQIgXIuOMMZidvZoaCXY8yMm/zaz7PHayDEJMoCnyuyuGGA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekMldCRA9TVsSAnZWagAAd+YP/2M8o2omvifVkjcd1yIH\nymxdPi2NeS5CsdzrP0tjV82lz6wYM9Fv+FDoXBT0goApgqO9Ke7JNkjhPWap\nWwYR+PeWWxT+4qO+H3lY31uhm4BGP75704u4fgLjZcwp08FQN8qDivZkj+Eg\nii6QMp02Z+VPyGejy+Fq271P8tH34gWFzRHKdO5KLDzRpsV8YnGscSHR+ekC\nIFAd+U5T8iSHSd+kUVj5GDjLrABCVwaDJD1a2oipUqEUgdUnXGB+wrhXDk8J\nzvN/NE/0gvUQxJ3Fwl2dqhL92dhblyjKPX/cG2hiEjIXft7YusvNfR75BH+7\n4Gqdqbmn14r3+NvpmkmDhSEI3yOgIKEveFmJWU4Ta7oCrfRaZXVLXo8X6ra7\nvCDoK0z4eSu6q5dNsTAw62N5ZjipBYm+WdfmmUHLg7WaJz/Sgq2xVx8hfRoi\nW29ztOrOjF0NgQLsJDEAaEUmiSQTytQXTv2iB8qXPF6JeWIqyrXsm1BqpIWJ\niU5/ynhG7Lfx3oiYzfDHYd1KxkMQKTqJe8CCyNMM8moe/b5HZckTMab7SKQu\nqTp35MbfDIKGfj7ONT9Y86psRBTLmTcLgEXRmlFzx+86T7Z531/fastMhDTQ\nNxSEUEJRFM+0iLdNKxUOY/myL5jh014ySVob+zgX7pv+lPaIY9ziszn9zZYR\nNtkA\r\n=BJiE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"14b97cf99132f4a85a978c1799a668eae031d75e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.0","dependencies":{"@material/base":"6.0.0-canary.eb28b6ecc.0","@material/feature-targeting":"6.0.0-canary.eb28b6ecc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.eb28b6ecc.0_1586547036889_0.4310996371718441","host":"s3://npm-registry-packages"}},"6.0.0-canary.816a43b42.0":{"name":"@material/touch-target","version":"6.0.0-canary.816a43b42.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.816a43b42.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c2bba75a1fd23e1fe023d40fe6079f5d1e06ad6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.816a43b42.0.tgz","fileCount":13,"integrity":"sha512-pGHSrwV77hkWWmezQQ8kz7aZ84KRkZqaw2WSTQjCPWZNBRjTS58ZFQEJ3KQ/Cog4DlR3Ing55R9Sv5uHQGpuPA==","signatures":[{"sig":"MEUCICGykavlFq4bKLht3n4xXglsuBA1dG9DERwjTzpDlJLOAiEAxE8H9VZqAMEwb1frljApeOKTCtzgnF8U+p/UpcSJzGE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekNyCCRA9TVsSAnZWagAA7BQP/3YO+sBeRYcg9GNCqZLM\nPZOpa8KAjEFm2/jsm++RRhU/FfxYv7Uu9qyAeQJW38l1Ajrn5yWBFfhYLQeI\nSZSXiGd2uK3X1w4KeU8orTAi7p8Hu2ci/sPfc3vSNBirELPTl0NDVXWW1g03\nK0LuieygvoJ2IFU7xFwlgytEtJC/FBwedBLIycy7PZNwCKWB6jeJY84KlNp3\nE8ZHXXj6jwso8kZNljUbfjrrWpY0XLP9zLYokmQTYzG5w8B0uNFYdpFj69CD\nBL+t72XLQRVzRozhITc7L/0RZhUfI48WjS3D0JrFYteIWqb18KlLkUCOFm/O\nYhTMeqRmw5pKAHDhfV8P2a9hEPro4fdORLpXx4idup0VKD5/5cFTnM+T9GCx\nRlA3cgNBB6xpdjdCofYQFbCuXBQRVQ4gefec7ww1SJsDrWAn1OzrfD9lUpnV\nzbMvCBqaONKkH28v+hbOul0k2wpaXVsh5h/HOc3iZQP3B7RtAX2/rSwzlPJk\nbQPWCLHL7XhwLtSWX54bth2RCwCuBgDmZAx9bbD9q+h9CRREnwmCdxHOTHow\nRyVbPOZEcGazs+tyNOf7PCt60z6UkIT3F3bgpxrtlU2iLolWjYLdxPBC+H63\nbME3FbeyJ1QvifglveY4PksxdmA812ncYMYGD3R/gewDjCuIxQV6CaLgB7/D\nsiId\r\n=K6pZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"55d118d08a4432484dfc732189dae38773d1f437","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.0","dependencies":{"@material/base":"6.0.0-canary.816a43b42.0","@material/feature-targeting":"6.0.0-canary.816a43b42.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.816a43b42.0_1586551937936_0.42220648978613684","host":"s3://npm-registry-packages"}},"6.0.0-canary.008c4d319.0":{"name":"@material/touch-target","version":"6.0.0-canary.008c4d319.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.008c4d319.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0bc11f23e0652d278aa98b1066672be7aa1daf71","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.008c4d319.0.tgz","fileCount":13,"integrity":"sha512-bOYB4HOvPQCjvJS0Q1y9v/quLyFXMdGm4oN4HHcDTMoXkNGZW9sQIHhih/UJOZMcFO+0om27Xeasbp4OH7wU7g==","signatures":[{"sig":"MEQCIENoKldRDoEU5CuG8wSehqI4ZfzVElGbL5XV50mdugi7AiB8UcccIzplHnkxv1jkmSyZ077oJAHs9032LWzj8AuJtw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelJRbCRA9TVsSAnZWagAAY7sP/jhrZjargEcmzQ4UP9nn\nWN71dVoLOT25h0Ob+7Xm9I6SpyLwCzN7IhIjKUL6gY8UekYssqm9tHNJ0mmo\nuIpuodyK9AQkeeaHxke7zZdqXl+ofYGb/Nj70lid6RDv3xUvmW/LXYvrdYgp\nCtsL0IZN5TlPntQmXLP0P8KpAheV5IUoFaGa9RcGvBy0h/NznObDq78iGKg/\n0ev8G+fJFSNRdOp+H1CNInyicnBhBH4zqGYhy6chj4KoF70W8DX+nQja4eaJ\nSc1pa1otiuUPfos2d6+VyAuL45lcc0kc2T3XpBweElSKKAzcM4ZELyAc78oT\nm53CE6x0nLlC/K9xv2Ug4SHwutJlT0UPpMpsRVyGrJ4dovlAQ7xFQEfiCoWw\nUQ7e1LgelP2maWp0tNUHSAGf1BI4AuG3kDOgQtE2jU2UbGushL7T/yWha16r\nvVyfXEpgf0lQJdxVdGgWfcH4ikGJqEOY2J9bhnyI0Zy/HxvMvfk6ArA5yhXt\nbeBJ5CCFRe8Gdcnr/7pgvyDLDKzIPSeaOC7/4ma/p4GwtVYlbkgPAUOFXtUx\nWeRjWo2mJt9m5Ou2kY1roN1ucoeO2dXml8C8aK29F1nQcOSzfgL8+JSLIZ9z\n9+mhTdiJ/S1mKuaksAFhBG63Xb3J9f5T0D65ohg6ElqyAFhk1dWzFDAvkH3G\n9J7n\r\n=Tuoa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cf7ff62c921da3167d96b5f7cc7f07ac2af41a19","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.008c4d319.0","@material/feature-targeting":"6.0.0-canary.008c4d319.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.008c4d319.0_1586795611395_0.354521042483843","host":"s3://npm-registry-packages"}},"6.0.0-canary.cbb3f28ca.0":{"name":"@material/touch-target","version":"6.0.0-canary.cbb3f28ca.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.cbb3f28ca.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"088619ec94e40e72b11b72855b74ec7ebda30f93","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.cbb3f28ca.0.tgz","fileCount":13,"integrity":"sha512-x73mWL2+Cse/xIcUQBFQldlp6vvuSNCklhPUCiAgoSROpu/vg5cEbogs1liJAqA20i33GYTe4bKluxk8niUniw==","signatures":[{"sig":"MEUCIQD8xAwfbtYbHWqq0yAMBYjuLf/2zd+TJCLNx6qie9geJgIgaurK8Wtoc29EL9/0K6ZcchdcHUiKDWrXXyytRN9clk0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelUSfCRA9TVsSAnZWagAAG+4QAIQFN0WhGpf7oA3P6kVx\nlrrnGN/jIS7GbYOI+cdDFSkOqF/Yl7yAJGU+X53XtJxK8wCyq54l1i1HAKRR\n/nCLaDsymGfjPHD8RfFSYcwKXKAedmF76eNDpcMTvL7jvAPmQh/m1HHKu8YT\nV7Gt72gliNVM5pe/NEaed65qsGx3mSonxaiIltuj+m2qBJdCXgvGymfyKcne\nDBmzefcSqUIV9Ask8FkXLSi0I88rCQi0RC19WRUB50zRFRd9+SxFDy4EojEx\nmz3kurW4qrcXAayJvkurRUxreK6yD6SK72eR6kppE6XlkNaqfjhKhyGD8rhD\nKeWiN4kGok1oMrY8MedxnSzaNs7boHF6jvqfj4YqmTCNQ3AooE0XU1ZDC3Lj\n9AcwFJJuATdigqqG1l4tOS2zB4j8cyjuxLOALbE+J9HI4ECEMO/SMw20STY2\noGjJssUHBpORuhyZCfJXD6vYY180gIcKp96MBBTMcxGpkf1QhPWAmbr/182S\nlYm9PoXn4SCsv6B06qBThoQ4canj9Cuk5PQI0Rego4dNzIzUr7jkE5uJI0QD\n3hjag+ZkkjUh0sU21X7PAKF8mHjShvfxy5rpKMl6dIMhnuygFENVj5bdKs5A\n8YwWOTQg4fFhm9bsoyKnJ7zwear284b9tjHPripUjiUceUmsF1j1oVCxXtFS\ncldL\r\n=UYSV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b6cb89b18de9f28799535d82c5ebc759433a5307","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.cbb3f28ca.0","@material/feature-targeting":"6.0.0-canary.cbb3f28ca.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.cbb3f28ca.0_1586840734649_0.9608338208422269","host":"s3://npm-registry-packages"}},"6.0.0-canary.f172b0f90.0":{"name":"@material/touch-target","version":"6.0.0-canary.f172b0f90.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.f172b0f90.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bbc59b7453879c226a860765197e3e42b69c6bc3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.f172b0f90.0.tgz","fileCount":13,"integrity":"sha512-WJ7xzMBo1XLrGfnLE2V5qeIkpBRH6lVdMQcYroiSlwVbNATn8EEHjDGSsk7Vu7kMGxClI6m+vRNx17szXjL1aA==","signatures":[{"sig":"MEUCIQCcSonR2j0bBrAXpOLjEUeOsV3jJVDizjyEQxLZjymg0QIgDT70Aw2ZRQSWzGY7wPTC1rGFdlNoCSkoXSKzknMKaSo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelkLJCRA9TVsSAnZWagAASaEP/2hoK+44MZn0zTma1yds\nOBVClP6uhcdxSDSM101yOrhhqzWYmd/5e280+LFxarozX29n6CgU2LhBIo74\n7RYmFcDCuDRvhFyalasrBSBVlS7aCSGbHglDalQQzjYYOzi7d5rj6rqPrfxj\n/VHf+BbGJM6XDnNWLp+furH+1KwkY6y/p2wdxvZGP+xBiAeKgk4PB84helOD\nc8zyqvDt+b61hKpbnLYqasQKKna2SHndNCwzf6QPv2pGAfCCwyAcib+HpsNR\nUGp6BSzxaRFC93wBNS0YCw7kQhmwr4Loqu5L5UfZdoDLX1h2wlMQ48WwMZcO\nzjw+/ATDKdJHfNqceFN+bPy+2iRpdw29oriaGIeTz1wnabul6FJad3ROXPsP\nqcqUZ8+gHF/3+8bofQIqnJGlyW2+b3y+Ht3PWNy0dxkpOHJ9X2S3pngj4zLw\nTnJuLf3KWRVJNdB7Rx5Bw9bZtTKWd3ANZTyW06TwN4y+hRCKgmPB/BKupWFn\nnCxhPXoY+/P3tOq8BkRlDTBruTBlxdZXy3hF6DjttnthhpF/7X4qHKF9FZbv\nYDnJym7vJda2W1G5fZznArYG/Dc6TSEAdU0Qbt1GM0+aLkfO1byrBaW4MmSc\nQCI+6DcCXmxYxOIu21Q55Bw0j1qDg8rbDe7RTzMVmUL2ii5nm4Nvx/d5lpGt\nbuFI\r\n=Evpf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"eaad6fe33949c536d515e1177cbadf504619cfda","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.f172b0f90.0","@material/feature-targeting":"6.0.0-canary.f172b0f90.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.f172b0f90.0_1586905800558_0.7225676295353309","host":"s3://npm-registry-packages"}},"6.0.0-canary.c02642273.0":{"name":"@material/touch-target","version":"6.0.0-canary.c02642273.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.c02642273.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa86ddd1e6a6b9a2ea94ef344df89ee690e6fd59","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.c02642273.0.tgz","fileCount":13,"integrity":"sha512-gbPlrBETOsmAN0m79DRDn6s1Uj6lh0/vKrSP/luMoUMe7dddC2UEK1bmHCpInCwWZTrYYETG75gHeh8CssAm5g==","signatures":[{"sig":"MEYCIQCKIxWjc8nP41WWm8c4oi3wkZTbvoQ6/C7P98af6jD/jgIhAIZdopt0I+HePSzMjiYDkYs4I6k7eeIvhjJscMN3FkXN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelzN4CRA9TVsSAnZWagAA8V8P/0y/uzMRFsCvRjhMj1Om\ntN5SbZ7jBDxYQu6jZZeiUZ62DJFHT0ACqeIfwZRNVcA85LYl+/Rwy+Qc8GB1\nSOfmEPBaMqRx1OygVaAOLIl6Z4zeuNLSh4kdNgSulbK2FJ59DrOldMlg/sSZ\n+TXynmnJ6136QBIYOCvPjB5gHeBbHWW+utkdHqN8kwU+7RAlw/wfI3Bv2T2k\nfhWtQHZoGQLy0pgzJI1FSOa6Mh9z5obaDLj4b7m4ndjb0qvwcSb8brshea0M\n4T+qXQ9jsmsiyvOvkVfoYLffSkqKw+3yVK4M2RxGm28YlCKquuRmkKNi+wwz\nkhR4Wrs3NtpGPhClNGZRZwPbwmp/Dc+3d7V/cxV5L8HULwGigfZYzjkQWdRK\nn/aZXeYzuYss9KSXnw1QAKVSl4LHcXUQj7x/dNMh0DeqqIOCt/DT8THG7xqW\nrfCN+wvBJHZ2kXOsw+JYsCVZhgbZpPB2pEjQePCF33wF4dImy/hD2X6w1DnH\nVk65Gd4JqLboYWEuRXnfroJyScfcoVjMxAKSAODNxRRUSB+FwZV2sOy4+Muy\n521nbpWmsj/vvkmGYbf1uZ/aC4Oz8+ZUIioXAJITlgkAgujRT8vIsvMAIY7X\nDA0CcC0i+jiExbBxgPIv3Cn74ClRfM4uDzgQrw5VBREmeRY8zcEd1e9L43KV\n4ZKD\r\n=IiYb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b648ba2f886a5d6cb78a9dbdb435d18b5f600bf5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.c02642273.0","@material/feature-targeting":"6.0.0-canary.c02642273.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.c02642273.0_1586967416364_0.27813646912845","host":"s3://npm-registry-packages"}},"6.0.0-canary.8a299b568.0":{"name":"@material/touch-target","version":"6.0.0-canary.8a299b568.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.8a299b568.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8fc874b17a9c00f97bdcac4db58d74d88a554870","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.8a299b568.0.tgz","fileCount":13,"integrity":"sha512-Ufbsp7KtP+WgaTlmFEK9LQL7huNblaF38ryH0C0lVtZJMSe2rHdAm7yKOdUZWZuJL+V+sMEEkZ3nW0Nmq4qdkQ==","signatures":[{"sig":"MEUCIB02Gy5ZhckAwE8jHQpp0TgC8jEgEpMQC6U9mUbqYbrOAiEA496Jw0LEkuta/q5YUyN8k5MElR+bOBlBuaRiPmS0kzI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJel43yCRA9TVsSAnZWagAASdsP/iCio0T/mJhtrBRaHVNa\nvYfUTXB8o+4pSOJToy9PRoUqLq1nF8TH3/FIOC7FWXP1mTwJjkizTd3+M6X5\nO4BUw6NTjG+2Op1F0iyO7Sypcf+KukV2WhVkvqfzhVLk/YmW7mNMByqkXbjl\nxO7ZYZao7Rl/7fvoORU2y/O/KmkPcARnqY9fbwmmxbKyaIYbuiBN80foGqLp\nK/iJ6Gt3xHpmWtckh9kDVmcepnk5GY6mH97hq4lSOOWkjwezsIgw0P+U01LC\noqMpHbLJnQqhHO45WiP20MfPiH5LVTnJEYnk+JChoRugfkVSTWHGkpTVr2Mo\nD1g19z7V0k195gEtMpbGk02g/YHqjCbm41IKNLjxiKjJsmfCkwlyNWpfKzoK\nst9nVeHPKraQVywHG0s4SR7iSzC3nsvL8lARiehl5RBIdB//znW3sO2seDVa\nTQpFO2bP46bXUZPo7D1x/lUj0r5/s8hKBbRJ3h14rj5PZjINChatumfm9tRP\nG9uPsW+qChb/Uqu/sCV8XUCjKrJkTUu8OosWLwJnT2jZpiZum9y7G59PoJTC\nOF2GFHpPl26SUkZQZ9vukzyGk+qmQIPwrp2xHOQwB2O14iKmAN1huJEiJgg7\n965teRBZ5r7i75vwia8cBOzSka3RoZEhnNLqVgFqySRHKBwszc/BtnnxZIyu\nBmit\r\n=XCbS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1cce57afe783f6d0ee960b6d55080fccc7424cb6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.8a299b568.0","@material/feature-targeting":"6.0.0-canary.8a299b568.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.8a299b568.0_1586990578250_0.40203999838141513","host":"s3://npm-registry-packages"}},"6.0.0-canary.490fbdc09.0":{"name":"@material/touch-target","version":"6.0.0-canary.490fbdc09.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.490fbdc09.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d7c7c7b0d7af7fc5d929a705a905eeb13d64106","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.490fbdc09.0.tgz","fileCount":13,"integrity":"sha512-arDWASQJOWaw9ltVrYB+Kw6EAWeARWLYGIpZ2jgSCQ+JOHsoHZg6Mf3qpWUvogcK42BeApHk28d+s3n/RHYtbA==","signatures":[{"sig":"MEYCIQD6adfIRpL0wGUP+CyulZ/M7TiaPRYfVVqPn+w/9ZIoPAIhAMxny9qsnHA0KB7GAedHTSjCe29F52JDedre+3gqJ6wV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJel/Q9CRA9TVsSAnZWagAA4RQP/0XIqamYzY864kqcf0Ug\nN6jPWy2I5zQO8LuXMc4bzCv6c9XcPqIALjkBi+i1G2OYk4zOqRtlGlZC/BbF\neM5ZDihX8UxfLbLtPNZ6+WeLhWzDLa6RuYi9XXPj2VjytRglVnazVOl25U4F\n3xi9PmreyTvSLeFsjZLE7Rj9WdxT8UpEYz1Zd8VU4zmLFBBLUbHs4edMQIVA\nbGVkEJlQXg/U3XoYGhpR6kg0UR3E72OdRZ2vRsjLWvdcfaM6NJUpbO6nHKlB\nByuZZXRJxd+VrWH48SId3BxjQauy/TxFfU+HKwvt0AFyX9at33gxp+ofBqsp\nXxIBnm8RPmAUbOLtsiFtQRDBm8yt5hCHhmH1N1kZD3Y+kvzPi1ArVznr/0UD\nVoU6g7Tx/ln4jiHbPnHAEYNLHDhvYNJh7jqAssKD/iDSTCrXU90w2EXj45Zy\nT54dWTc53vr5/Mvk000xVM0+siNgpPeFRRKVQJMlV/Re6GI96EBKebe6DJmH\nM1l4St4sa5go+IScjNOu3gQ8neeOJC7C0O0ZqFfMSKJCXmc9S2svtZAR9k3F\n0+FkQEQGbGdobPTPkZ+fVcZqQeO7Z6p43QfBAMe3Lm7Lte6scznU2isK/EMW\npozhdwAa5JC1Ga+JqYGMPY4zHYPsAJh7Ak+2Y5s+8ZEDFMN+MnzqaHffc2OD\nK6tg\r\n=T0hW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"20bba7dcc3290528bf225184ac976a3b486ccc00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.490fbdc09.0","@material/feature-targeting":"6.0.0-canary.490fbdc09.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.490fbdc09.0_1587016764998_0.805745217426677","host":"s3://npm-registry-packages"}},"6.0.0-canary.f838c6e55.0":{"name":"@material/touch-target","version":"6.0.0-canary.f838c6e55.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.f838c6e55.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"617db1980458d9851cfee1400e3be7c390a38189","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.f838c6e55.0.tgz","fileCount":13,"integrity":"sha512-Day+GvcWKipf54Ei9AkECqB99I1fszL5C3nI3V6Jynj48qN9jdzRlvTnKd0/RwyLFDAlF6ho1I+WrAC0gIFVkg==","signatures":[{"sig":"MEUCIQCFgzJ7PVbxLGjyBnSmkrVNpjDqzlcDQ/D3SU1dOk0N/wIgBwmExUnRyZ3VRlqUnT4mYFtWunQRYc27Yn+veOJBbvA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemGsICRA9TVsSAnZWagAASqwP/RCvXhy5t8qpryArdnkr\ni62AcMVbIAJiDH1x6Fsevho6K/pIJ9cOlMke2yAwHCLA50kZnEcQzprWszhD\niNR3f6wbXOgOgkKOlZBQsFXisio0kgz4hrLi3sHXO5QkVzef2kIhfFxs5NsZ\nVFMoibTNLTKovF39JTEZotpNrjcbxJg9IE0gFyUlSIJJI6S5Sm2jN4f2U9qx\nmNHm+41u+s1Jp+ZBlwUsrRaMcCc2DjMvlEmOcJSJx3rzhP5oAIT/YUhFT2m8\npjQelcZmeQtXCeBjOGxRJj7ifCt2VOti5kAXtfVOR6F9qJCUPRpm6UxFqQgK\ntqYX4cmikst2YDdm9G4IVH8QU1OOZWlmjfn4umxeNLCwFE52EE1jwSq7TH33\nqlvHoLPWdsSCUdlv8PUDccMHvLG90S9cZXmm4eXXr8OsFT2YoXTCHmzEq2fG\n0RWaB2+/ByEO/sgmLrL31bTGYC5HWJ8LhHUdiKShCPejP6/u5SiFPq2OAnHC\n3L/lS7dxnd/W/EWJ5hXmSG/YJgbBiY/KWSCZacjy6+rxbG+wruwrwx1LBt04\n9PaTLqf1Yq5/uGjA9ort0riYDQbpf21zgnJrCUFIcpmz0Z/qdW4HLEMcgoLX\nStS3yk3/Hpy7JedISKItDt4JnICXYvlO2B6atzqufr2mVu+T7XOFFExFtX/Q\nsTvj\r\n=Mvfc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4088837a2a2d0b4af544090557a8266202e13a8c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.f838c6e55.0","@material/feature-targeting":"6.0.0-canary.f838c6e55.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.f838c6e55.0_1587047175533_0.5068508135650431","host":"s3://npm-registry-packages"}},"6.0.0-canary.ce6cb7024.0":{"name":"@material/touch-target","version":"6.0.0-canary.ce6cb7024.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.ce6cb7024.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a4ae8766de19cae84b9d9890e36ff5a0a84026a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.ce6cb7024.0.tgz","fileCount":13,"integrity":"sha512-lgUUVQ9pctsEZ9TVBA9GwWt6bKpp0D3EiFQNW2xdZUgu2ldhdxHjddh4te/QGpRdVefh73AuUFm0MJ3LOH4wNw==","signatures":[{"sig":"MEUCIQClpA5rHt9pEaqgcpy4OgfiyLT23hvFDDIwL3CDUUA4hQIgKbVGKPSZ7J4TC4bjG2xRz4ZfsMVgOBMIZrgG8ARlzkM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemJN1CRA9TVsSAnZWagAAbKoP/3cL85PwZMHNAi1AOcbf\n3kJFpkWhcJry+pXUePP6mA4x6XoyhxPTF8Exks34cjtVmjwTPFQ3I5nlJWI5\n3Uv4LHSSzNVGEUTKBmt0ZVPRZvpZHVVp/gkjZ9HGZIy7OLsKYXXRS42NPYhh\n/Q7B/X6IPWFlWZLHNn3RHlFBdsxzpORfDblNh9HRewGDFlNjffmK3FjwM4Bq\n9fqbdw/0hMRb6xDfOrtLttE1M5oW7gHJBEgy0HZgS438+s7Dn/3LMiK6s06t\nIvwHuzyG/6OuoxQdNJrseQ+/IFANOnOwDP5bUpXdBIKwOQCob4eG7LsJLRCc\nU94aGFK/knuysiDZyKaWA1+pUE0D6OSXkXSpMJrg0exqr/aeGwtsiNV8QBYm\nPnDkIvhTjt77T3RR1bx9lX9rUrN/B6+Y2dGMNzcxgGDq1GaBo17SrGUtkkju\ni/Mq7/0gxwUNaqbgmtpA6Y676IWJAfvcmaVO3v+bcVdNKHWWm/Xnn+cKDmXS\nIwPqR13QB3RtrNytmVNI4NG4JrM3lhQpdOgLrkXESIpdQoaWK32Xght/HNw3\n1KGPSnL7YopiWN0h23tiibY5LQEIBclt+yRKMbBqEaJSCbFNNdNhQwbSdO+J\nflI/HXrEF6g1iXUSMR6HtwDNlaEc+asC1b7YDZHqhEdPW4dQebwjQwBhDYzw\nyQYX\r\n=ADpU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"50c11d42dccdf93592bf97e9211f34d95983996a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.ce6cb7024.0","@material/feature-targeting":"6.0.0-canary.ce6cb7024.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.ce6cb7024.0_1587057524965_0.12925821521573466","host":"s3://npm-registry-packages"}},"6.0.0-canary.0ab62a65b.0":{"name":"@material/touch-target","version":"6.0.0-canary.0ab62a65b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.0ab62a65b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ff152e702f15d4af04265c267b36a07e57cddc6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.0ab62a65b.0.tgz","fileCount":13,"integrity":"sha512-icSGxSPrI7X2HZM4dqkzdq8JR3hwPwerAqfUb+0xkhLjwfa85JPJCvWsrlT0r2BhP+csu93tOqZltRdTMKpRIg==","signatures":[{"sig":"MEQCIAVBOn8eoJkw88ORCg6hwbAMhOT2GOAS3L0SIg4zpc6+AiBuh2w4sHCKYxqEvsxFz5RB9ANAcMJblcnoP3bUXoZM6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemKnECRA9TVsSAnZWagAAfk4P/0fZp9IgsbkFoiMmYXXI\npxZ46FjwRLtEGa2iHFY6OQ0Mkr4iuvWx2esgHe2JAk/cj7oEdwx6c6JoEmEQ\n6T4Au/SeeLTl7fSM4i7ESS+lvCMUFhmhrl3HnBQeL4y8IO3Srv91QWoJo59t\njUlmjsKfGzBEwQHz2ZDhvZnUH+JedgRRdPeN61XaL4w8VOfZ2zjfIHD1oCMY\n+kUx2IHVJsilhpMU3W971aPbj+uVVGiZZ4AyVwskN94GYwPxBNRGn92eGv5b\nWlRm+yM6j/Xsik2SGhTDkFhC2bLOW/Oh2swiWwjVQv17Z0SdEJUP/6c9uAnW\n2EbywknkrjsxWa4PYyxtTtpEBcvY7AlPC4WuoG7mZqGKo997z98notd+9v4y\n/H4kIRiREGAB32toOPtIedbQNCca9ihIQzH2B7nsqv4BVOv7ntw5NXELuLP8\nfui+id+hOlx2LEWEl5knGy8Y5Z6hspLirolRiadpxiVlQOz0q5o916FMvBdL\nFX6bZZWOD/g+P9Gvh8pz+s2mKpzP7zRueoCS04INvLWuUdyMQ8gRjpAZsanm\n/OxMBBYQJcuEoNbXGgH90ZBloQW0EZUgmbqlfbRC674tnYDwv9RMtWe8N1b/\njOuKcRJhT+69PiizOYal+rllvMtU8jU/G9XXi5G6FvNsBVT1qWLuqbCH76Ci\nJAjp\r\n=NU59\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f8890ca1119e1fc3b197f172b8273c05b5fba35d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.0ab62a65b.0","@material/feature-targeting":"6.0.0-canary.0ab62a65b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.0ab62a65b.0_1587063235890_0.9683408690450157","host":"s3://npm-registry-packages"}},"6.0.0-canary.ca61b656f.0":{"name":"@material/touch-target","version":"6.0.0-canary.ca61b656f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.ca61b656f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8fd4a8d1a109db3d9825750f7aa26f9d62cb7b27","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.ca61b656f.0.tgz","fileCount":13,"integrity":"sha512-/I1zSE8Ob++GKPElcjT16q/zx35n2rQyEYaUTcpxEK7e0ozWtPCgkxR7mh5+qIBToXv8W9VAvbdcu53AjuBHCw==","signatures":[{"sig":"MEYCIQDr46nfLFhwvJu+YmhLR8gc3mYS5oo0OkZvualE75xO3QIhALwKE//GmTJ5xv9qL052jTv70a+y3Lb5pP3R+s7Az0JB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemLkqCRA9TVsSAnZWagAA5FsQAIEK7NdepHF0KXWzccxz\nA0ekwA7EwBaGFIkUTyxbZ8HDBNRIN4nU2ZpBMAGhG+OiNY8g6vLAYoMB010H\nxC+PlaoAoMDMVwNLVA8wxSe7aF32UhavHR8Nzrpx/3rr6syWarash/ZtR4MT\nbnHjMfxPUmVZCf/3pBVdDlaEY5PdPuQ1wGJkrIg7s2sXCkopgE/yABsBzpSU\nEY7y9FI++ET4f/zbki0WaW5/XBC3SeLJsBUrmMazQd8xpteUbT3zXJtn7xiv\nbisx7kFK+S9n4puz8xci3sV6AQh+gF9IsEhVJ7GdhUxURhh7JF9LwrKSCa+l\nCsmbvfh6kRt3gqD5BKNZ/4Q4nCK0D3fFhBzaL35nBNiQBP+WFNNRV6lUzB12\nWCMSqzL4ws1M81mO9O3N4RC8o4MVKNHebN2KvZAka6sztsFYpslbYQHQssI4\nNW0ChYuTperkww7EkmuLEiLngBIyWAqFP8/eGLc4SsKpf16ZrHIySOTBkvno\np/PRUaKu1Ik+Wb0dUXa7HxSufU15peozMIPCrJ/YO5neHSRaDBEN64u7z3ii\n0oNjOkTon23LjF29j5mKDSr6FmbmjEM5Wd1dsCSBTo/mDYuAa+dgsSLQKY0i\nyYlTF5KmVvQSryhmNegi2PSB67XZm34/m8MXfkX3N6Qrno6STuSulMtQ/tjE\nyRiZ\r\n=oh03\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"967c93bd4843f43b3821bebc6113ab9c73533ac0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.ca61b656f.0","@material/feature-targeting":"6.0.0-canary.ca61b656f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.ca61b656f.0_1587067178187_0.48597616708214186","host":"s3://npm-registry-packages"}},"6.0.0-canary.45a6615e3.0":{"name":"@material/touch-target","version":"6.0.0-canary.45a6615e3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.45a6615e3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0dc55ef4efa4ba5f9c77a6b2f171b7f7238f0f2e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.45a6615e3.0.tgz","fileCount":13,"integrity":"sha512-C//QgM7XmN5jBqYkT0Op947lGT/TPGnZcs7Yx4wGU/r8pElD9Zz2tve2yhVoGFqWl0ndOt3ex79TiqkW7G0mlQ==","signatures":[{"sig":"MEUCIE3Q6NeOJLxORL0AqQlpMSiX31Inp9hRn6NH6BcZbr+VAiEAvTJ2byL0sh8wtesEOJPOu61bl+uLkBtSKPzF2jWz++I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemMDiCRA9TVsSAnZWagAAx70P/3NT6p5/nhG3SUx7LCHC\nZLhBXQmkG7AdnDK62uLXeKSXtXrq0L2Jyd8+PU/DHlsdTyAV4I/DvFblNTw2\nGyhZ5QySs2odFpCJ92Z/Pjau0b/Boa1ET0u8ANdNZp1nUJnv1pdFlpkFKsOU\nfZ03T1jqkFVxLM1a0mu5C3nOxGRqOleCcoVLddoAYpD0cBTQ1AmrqYYljhjA\nr4mb35irN97KaRQTr/oUV9DBIiCRLf5gOJS3WTpKlhe0YKObqduhF/MRnA1H\nxQzWwxwQoPY2N0hWCjTdDpg15jH7v1ejUEi5VNRbcd/k6oxbkMTQIdmSxMm8\n+ktSYGJPsYM7Ie4yEg/ktiq1GyE6K6Yik8S3IJZv7hUZSJj1tdzzp3Zq66Zv\nI/cygDzN9LsDyZZdptLWlsa9olx9DnSsoi4F1QlDUB+MllU6NEF1IsvA7o0T\nwcEFE6BCpF3HhbOqCkcPtSy8xcLpjFyNBn7ZLrZf0LNCoLqiv2ufeA8Av5mX\nDKzeMo29VKedTqwSh1oMr/wJd0tgz5vvF3Khb26qsJQtjGJ9vUJEWJhG06Yr\nzVrI87fMOUawBFgLa8FWs6cmVYelYzNMuFiCq9ND6KA0PDAeo+nlS/JfQQ5i\nIlmqyYqfMsF7GyYQNwsNb82BhUb78OQGtZkKtcv/o0jI91YDdXM6FA3z6MYo\nnPYu\r\n=3gEe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0ad3ae693731b43b2c055b2fd649a42e03abd2a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.45a6615e3.0","@material/feature-targeting":"6.0.0-canary.45a6615e3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.45a6615e3.0_1587069154242_0.11600280091683635","host":"s3://npm-registry-packages"}},"6.0.0-canary.4b04cdb0f.0":{"name":"@material/touch-target","version":"6.0.0-canary.4b04cdb0f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.4b04cdb0f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00b994e9dc0a11d7fe806ef6f8be3de7d5bcb963","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.4b04cdb0f.0.tgz","fileCount":13,"integrity":"sha512-DnIGpbP1ee3DPFT+cmkX5M6TsbDVKAJBQnFL7uRighjg5G/BGbkkex5b93RhofJLxRV4PDnJchIWf7mcnFJEsg==","signatures":[{"sig":"MEUCIQCAFrI1jQMkILPQFP3wLfsmKSY8zk08Dz0kVAVs2m4mXAIgN/8luW360d8HBJoZo0iSvbm+xB7VtX5WD9oQnS0ACdo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemeoXCRA9TVsSAnZWagAAdskP/0v12rjJpVi29WvQlk+s\ncAo6XoS08NWlwuG2rDrpsWIDyJ7IRvBi8TFpnujOEVC6zmLqeU8TgZG84nCl\nqNqh8gHJAU6gPUzwhC7qu86yAv551fesBeiMFIT26/J0JGg/pwz73XfcTGrY\nKy21BhkMpJmloK+CWEUOyqkeJRIFICD3bsBdMDpFffAtl/bnG+Ht0UYoHCCP\nlIjxX+rMG7w/QltXiaaFtK3ou9pe647dcyZM4fGg+FASlICoQ3nahWxecbH+\nDqZc5mfAVEPy+fp4bA8XKsucCzRNf08cCB/OI7QlZOQDwAy3Sy01SEEjCkFP\nuzZPkHZLQiUs3xUU3l2wl6rZ7S3/Y0JB+YOSrcP/92DfhUz18cNt3hMLps3K\nt23Ui8hIdPM2M/v58M3jH6wuq67Iqu7XDIYgeFleVRO0/6ZBVkm35rygmaPp\nQCGUWD23r8D5A+oGq3T+V3xNK/uOJpyiGagbBuh/rggjf1TyyhjGj4DBBJ7I\n5vy3cFDCW8vMRTIzHztWSOZ59U2inB8yDX+UZApNkQQ4r+OZHcLice7hrOJR\nhVnDFRx1qpEpO/JyGyT1bbWnCjWor7OcBUiS8lACKJOZCkLx9f0k1M1+kXub\nfosHCz8iMy9Z0jcR/FcZFM7d/gsvSlH33a9zsjRAMhk8OGHTjKktLz2jbHUj\njIBv\r\n=zEW9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bedcd48d2eb94c37211fc93847852f5261655559","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.4b04cdb0f.0","@material/feature-targeting":"6.0.0-canary.4b04cdb0f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.4b04cdb0f.0_1587145239331_0.4256346022151385","host":"s3://npm-registry-packages"}},"6.0.0-canary.b273afa93.0":{"name":"@material/touch-target","version":"6.0.0-canary.b273afa93.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.b273afa93.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e2f849553c575e5d27bf11473fa88d8f4d152c7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.b273afa93.0.tgz","fileCount":13,"integrity":"sha512-EXsJAry9TEOjajhd3AWf1o07sa6DnBLASMtnNetrMuBLAJ9iL06CUYvUMPgc4dadR1DOkTo3JZvJYJzTiKtwcA==","signatures":[{"sig":"MEYCIQCG2e7eoZa0rDkIjS7AJfkJ52Fx5JxgNaxYCDYBQ9bFIgIhAIi+QuexIMqFeUkIY+WClwCljgMJxAhTGsUCTT1aOJ/c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemjWKCRA9TVsSAnZWagAAXCkQAIOETyKNgApZzu9Hndpx\nHFqYKz7NumM+RqW+d92CFBHYjkDnNWdQTu1Q7E3t+GR44vVRwtuHejAOLznv\n86SNzjFXEINgd58eu1RxWKRFb6EMYTMmI9rAmUPUHBNpzoOMJUMUxm8wXAli\nbWRq4BpXqhFR2S6aEvcECoG0zJaiGdvP9vgE6xHy38oyQ8FNp85+tUGrSXmW\ngH4OS/spVLv2Hsl6b9jJih/YGjWCG2K/0dqi2AnJJfzZbzZw7eUvRBvMCGOg\n6VdUVKPTlzUQ3btc6DGH9ee3nrOtjTzhV/p5PW7+gkjDrKlzcma/23VLMc0O\nZti9+z9oBV0j0mH+4aIIIuxgKwTa3z2LyvZda0cHm+KKC9z4fUSVEu1MnNdy\nFcK2DMPYOVpZN8IdCrLX8TLLDDLSFw2Equ1XTXEuBAwK8LlAUTqjXYWt0N7/\nZpa5rLsILc94u2kNeih6Ea6Xl+2a+Vgg/v66swaBfBhXdcK1gZ0q6fhcNjrZ\nw775PPEgKOQi0j3jxkSrhNfwF8ZcQl2dqoadqICbgnMHIPMkw08Ohd06ow0X\nqiFzZT+P7c03xTpCWeOTjxYvVW6GH3NllzFZ9nUFvdnJWJpoLTQgqgG8lV1c\nSdqUKoYm9171wXPR7OOG4/uVmaRnCmu6eWUWpjqFnaofQK7kqDVJBg1whSud\nZRyn\r\n=59jM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"446d7bb0e65fdc3259b7b9025c6c058731ff02c6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.b273afa93.0","@material/feature-targeting":"6.0.0-canary.b273afa93.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.b273afa93.0_1587164554345_0.48475299091203206","host":"s3://npm-registry-packages"}},"6.0.0-canary.b70bc601e.0":{"name":"@material/touch-target","version":"6.0.0-canary.b70bc601e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.b70bc601e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a192a27f722de345248d4f3f6ac50d06287f4cdd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.b70bc601e.0.tgz","fileCount":13,"integrity":"sha512-s1eEDsg7odF9GVljNV11gLjYtNdtA+NcBwSUfS8A1WaW8WZkq5jkqmCCJf4cGubmbi5MeZM0XuTPwvzm3vAP8Q==","signatures":[{"sig":"MEUCIQC7j0EtT/l1cVZcxGGo/7xKUo9Ro79h02ap7pp03pGsRgIgTEEzt7ns5SQZPa2uf2EGISKdQp1s3k4aRJerTBa6B4s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemjnnCRA9TVsSAnZWagAAa7MP/3PMdjkUZQiGz3nKXu7k\nTz8aXOEf53jmw3/TO1L9AO4wfGlie4+i3BG0vwYz7SOScxfLbQKXS3xSHWKv\n9oGpSiuLp4gBdkm1dTX3MSHk2SmTGWASDqMFophvj6bvt6cJmY78n1QaypON\nDSu4p6FAO4OTaQ90PiLKJEdfGOFEfIClQZhsy6IvVctecAWem7SgdPhCL8f4\nRMBjYK1gkemIcGczh5fS5M8sLm5H6XUO7R6kMt2XsJDBjt173+jNU50wE33s\nFXBrVDivdcnxAaQlOkxIYYTWIbC3DpdeWhOVIoUSsfcOkDeGO35w2exMsO8g\ncH5kP96ukh4E0/I7s5+S+JfcVYeIr2ynhaivx/QvE1c4oj/XLzl6oJcxKOE7\nAP70jvzv9imKrIgV/SQ0fnz2o4xviVZkWPsF8NcN4cmeCQjpAQGeZrF7LbPo\nJycP2WM/uQ9c65vpYkKMlsuVINm6OpAzQnGmjmeGDlB7iZF0YtPXmCvLps3x\n2uMuCtQ5KNQdIpoJXf2DPlQxpz4dUER6rvN/ek20q2KiKreSo1JE2FcivDFP\nDWf4uLikcUAzJfWG6BrVlAr/bt5oaaIWyxHcEKjSs0jGIFIIAG9Z7QkXQG6c\n1FSiujoOYSf5m673+hUUbNjKJyuV4L3jrXrhwRPTXXYYWdQbERZwer0EH221\ncp0u\r\n=9TC4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"90c3468e59a65aab424bb59d4e91a4d522fca3d3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.b70bc601e.0","@material/feature-targeting":"6.0.0-canary.b70bc601e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.b70bc601e.0_1587165670545_0.2987325504210061","host":"s3://npm-registry-packages"}},"6.0.0-canary.c4b4bba96.0":{"name":"@material/touch-target","version":"6.0.0-canary.c4b4bba96.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.c4b4bba96.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b51add982891eafb8f3cce20968b9ebe968e895","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.c4b4bba96.0.tgz","fileCount":13,"integrity":"sha512-aY0tYjybyh56tGRNJQXMFSx+8YWk6uSt6k1MpRtwm2LuPJ49KJ3biRR/UQ6XvRx0Jfa6Gt18rVSTGpTKtZY70w==","signatures":[{"sig":"MEQCIGAu1VCFKAMeYrSCD9VLfhGG2EF/zd/B/koXgkCU2T0IAiAbD0bgOyvJpCS7Q78dmcBYSksXDMYjCkoyTKbWkx1jmw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemkcVCRA9TVsSAnZWagAAyVEP/jGOU5FYFgfLusP/SOSu\naWTjny3xpcW6YGXihyM75Xd0mv19mgaZvH381XOK5quQ+0m3DnBbh18vk0/T\nP7rUVQFHZyGCGVIxID/ImMmrEx11YpiFvE0i8A+4H6rUaSERHORWFlLOsiUX\n2f8YzMqWHo3+yiuTWQaKB7rN+kuq4ljNQ3qYwybQdERAC+HAy4qeykMVrHBm\nrv/LfQvRu0bJfs6GEGOsn8NHNB7HymdigYQuCM6ADWYtG3dch0EdbrUv2D1Z\n2AL7Oj/n8ngynCGNYR/1ikmCHL9BMjK13nAwp2q7McoM28d1yWYPLvndvZYt\nFYSrW261gZD1NMwVSsTyT8w+vdb4YOUmpUjVe7m9fCu9j10AMVcrddLuTcci\n7KbLLWxvhP5UWhvFUsmlnFyDTVX4/v8aCQngR1GiJqYIC2fCy5ck1JLt4hnC\niXqKqFHeQqusczrsaHF63N0eC6Saw3h25Seq+8A34nTev2Mp6UoLDqNcZM3D\nLZIqF7wOzzmjjlf+EBa1otOB9J8fYS4/3ibpc7DHYtvOGH0ILAXkaLBLrSe3\nrhTZJy1G7zAIDTZp1B/Kzyda8ULoTP1lquVI4HLSrae/r6VeTRcBWvvq3wzY\nSZ4+fVpnmXCUuMmdDHt5Rnc7NbmcnNKW/wulIDC/n8s0BUSY446FDHcyI3/p\nO+Om\r\n=qYFm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ee02a718dbd2e86f9ea056b6199c1664c5abe70c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.c4b4bba96.0","@material/feature-targeting":"6.0.0-canary.c4b4bba96.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.c4b4bba96.0_1587169045319_0.4021578011505371","host":"s3://npm-registry-packages"}},"6.0.0-canary.6c1ebc721.0":{"name":"@material/touch-target","version":"6.0.0-canary.6c1ebc721.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.6c1ebc721.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"04a1609c92200cefd4f63e23b345b5ec52f2d5a2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.6c1ebc721.0.tgz","fileCount":13,"integrity":"sha512-32hwMgrVeLeW9qg65XtTFCRP089/Iy2KrXHQSq9Zh5E5ZBfXl89HEH38rXM+iqAS8+BxyrxnwYCRKQ+6T2KatQ==","signatures":[{"sig":"MEUCICWr/WOOX39Cliqk/dXE8UgmI/IjL0y9gtC+5DrySEk+AiEAnIHNm6F//oBjspg/4/ENhEe8FmpRFAHK6gvaoVKR58w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenf7FCRA9TVsSAnZWagAAxIYP/3vsiNDJiVGgTs8KnEyU\nxWtdKMJ+d8VWPAo5EFcMjIG1LOPm5fUVi2qKg4Lde2Owgg/tXT1k36tlLgt8\nwJzY0YtPcv4t2wn3Q/8vr/6643WhrI4IIfLP8cliZL3gF9coKLctBNzSGjE8\nrLWDqYG1KUzaYQBSOS2ZRxGXyBEmWhraBJEHMRsXYp737g2CMRTqdblhFHCz\n6tYhDzB6WqGrxPPdsNsRBb43zv+NhIkJmlBTzW4gKZgfrg9GKMUsGG49Kt/H\nyDLeMrejO7PN7f61exzlvtYKJNZqtue68fpGEMExKhL3raWS5V1Avzd8B69G\nvZLkLQIy6ODT1d5n6pGPjITSy+A6VhHY+zQU8e1UCK6hSxmFe1S+pEZCiKOv\n/OkG7mximdi0kVlKMUz4UABRTILEX3Gx1hEqDA5eVfHTFfBdcl+ou3oU7OB4\nx8VVGsboQO2hPqQY8xJ6Rn9Ca6V+3HBqKtlphBijKP++bx/5v7ezTo1V3nuW\nK/Vcd6hLd6GGbyICQ9NYKYyiHosRjVx83rwXETVDKUxTEaFlpmEPgVozJ67s\n1cw+6JuAz8YDbgPo433H1aC7GrFw2sKDNgj2K1q9VtxEDMhJIUtMaCRSzMov\nPhTKY/nzVdckS0B/WOjYBQyPPX1dkeGTKAR6renDei3Wtga673NSUYhUpwvz\ns5tG\r\n=rdHF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b1a71b1e525edb460d6fa48e392b09267db9d2a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.6c1ebc721.0","@material/feature-targeting":"6.0.0-canary.6c1ebc721.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.6c1ebc721.0_1587412676654_0.4028059061574485","host":"s3://npm-registry-packages"}},"6.0.0-canary.9cff4318f.0":{"name":"@material/touch-target","version":"6.0.0-canary.9cff4318f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.9cff4318f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e1593e5501279feb3253e570aeb89460a0d89cec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.9cff4318f.0.tgz","fileCount":13,"integrity":"sha512-ck8zn6zAXSmKTIcCkNd/skqgrGipT40qcEyepaAmFPzKNmgRv1qXBWT7VjGu+hvibyZDUKWavddD096fTZeFXA==","signatures":[{"sig":"MEQCIC7lJBHPpeRhteHpmt0f1Z9MD4XENWrnPBRhkCOGBlO5AiBqC00D38SkdBqH3lp56I+R9Dn6fJC5zdvHIlEEPbzKKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJengxCCRA9TVsSAnZWagAAWMgP/jIkmeS+bXTEQe0FtjiF\nigwvY+vlV+mzsX4cK1BJEBPd6k+2m/zkPYU1tuXECQkjHv6G6yVpnaX067AJ\niIETPK7ywjV0hzV/kwr5EsnWN0AXut0EC0FyX9GIS1tmfvAZiCf+xXI1NK/A\n6KFzD1/8oV9W/TSBciEuJccbmQFFlkXR78iiIHHsb1ewRgru7aNS29jWeJ3p\nsQOgCv7svzlivYq7+y5w2vYiQZnt5VxsZ+nZOMEqRQMKYzIHEVdyPBWaGgtF\n0N7mrIvAtrKsPXJ6/qAPcUNR9+G7FdFbGmxwgne1VzgMIbR7Xo3/+BVdeAWk\nzjCQ+cqN95OrsOoScpt+WipoaATGZ/4Bqv4HYhhL9LRaIl8G5tXvyK9a02bB\nKTt2YqADTFjm8yu3LVWhBsWqWHUu6Dc7Bc4W6zmVFttMD8wpFJTguVLq+XA5\nZAJNWc7uixB+fWtN/TVUKFLWfADViSHHzIGyXWO+ZaEX0jzq5IEdWloZvrWH\nqIHFZUh3/xRWcN7lxTTlW92h3/zs68wqPlpy0b55Ru/shoJfcp+2WOqr58w8\nYmslhkQ/FbjZ1/W04oPXy/yOfLboi087sSj0SbHumDazWrb37CfT7Kt1D0pI\nsPtOQhsTH3GYYJ62wJlL+me+dxpAaIGEZwCHJA9cxVt8qvhehHjvNq9QfWfM\nXow1\r\n=U7mm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0ff1f177754c259b5b0021494616e96f7b6e0d8d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.9cff4318f.0","@material/feature-targeting":"6.0.0-canary.9cff4318f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.9cff4318f.0_1587416129846_0.6251083959962311","host":"s3://npm-registry-packages"}},"6.0.0-canary.7b4482402.0":{"name":"@material/touch-target","version":"6.0.0-canary.7b4482402.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.7b4482402.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5aacbd977b8898ca740d99bf1bc5e2783205cceb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.7b4482402.0.tgz","fileCount":13,"integrity":"sha512-ZaCkLWko162QMywKldsGyXfhueuy6HZBwFlSysK7ouvVspiXI4mUAkYxgqUY1AJxl+ezEQzfHNx4+Mmmlr0qyg==","signatures":[{"sig":"MEYCIQC+SmHoNgfl0GHl3uLj17lJVkMeqoA0XDxYfXN+Tcr7DwIhAKSnAML2kiZvy9821Ud9rqWSfn0nusHELPZtF/5KDduA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeniAICRA9TVsSAnZWagAAPwsP/iREei3WnIpwjEuAQKIB\n6W14mrDrWf5snvRZvRBEAcLvQ19Fl8e3rS2CSPpWkz0lSntBj4iRDNvDuLIT\nRwFBzXo+sh4wL47y5AtqmcwoBxWBwc1VVMCRfRbe7CiBZzHi0VUKsriGHiDy\n2QXMbPEU9+f1K9ogNssea9v1r7fkk7dcFmTX2B/xftqYwU6fLpb9sdY2hrJe\ny4Sm4+AzGwaxE7zujgrugvPNieolDRSY+9u2pzrqUkR9R0jZVviPWklyypWC\nxYK8bAjahm41Lzy0qdyDMI+AoDROGVBBMJ9ROd06uoQYsyzRCNDD3UEDhWN9\n/HsmFvxVQA4BVzd6WObVw2kQCoh6ibe6+kGvrkzc4eM4/WGpprspJD26qThb\nFUAMPXPH6Z+E7rUpcSK0yqwL0u5xo1TIqt7t9aWQ8rcgEbPLoguB8lYTUG9Y\n7P3nT2HRPDv0PDiwU+55w3w06bED+ewHaU01cySGF9tiQ4BOuHxqn2RBMjwx\nJjhBr/7eYnu8Io2DwnjRuAJBYrTYnSblFi4GZdFHZ2YXVapGilmFugAVoQ/w\nzSpOb49/hfrM8dLiXpq+51aA3ufCh0seFCfYxyIT2X5kEUvxfcXnyFd+9tpH\n2dLEZwWzE+/zDMc0ZWceSQJZtb5AdB8RYewrSFHUfPCTfKP0UsTosmmlbnz+\njZDN\r\n=0CEi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c25f7586d29e2c5a6d3c289197d47b826d499cdf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.7b4482402.0","@material/feature-targeting":"6.0.0-canary.7b4482402.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.7b4482402.0_1587421192276_0.5094448595666294","host":"s3://npm-registry-packages"}},"6.0.0-canary.deda86d8c.0":{"name":"@material/touch-target","version":"6.0.0-canary.deda86d8c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.deda86d8c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86f0eacb9b95b7b9e5e8bba92ff6431d5082a684","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.deda86d8c.0.tgz","fileCount":13,"integrity":"sha512-sMhsjle85u3zXW1NBT/+B4w+NCe/qP5lh/mxLpFbCQ70RSr6jurPSyztLSuUi1n0M0zDHayg2+sQ2sB5PNaR3w==","signatures":[{"sig":"MEUCIQC1GQJMGvLcZuy63umSWWoQWeaDkSDKnw7vzdH/Y0wWvgIgWbxzeOAnXcGjJe8rYHIpqRliCaiPpTOG+EVFZEmbAV4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenkj1CRA9TVsSAnZWagAAhycQAJmGFw67+iEtxh1CyRTq\n0GEZZV2DZs3elHexdPUxKC067RCSuMDaWsTM5/2iSBpup0FUdi0j+qrYHP8j\n7Ljo3PJJM7i0wyzRQW+Hi3ZpjijUhP1myg+mTVlOC8fCujVGVDZ5Pfg2bYhx\nOJ6sCi2V+G2ncV7A66Ua2gHXUVpgXhS2qvFje0r8UvLJ0Peb6R/0JHzszD63\nj+OYDiUUPH0jKh9gnEbcerDk/1vYNByFAlzyncUuhPcYN6uce5HNK33JaorT\nlIbyjFFGNJFhXTnHGdw0TEUbZO2u8fYqXhOvLIQYJe3/T49sbMaYBo+Ud07F\n3EqvzbOxYuw3Dqga5ag+wYID/3Oj1L+lIVrUkNFJihFHfBf7YSFoptL8r+BX\nHRw+PntPk8B/dNgQWDTipSHRRkERg+C7B68WFDoXh3oOBXNevfOxH02/JxT/\n/rX8Ql+ucIRjpovnIBx7QcXr7dYLAjEqG6WNzKOavquL5uoXj1bTc+Jk1SF4\n0z/JF0MgBBM2x7SnNC+zwHYwfsySyCAvmCJbHu0Lo4FE+DctNXRYpRAvFNeL\nZgw9cF9Lp8W7SUoAyla5H0v0gW3DMO5yKqyG2o5XKJJ2YwIDU6PYeI9BgNbX\nqaKnB53r3qssYouKGFwqM+GmGGaGgD8VG0zHdGvgZzoBDCnLJXx7XQoBHPCK\nvF9G\r\n=afIC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7bea6ac56136246274e77c281cf8c66e2ef3e6ca","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.deda86d8c.0","@material/feature-targeting":"6.0.0-canary.deda86d8c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.deda86d8c.0_1587431668777_0.9872493417400932","host":"s3://npm-registry-packages"}},"6.0.0-canary.d10412cb2.0":{"name":"@material/touch-target","version":"6.0.0-canary.d10412cb2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.d10412cb2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd68ac8a25e17846e8a57d22da2d0306b041b5c6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.d10412cb2.0.tgz","fileCount":13,"integrity":"sha512-oJJ54HcSCMN2Qhkj+1UTBN0Im0UjZzOsb+u3UqZ4j0I8phVpJewc8XtKZORT9tkvlFGb//Ta645toBxOO1XG0g==","signatures":[{"sig":"MEQCIBJWFCI3GSXtTJKdx3Xt3J3Zq2f/BuST5DWxRw1gs+axAiAaKCj1IFLJZqC/88J6fIxVnSHpdQDsD01/kg+AwTCo8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenzjbCRA9TVsSAnZWagAAnMkQAJOlqbketT8rJVtA1nTf\nnY9Gk/2c7jQvEU5Fkh+Os+W4WGnA/AaTyG5OIyUc3y2vU/S3PZ1KpI0sNamJ\nM+XB7PXE8zl8OgbWQ6YmA0JPbEP8VfI6gLYq0EX1v8C89DIdOkNqV9G903+y\nGzJ+kTutzY7HHrZ4ge+y0T+W/lL3tGYW/iuva8U+oR4JZ4VdLKjERQ4S00tY\n5cbtbyxUY+m0GLGfvDJ+Z4ol/jUkhmsqdjAfCtURmlniMF2rtTKCBXRmiLkD\nUhdP+g3l73kkK9a3We/HNP4icpH7HZL0iawb2COIB1iVy4+PtZGJV65dIOAy\n66K9CSoZRygkQenkEo0rfPL16b1VdaMd1A6Pr1OkLX7HJytv+EG4U9jqoK4s\nII6aLKafcC4LYQYEAoYzvHh7MxRA1anNUk+tHz6k0ptCrSnKjl27Sn07Dm+t\nHQI9F5dQctNE0YkomdM+Qq0kwC7PQ9UeMwgPAMz8xnJ6H6x9W/kl//Gk25Al\nzP5mZyVDDkavbEvkK+GdQ8QtCB3zY3wnxVF4+GNtMKZTw2Paks6oimcTrQ4R\n4wVLryhkr5bMzuQE0WTxudnD323uDLSBAjwrUYZQuoqJxJ0bLWf5YY9NI9QJ\nJE5aq2csx3nXOmo6HYg9SrzlR3w3PGSdvuKF4SxQvkN/+NjtqT6QaTqj1IUV\nBibb\r\n=DyfO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a2946b5762e597bce2d8e4e72f321bf4934e4543","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.d10412cb2.0","@material/feature-targeting":"6.0.0-canary.d10412cb2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.d10412cb2.0_1587493082743_0.31980040850707825","host":"s3://npm-registry-packages"}},"6.0.0-canary.c141801d5.0":{"name":"@material/touch-target","version":"6.0.0-canary.c141801d5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.c141801d5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3871f4ac849c94c8600817f8d35ecfe9bce4b4e2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.c141801d5.0.tgz","fileCount":13,"integrity":"sha512-csbI8kqidr5ubtUF7jkjfp0crKiGzW7SGRh0mtKgJnalVdZV6vDRvQBFoQCId9gs8kU66qg46IF/KBbgDE3uIg==","signatures":[{"sig":"MEUCIEeWYnjHVNLzWt2eai8bKiWZe5Sw//RZHjsfBq+0+DnPAiEA5WzDwxtSaTIABFCcsIqNlhpuOjcoUfAHo4Lr1H1lRbA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJen0xwCRA9TVsSAnZWagAAy9kQAKQGmaCia0+SBAPeeB7L\nEs0xpe3bGMDbmIl1ziBevUgdLeqmmqXFmnQI3XAF+naY5FAGbrda+K/a3lLr\njj2BysalM+4F75q2vsEYTBkMxQW5LV8rcrQHpYwPtRLIvKMViHD2cBbTlzIX\nd+A0ncuiM0D2dp1+8uJeFIqI/SRdv5IbNk5I35bbltTvCPuxi/jrdS+3i7vW\nYSJbhItFnpWMkXlBowO1IP1Nyh8TGNzW8eowRT5LM909n+sjSAV+2iJwB+NO\nifa0jwQiCxnDAR+sZ2UXreDwGlvEi9eZATIbsq8/rO5pYpbKHkBzlT4EpaUN\nMENOsNXvusciF9fettli75JRSU/8FlUYpE8H3jy06sPtErjUHASkY0pImU1B\n9AAdIGz6FlaeRmUXg4uU28CNkbXuggbcNKaFxUQ48+yoH0Zd3p5Kj21Mpd3E\nMGHKMJ2JsHKsLBuNdnBUfGFxIRfEit83wPdt2udRwHYrAAo5qDjgPOpqa43Q\ny0+yuYBp9vlY9qFvHV8QvM0vkVj0eTmBAeDkXtaYez4oZhMkR3k4ayqKlNqP\n9DvNnNRUcOvmwgzdY8dc2/WqB9BIeAoYBFu61yHhlD2qQTAfUX2QP0pjzBGo\nSdpwTspk9bqhAovI/7yLl9N8DLg9qUjdFpwVTwYbqLYHljmu3BccfKK7PdO4\nMPze\r\n=R68u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d026173e9bf7440b69f1e3e7e4c1bd60dc5ce6b5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.c141801d5.0","@material/feature-targeting":"6.0.0-canary.c141801d5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.c141801d5.0_1587498096073_0.10898884894882732","host":"s3://npm-registry-packages"}},"6.0.0-canary.28d10a96e.0":{"name":"@material/touch-target","version":"6.0.0-canary.28d10a96e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0-canary.28d10a96e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee77b50ab7f167be24d5ed97f86e3f4c6ccbdbc1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0-canary.28d10a96e.0.tgz","fileCount":13,"integrity":"sha512-nv8HWFxqGN2QfN5cWZr18/8arm3oMWeT60t9oaDhAZaPkP/Iqkkbp+ALCw/fE+G5qEEADSeS5kg7oq2SLnhBgw==","signatures":[{"sig":"MEYCIQDk/OcqS3QGP+05hpxJ2Bz371MXyPBILUsFVCTaWumi6QIhAL70bKPiZCq181XV2v0v8wBFkPMVD6XVb1e6oqonjV8z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoL/6CRA9TVsSAnZWagAAckkQAI1TMrcYYHJ2s1iXBFiI\nWXCuO0eDX9m750OATu/3axygyDEteNmhFQa79GrAB8isTFJA9uWAPQk/b2pc\nq04zS9Q2QgwUISK5DbDibeDdBmYU6XYw+QYEyng9FDTUijHNX5QK7N7B58UP\n1dNRSt5ZLdK28Tuj8Ee4ftt72u0OCJVatF8mTMSseuKDpNkDLQKybV7TK7I7\n/PLCrv96jEaYN7dt04gkvvKBAIj0gtNTtTGrlFLNPbSeE2kFXxx/ZMpBXrBV\nqJfDM6kTn/w61aT5HxmGHaStaz9vJZxAcn2dxCJdg4AG6fZC1Kie01m5M3IN\nKK1Jl3zC7vHjyXpX7BHbGVbhpEWnr1e3v7/5OlZ/lhKeqJ59YNdrIbxJjfDK\nQwG9kTX7pgHAUPEBnvHKrcWJ0EwyI9RKG5qGdiisApg3rE76pwFDFc8xjBKf\nncjG8hDeT8yUPn790ikIPG13VhVnJbiWb4KQsnjBNeGoRoL+6rEGkMyqp6Ak\nxOyKjiz1J8y1izbZZrbks/8ks47HbDcN2gpjwpWs4vdbapJq/+7QqfaiCp0c\nxpll3qV8iz8vWXm8Spnf1UodgTWxkiXO5mh7nV0DKmlO6qUw5xXS5ORYDD/0\nnwC+KMk/Ys8TBX7Io+5ISbRtbrDLmdi1j2t+djBAm9unkUKWQ+mo912P00IS\nwhcW\r\n=Qzyd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"20feb77e4dc8d7c73f3549e0dfea4b381106b061","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"6.0.0-canary.28d10a96e.0","@material/feature-targeting":"6.0.0-canary.28d10a96e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0-canary.28d10a96e.0_1587593209482_0.5259391163327154","host":"s3://npm-registry-packages"}},"7.0.0-canary.8540808be.0":{"name":"@material/touch-target","version":"7.0.0-canary.8540808be.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.8540808be.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e644b2f1cb666a722b8f50a0c9d0bc65e407094","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.8540808be.0.tgz","fileCount":13,"integrity":"sha512-YvR1jbXors3zz2tKriQRo+oi4L3xvB42hUc2EZCqo/rpmDgje/ytIsrH0RDjoGNKZoQbQZBCd/qMcDYgjIF5Cw==","signatures":[{"sig":"MEYCIQCFyoeC6GdBcq7PLrmgxo1CQBgj0rgSU6utoql+rlycTQIhAMHBN6q5J3uYVnf5GsPDKXFrew5c2TIOTr1cgH8Pzd83","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoc+JCRA9TVsSAnZWagAAv6MP/2vT6s47fSTnkXzPXRH/\nOTOgORtnfR+5UAh6fW4P2ippJkrRDz92BIejF/AGoU2Kh9Af10etBc8Ydy9W\nZ/WL2/URlF+rH80fTPrYZpY26udVv294gEbEwDcmSa4RFPyV4uTXJXKSX5hm\nXYq7I+1cucfsHzJquRUQd+/O7khRWy00TCq3vLTKrv9k2SHky/A+aXF/z7YZ\nwluMZdN2GO5G2DntllRfmmyzWobM/IUQsIcfiAM/j9zAV72mq44yfxp2ZvCU\nAhWGCaiAyJZnfKs9MJfyAi/Kk1GDVGdmUoEE40C+70g1qzogsYGrORaaXHxC\nsG2DEDFpO0Gb88cSOha+oJi1l4rRD/sm/pq3j5VtlN/E318u3CPz1sP23ipp\nFUdjOFA5wj0d+1orEvug+jmQ7agY3QWoTSdfHLMAgm4fR9BB/DM4h9sA9j7L\n8fq0xuJmb93Ve9uRsk/5xa6pt4y1u+8iZBvBND42hXhIefIpk4nAUKTVFBR2\nySw/7hH3bVk30KX9l1KXacQY/5FG7faFqB0zku3ZlJBuqWDTo8kuWaFsoa+6\nwx0PS04OcRLeHK86uRXkv6CmhKCY94FwgyuxlA9L2tvvd21RIewzHvWf3TVq\nAiOByN6M2MQ8rr/44LYEJuIqsK4p3EHNZPg/lA5irimN6yIamJk/4D+vJ4nV\n0WXn\r\n=g18f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a99320a8e5b4b718dbbcaeee1ec4fc8feb72b592","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.8540808be.0","@material/feature-targeting":"7.0.0-canary.8540808be.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.8540808be.0_1587662728867_0.028417412988464674","host":"s3://npm-registry-packages"}},"6.0.0":{"name":"@material/touch-target","version":"6.0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@6.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"122eba0976164bdec189b56cbec88e7bcafc16c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-6.0.0.tgz","fileCount":12,"integrity":"sha512-qZjrxo6honqxRV2Gy7spgkfj1qzSwy2IC8xtQb6bIolDD7kbzOxmyyaMi+TxQE0QnRWG/w6DVBSsPPQGNt4Saw==","signatures":[{"sig":"MEUCIQCMT4tAmeT1CP68ymt5kCcZ1Etbhwpv54zvDd2eyqDScgIgBMakU0VtuQlmq73IMvS/FX/TlkDD4aJ4ZWm+11bQmoc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoc+pCRA9TVsSAnZWagAAFrAP/i2IWUyoOqLxRkiEjGob\n68qv/s66G2dgyRbA5R11g9H175pg/YQrgakklW3GcT2j4Ns0pmZ26keQF6da\nCVyAj/Zf9vKHi48FMj+4Bu8EawR+9z/zWjQZ9h/PFdwpvMVBh2cuaNVBBkx0\nIJBAxIa62F7ro2dJ/y6FwqbsfkyaPdOn2rioBcrz5njmFkjAMls8H68I3MgW\nD2psQtHiGL/kKoj1Au4pvelM3tER8ntYMz383UC1ns0qS9Gg65iFsD8EgevC\nEKex3bewTlThVo8gG9LUDbILMFT+i8pXq6xhbTnZK9Oh6o0g0VH04ZrKBUeQ\nTH4I4dC4Y0K+tRlxXW9lvq4yCBF8omVYbZt7PTb+EllA6ru0Z1K4GT3OfEt5\nCZnrSU1GHqpW3a/WCigIx2nMhhXrT6G2NGw6rD66ZEUftEeLqOENMkU2e367\nM1T7rSWFLt5BWAsw/OqSx+87XaOrZ9tETY5BcJo3k/DwgNudjC7kwgHR0WQL\nwXZFwkvogv5TylRCC6QVxkApqVaRJ9XKOA093Q4goYk3Grj2eshMuQkdoazP\nLAOgQfLMpvLR6QlngW5YqsOEpH2bi02AVzsunqAM17d4MTNhO8JXoFq3ksz2\n2gVXNUai3n72pQM1RFn4zSF9SY1VaOlB863gw/v4yxR55HvFa/REoqLNeCx6\nwl5+\r\n=q0hR\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"8540808be4296e60f1c1d3a637413e433ca7efaa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"^6.0.0","@material/feature-targeting":"^6.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_6.0.0_1587662761464_0.4684788024653461","host":"s3://npm-registry-packages"}},"7.0.0-canary.2673adb74.0":{"name":"@material/touch-target","version":"7.0.0-canary.2673adb74.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.2673adb74.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26378bee059b83559f7de21a9c45b537ffaa7089","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.2673adb74.0.tgz","fileCount":13,"integrity":"sha512-a7TPg8j+bY6Z5U+ONQxbJsNhQ6aNGV/5igQJkNB48GhNTjzQnbT8WEa/djw1oivFKyHoztQjagNd7JeXiIEsCg==","signatures":[{"sig":"MEYCIQDKlfK64qQvROLyINT7c3MvCEwo9OYtpmQTe02QtkC7rwIhAMaNdMLOX4V4y5VoptxvM8wou10/X0J7xkJxphAI2Kt3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeohp6CRA9TVsSAnZWagAAj+cP/3Ml4OfhoPUdQJSLCTTT\nJNMfz3pA/0bfAzthLJgD4qODn6J26cTxl/ORj0W3cSgFZOZaxF3bflAV8r7+\naNU1x918wQHEkFUE8pTIHtbr8xjxno+ZEVk2Id29lIoGHzJOEQUOqS2N27TB\nr85nToAymjcWr8gwEw2K2Eibu9fzAiMXSZyPh5n+/hv79kdkeRij1VYuGkwV\naMCw2rDED/8Jx3sux7aq1MM4WHfgS548EU/ViHHTZzGt41b4SB4teeiT5U+Z\nmfwNfzOhSEMEAjowq7QtUZx5+b4RDB8CsmtxILAOCiyDE8vx32xW9vU0gd4m\nKT2F6BoUiIFTbH7zfAARccXesgxVWWCPnZyWju9faFQCr/bj4miad16K33np\ncxDU7dE9uW+UFk+nZr7a7xm4WRU9BqFfX2HZ0MM8RBxGXQt9HnQ6Gvex4Tjw\n9Kx1SyRk3ZNZek4iEGwtVgao0/FsfnXlCl30Bk7UC1uVVz3mT5ZfFhALPGWT\nfD9cJ+8fzRi6aD8dJWidOmPQ69y1pamY1zVgvCTU9ec5IljsY5UVO/UMLVHc\nuM7mJHZfi+AbJSwPrIEAsznQ6XbbRgQNgvR+bPTgzgtK/0L4fXyiOzkhmqXa\nNmgA5fAIM0WXdzslSc96sAHe7DmFs4nu8NPk5WaJdE5KW5So9RtRhdKbfCzg\nrD7I\r\n=2gYf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9cedd1d83d1c7d125a3ed38281072b6e50b57e9a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.2673adb74.0","@material/feature-targeting":"7.0.0-canary.2673adb74.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.2673adb74.0_1587681913899_0.9939565084835691","host":"s3://npm-registry-packages"}},"7.0.0-canary.b10d0d7f1.0":{"name":"@material/touch-target","version":"7.0.0-canary.b10d0d7f1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.b10d0d7f1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"98fa0dba8d3df9f745e85bbcb0c9d7deebe2ab50","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.b10d0d7f1.0.tgz","fileCount":13,"integrity":"sha512-rUYS1ieKXZgUpVlZOeXgpOmbKbXaTUXltWHimOfIZmpqxwptQ5tiw/Ao9Y+JrKQlLOTdF6oyT3KkYsbKdJuKbg==","signatures":[{"sig":"MEQCIE3tTDTCRY5lQqKGzZCJpKYM2QUByO6gVitz3bKYI/FjAiB/N6o1NymG2OpSQbFCTQVam8g8hne9Q2J9oLLjjc9amw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeojDfCRA9TVsSAnZWagAAijMP/RuFadUsYSq0iUHoQPLr\n+wLAeGp9C2fKu4AiyIODgbRzg0vQqm2RYeJ3xh8/Vpp49ivOmDCPuWRXUIX3\nAV1hJYhr+VaVfFc/9zPpck4MPD9TVblTktflcRfAc9WFsVDF1+Ggmq6a4d86\nn2YSRdFuN7Rbrco5nlQOTMfDz82yJppA7UycAwImR5G0FIXoxt3fL+y6JiuV\n8fzX8h13PLDLkVlsvxSdNggmgqfLBKcm6DLHiEBLn54BpR6UYv39h8ncQkGO\nc0ssBRzLmlNOq7+MtHnjh3AXm1c2p1lzfxir0OAjZuUIhn9KlkvhE3Gsd2t7\nfbyiCyllaHgyWUcxom5oquyn3OcFWF3EzwZIV3xGImwDmW8gSyuzCUqyeuFr\nKRsElhWPoMAMuS82JcR6PYGLeXRQ1QX1l+9x5dKrbtMXOFgY81hj+QjFL1xj\nZuIKSTLVCKm41mcDrX8C9Drg6atUibJ6BVDSw9Hy8KVuPu+BjW7vnf6suDmX\n5osK6otL2sOe8tMTg6kD+/eWT1fPCu7vM5p/i04T+UJRxy2baOd3GDAZEJhV\neCF0+0D/cjxkT6uh9/wxzGfSuESvQk7CT+qaHjpQOeySp7gRzIYtEDJX5EPo\nk1VPK87ZaTnc53KqRKBI/y8fjeORLAWU/BM4J1ZYW/jBO/fW4e27ZZBP1qUY\nGDY5\r\n=PQmw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"83fc566b3c065e01bf601ac65cd6d17b634b7872","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.b10d0d7f1.0","@material/feature-targeting":"7.0.0-canary.b10d0d7f1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.b10d0d7f1.0_1587687646745_0.5679137467870932","host":"s3://npm-registry-packages"}},"7.0.0-canary.3bd8c1bac.0":{"name":"@material/touch-target","version":"7.0.0-canary.3bd8c1bac.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.3bd8c1bac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a6a83de092cecc213101654d0b4d281c9d4e39a3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.3bd8c1bac.0.tgz","fileCount":13,"integrity":"sha512-efeV3LGOc9Yr6u20QmzbYjTaTBE8Z8BuF2rp7Kfm3WZeC2fvBnwXl5imYRsnRK63cC3Y3jZW4SF3lM00ZBUfFg==","signatures":[{"sig":"MEQCIDlH595NL6/xxlSqYPO1QcodS127JqhDKqahpAnI2Ht0AiBNdMQOqc+LL8gQGHShQsDUAm0EEiBj6nRN8odiNXO7ow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo1SlCRA9TVsSAnZWagAAXpIQAI2sv/ko8NZSsa+KfPQZ\nE2jRSjJb7aVaUjKspxWGDw5KA92zwITkibur8IxwjGQqbMsrn0FRarfzDvsm\nKZTmjDh3f1O+FjbBmUFzYP1UceBB4PDbsA+93fzPhYjJyVUc6SyuGUZAsynD\n85FHI97dF5gg9EbLF0N7zy8UTkLWqHvUN9FUwvFs8ixaIIKfT/H1+s5d1mGL\nZvdEQLaSj3xSrqJVPKtRQ/q2+IMiWzfqf/U8qsKhiKBcLHoXhHMpXocQoYlL\nTMGF2/RtA9SuwR7dbNl9+t2x765ZUxbx94CUJoK+J4+i3g2k3SomkO2dsTf+\nueffx4pQe1wIU0TEkUlUPrT617rB2ts0sjF3xOkZswFN2E3ZszM0BQgya/ND\nb8ZDneY3Dsq+46Z8CbDSdLEKNizCSLyq56e62XbDASJjDaXzF7Oq6JNr/4s4\nwhm+D7C/IWZzHb1tbc8MvXHHivmACMsI67CD/k6YdOiVqqevZM4TtbvaIm55\nN7kRRew0Swkh2zVneO7HAp9NMMzcJ68NJm0XFfok+cVMR7944KhNWgiZuZ0s\nuKSvm74DAS5asJ+N+ZJ7XkNQIDIUAc4eTMuiv9DfONSZmFw6RHuJppiU3t08\nI3DrumnHvoNesuA2Mwylgzv76ad6WueRvrM2uh0SmY+CegqOxh3qa41TZUj5\nPg16\r\n=DoqI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c6f324d1b107431694d9112a3e94b90e82718ccb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.3bd8c1bac.0","@material/feature-targeting":"7.0.0-canary.3bd8c1bac.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.3bd8c1bac.0_1587762341549_0.4529953494779333","host":"s3://npm-registry-packages"}},"7.0.0-canary.b83c8dc22.0":{"name":"@material/touch-target","version":"7.0.0-canary.b83c8dc22.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.b83c8dc22.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e938dbd027b1d784a3cd3758da32d8f33319e70","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.b83c8dc22.0.tgz","fileCount":13,"integrity":"sha512-eNF1W3XkDycz+6SguGqgaYAubpjPFszVEr2uqer1YDEBM5vpYmg2SAd20nUs77Q1ChkmPrx/VnMlKAJ6ddV4NQ==","signatures":[{"sig":"MEUCIEzKM3XUkPbM57xToN4DWSRZ31MH/uw8vbRP3mDNV1fKAiEAo41qYi8kGwPernIBKV4gPYqSodXGgj/d+O3exTOnoEM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo1emCRA9TVsSAnZWagAAbpoP/3+v/7jRf/21wZskV2yx\nyWVAWpqKdxM+CY6L3/36t8Mpw1+PL+ULAqsnbYz8FL2bFhql467gu+9mm6G+\n4+fTN6VF7VEdcdIKQGJI3a2F5l2jVZ/avQLczzgObzRggpaaVs7TlC1SMcBS\nOyDeUoz51M6Jo3mjEdYbiwEwU2vEvJIDKG2WlqdERstRFzWmMVVQh4miQzTt\n+/qPYqyePIRakVLOTUJMwa3DPszsquLzv5Q4WrydCKsvnPyVunefdYz7nQjJ\nXNtLNyMVk5muTo2SvnItgifHfxeTbReDETnqGcvI/tofK/OPNHuDMwnqMTWC\nSTgPVW2SmEZqHR+5OXUPo4gemNwM5Gqlnu2MeQHBVYUayv7pDY32qfiEg+b2\nZmZzPhHJuay6XwJbOwOheRrmIfX4Znt8DNzqyjgRDe/4ph+oW34CIYg8+o8T\nhVIKV7UTSr0WKs1B3cn3/TWnrQtAqnuoz62r5J69EshYFnGvRZ5gslwrBn4U\n1JVu5g8mRde9D8qX6w87YKSqUjTrcuGIrKOF2XgCs/cKSlmLHJIo5ZnW9r+k\nmsGd0ngbKEz0VGTaP4nRsAX3eHCjHUUUTwmu0+G/l8Z/rUdUYthU8OhjxKQo\njkPbxrrUYNi090kmTplg/C4ZPi3+NWBhkV38gyKFF8GsFHRLQvaJZ13jwOD5\nnQK8\r\n=U6wn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"92cfe3e927d76c82fa2d8a864bb852b8d19f30e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.b83c8dc22.0","@material/feature-targeting":"7.0.0-canary.b83c8dc22.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.b83c8dc22.0_1587763110433_0.8825858825872372","host":"s3://npm-registry-packages"}},"7.0.0-canary.1b3dd846d.0":{"name":"@material/touch-target","version":"7.0.0-canary.1b3dd846d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.1b3dd846d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"506d69c8450592d8e2785ae14b242494691f1170","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.1b3dd846d.0.tgz","fileCount":13,"integrity":"sha512-VlXELAoJV5jXhLmCcreWLqHnQvScwmaexx+/iAF3SRSzfaHEJRgkbqIM+Se5TSBwjfL3nx7f4uhshG2TKjqsaw==","signatures":[{"sig":"MEYCIQC+8wrVHIlXmULOLttzDYPyMnZCmZJsVGQbzd1+SICY8wIhAKNY0nJ4OQHkBYxl55Nod2ZGlV4gzGP3JdLZ4TzqxYjJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo4e4CRA9TVsSAnZWagAABxAP/2eZKiFJ26o1bRzswyip\nyFWLDQ7xpyFnYL/JWWt3Y18iDTymiLAG80hp8BL698pjY4CFMbHWc1lR4pVo\ngcl/9dDMk9XuI0Jw+IPpc3uJUcqXHgeR/8M7nmBWDCpBJTmXGYd8PcUX5gj4\nNT9lW8slu+i2x9qe3N8bztt4Nz1l5JNSQWm/JNIQ1BKpf1Y8k4KxZZsHXJh7\nwiHY4KVv+tXs7d2wEMV5nD7bpdngXRAkRwAfLvpg1lGZ+VBOlzZl6yJjbIuX\nkSWUVSS+DnPY3saNG+TnScEIwGAx54AD4Kpx/xg5eTQZc9QrNVlesGJGcXY+\nWxAzay4Uuk6lHl9D1cRUKRWuRGAinor/TvwWHpBKymuJjgPxtEYOffKuZM2r\n4ytElH9E1wCGjuiUtLt791tYdz+f6MiVNG1DYpZa+8oEkyLtAkYrOkUX5h0u\nme/Sz9/CYmXOiAKmAmZ9LBmB5hFBBRhw7c4RFnRO2CUTXfhHUcW7gHDbEy64\nUlLRAyqbbmYz6bf8eD5tqCURGye1fCbm0V772Jfh2VhFjE48WQ6yiHz91bVR\n0CRA7T7n7nZczoOY6GoMsLK6vKEmncqjrSvKzUZG6e1bHemyK2SM97terbnk\ngwhwUVwbv5ovaVk7XS8x0Rnm5knmHxFwfPOcFE4a+vS+bMXPXsNiycSS0GTj\nuY/b\r\n=mStS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"370fec5aeb98791d923dc357e46611e61cf6eb0e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.1b3dd846d.0","@material/feature-targeting":"7.0.0-canary.1b3dd846d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.1b3dd846d.0_1587775416144_0.028783795496953646","host":"s3://npm-registry-packages"}},"7.0.0-canary.29debfea7.0":{"name":"@material/touch-target","version":"7.0.0-canary.29debfea7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.29debfea7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eae22385beed9fe92067f3b1a80f553584fae7bc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.29debfea7.0.tgz","fileCount":13,"integrity":"sha512-MPskIC6o27JRIZADCP4VmdANJHb3tl8cF9Ygt6cdGBYqRj4YMaMbBJD1wqbxvPKj5MjEuEjDorMNlB4NQdh4rQ==","signatures":[{"sig":"MEQCIE/J/zfDuUPW0eZvYoshutfhYgi4+iTFYXqqRHGebYKxAiALuGWsrluc+NpUMCpv8/zRziCzAkMHniGDaT7xiZl6aw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeptCyCRA9TVsSAnZWagAAbUsP/2fNTptslzFhFeWAjEHY\nj+EEnrmr54e3uOYiaOl3DkGrdRZq7NdLUz71fxq5hSg+uswKjVbzLOqqDw3V\nhFlLAtwSOEyLROIi0CJlG/CH3ky7psn2duuLfrfA1PJNmAwVIMgWgUg5QaFi\nbxPeIHflEhFsjV2R6yL3AKRGrU1BTgibDt9zxO3zZ4xn5AP+RWEamjg9tP9L\n5EcOvoujiLs/zHv9IKU/tbNNVTQuRgQpW51HpUAbX/f7pLZpT/QCId4iulXs\nMsQBzczBS6F0KW1MIIO73loPat6kAJMIEizTgOJ4KzsPt8Xbh1I/RJwi+0Me\nWyDEHYvy587U+PZCXGTFDpUAQZ52g/27tjBbMIswIkaZxJR4FTDIoZqlFeoV\n0erz4wWW5i/HVThg4aYi0rHfEpeIOEYY6TfLiadNC7EHRCMb6iQCMgO07ErD\n7jFcb9ML7QD1hVXo5IjBqP5o1sPcfHNhPHwKpK4UihZT8a+IWMEaH93yPgDX\njU8BLgaxZFTY59cWeeHVfumRMGb38FLWTOOf3bc0Hulp0VGiAQXDqWGPcqe9\niscTI4WNrp3Vi/liGcpcW9l+r4F3/FlbPUMG3PdNZCUsjzwRVkpZzb4gY8e7\nRsMLGXyum7WKPgR2CCimgY919GKMhgrV7vnyNBeS3pwH1wFS5zvfQ64T9bRt\nc1K7\r\n=z8Bd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f121c350e2a52fc59191d5e843358aa3e3926ca2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.29debfea7.0","@material/feature-targeting":"7.0.0-canary.29debfea7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.29debfea7.0_1587990706510_0.6514320213980744","host":"s3://npm-registry-packages"}},"7.0.0-canary.28d32f8e0.0":{"name":"@material/touch-target","version":"7.0.0-canary.28d32f8e0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.28d32f8e0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68632ff69713871275029eb2e9069b4cda5b836d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.28d32f8e0.0.tgz","fileCount":13,"integrity":"sha512-5xw5HEk1NE84LfJQlzUgpDq3MaZ+pEgPInddJt9qpl0pWXT/1Pd02VzpqbWO/qbozfjHMeDaPsMJ9BMN+vj94Q==","signatures":[{"sig":"MEUCIQDh86U6OwK4F2Df1zAOgL7cmNq8rKeD63Ay8kJX+qST8AIgRLDYfqN7Z6KCNJ4JS3IxtD/C6SC3rGd7zr7Q/Woevi8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepubgCRA9TVsSAnZWagAA5bAP/Rc1PwcmZML1hCCVuUXf\n9xOj7dyAxOGXLTA4yGzEJBxj8rlga+G8gfs0GSFO5Re4qMx6ZP0N6T9Nauku\nxUFjMUCJluBO+ts2Q5o25VwWKUDwpJtZlOJfNhsk9pieSbMUIDvf9LP7t6+I\nI7dBj8Gc/oTAiGiJMu/dvXntdOsk6Z038R3PkxbS6cnM57+42Sng3l0IPLOd\ndyZ95CeQorVKUl2fJS/isFBKBqhgGKzdJCSz9BKxfsOPbY8moon0nRPQkT7D\nzwv/TFdwYYooUg3QTx0Dj8rtkC0+z/8HfSJmfEQ0yttv2uzPUBu543jxxvZy\n4MfBn+XWni1nzB9/h8QIcqhDWfuB68aNxUNpDxACDR/CTfU8YfRjN7hWQS3a\nJQRrYKhn1LMXpo+h9AYa4GkCJb3K7kSBgDA0m6CmFyZVC1cxdqGilOjt8jLZ\nJJpJu8L2NCBLeu66nVFtu4hk5c/MNG+FGyKRu51//jXPNgD2WCQBV8k5GXdS\nhT1aagRfrnzDC1zfMUIVDzKBWolVCwWx/O4/Xx6dVE1ezV9JVnPi7eduNsM5\n+ve6LGpugAOKLnersqCTkeC9TMaafZrstnQct183NHf2gJ2ujTYIJkhinR3t\niQSlk96DMr0hEam+UPwwG04SO5wcHv5g/hoi6L4IW66wG1320oOZ7Hqu6MPF\nYUJz\r\n=2wXt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5e2a5c88bb5127200d9f70d65964a419ffe2b123","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.28d32f8e0.0","@material/feature-targeting":"7.0.0-canary.28d32f8e0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.28d32f8e0.0_1587996384099_0.015023333828622754","host":"s3://npm-registry-packages"}},"7.0.0-canary.af71cfdd6.0":{"name":"@material/touch-target","version":"7.0.0-canary.af71cfdd6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.af71cfdd6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ccdec1c38598d40448172cd233490339469f3ffa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.af71cfdd6.0.tgz","fileCount":13,"integrity":"sha512-EsICnqSWVpIlaOZXA4v0A92HFd22VkfQR+KnUCSOsJ+VTAyyMaYKjH90rBGZ0peHPwDs28KaZ/G75jBqH5tYGA==","signatures":[{"sig":"MEQCIEYzpZwCWGpQPCh08ca3nFgv6SNJBZ1xH3kGrmPF/gwyAiBwt6pq5xQBcxmSg1UF6UmQbE8WyeRFYmhWB9ao6g+cWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqLlzCRA9TVsSAnZWagAAgwcP/RCOY79OBZ1Xa+oQfIjS\nFnjwF5kSkSwNt5DBAZzzduJ0ZTrLsrcCuuQetnqeubTmMHTEbifsViPite8C\nyC8H6sFbgOsu2feb/+cFIvn6OU+nRcE7fOb/5UVqYQAwmh3C3VxnDgUzkEe9\nZFixg+L7aASKtbaY5a+33ExegbyJQr97bUsVa4Hj/CwHAIq04d312IHeVoAT\nU0pMwj/R2VOnzti0dmcmqWuz9bC+5/PnqUfydsi0uslfoLCzlcAt74WFi7cE\ngXjFG+EiGHndxua9PfUCKtnlJKqpUXb1uNZpbsbbMXnjYbXA0ImjFnjsz2x7\ntV2djHb5mCeAeuDUVoZNT9z4V4MPo2JmHH24bByyvLJm1Hb6r1rAO1ajF2V9\nzx11NGmk518pbXXxa4GMZnljj4fSYw0bcf1OWFXJ5WQbW53BrwM/2dbLCYQy\n3oQo8oAJDx+9YlOW/dN7NBa/wP42IPkkf05tGQbVWlmqg+qHdfRwyfuBixhO\nDUkg9AaveM5F+dtI5KPzvcWNWmaBt8ojtaktNpZOpwS3nX8RH6AAF7/MS3Dg\n6RHd1so/acl7FBRb+3SDyhZ5/XxLpU/J94GoydWKKe2Eiz3SzZXBLTq1WljE\nkA5h1jG+JyCI5cY6o/b9tur9tHt7y/Y893XlweXWgtfC1p4nbgFQ1nxOZUAA\nm3+q\r\n=M3Gf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8ab654dfd65440046211cfc73468f20a57d7fb4c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.af71cfdd6.0","@material/feature-targeting":"7.0.0-canary.af71cfdd6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.af71cfdd6.0_1588115827248_0.6996080459377456","host":"s3://npm-registry-packages"}},"7.0.0-canary.99d2fc961.0":{"name":"@material/touch-target","version":"7.0.0-canary.99d2fc961.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.99d2fc961.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68cacdb2120bf11fed4eb8091964a5b667c4d186","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.99d2fc961.0.tgz","fileCount":13,"integrity":"sha512-R7WT0DEG0nuXR2xzcfk3M5iPEin04Uyhh1HC0MVeAXd/AccGGlgHqJvC0fPH3SdB+uWxWrPGFRJ8l/eR+GLZ1A==","signatures":[{"sig":"MEYCIQC6ya7FutqimC2xY9K6/rCM9haPFIQ4410iDB3KZMWm1QIhAMH1Pm++IE7sR3TvVj7cqPU+6IFGcpkjEhPuXUk1dxig","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqVpVCRA9TVsSAnZWagAAkaMP/iMBfaE8uuG2wvfsD2Dn\nLjCId69O/5zx1zwJL00X+xR0+hhiTWXi5NPTfC5wO3qNm2Ro6qCiDsOfEcYT\nND6zStU4JAUqOJazqrH98GNn7p3UKefDxua9N9W4VRyuGtlGY9qS3+n3rgq7\nNIOn9YihgLNf66m+vQViNmbKh5X/DTFlvqwzqbYNZaQlWBSk/zp9BQwDHjA0\nZFdMJysstbhTViIc8otWMVFHIZLxvmHMMYC/cYz1NLx3+nIPXhPyEl2r0doh\nCpSWRYh+PVlm0ycSxEK63lWxkjFhgVUqgjAGhEux+qmmbbh6Q478Ilu+WqDU\nQUU3BfxqOq62O0uXEDz1S9YRaDhL9BGBToC6ohpJteZVdWFqHzO1l31yiSYu\nCFRA5Lar6hnuMt+MiPf3M8LrJIzbO5VnM+pPRhMHVutk5uPgqVID2y2oUlZv\n2mDmMm+IJASdxJR7XugwqSOZbX5CdvLzafIFTJAXWrZ/ZMQecLlgbUPLBQyF\nS4fmSL+kSRqjFPftSEVFa163jHufcdQ0whnRVlc/AsUbld4TLBP75hA3gHZC\ndjDFErQo425h7mdr/SIWasjJ+f+v5g1ttHNfIlJ3n3osfyxcXoWd0Rw5HK12\nVxq2/XXTebkirLPtO+M05b0P2gBXdCM7BXnPDasM0hsk51nVs5ZN0JZzwDkl\nj8VY\r\n=S5hw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9b1ef36f20c436f96aa47dc90c983832edc5985c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.99d2fc961.0","@material/feature-targeting":"7.0.0-canary.99d2fc961.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.99d2fc961.0_1588157013286_0.9558131985774538","host":"s3://npm-registry-packages"}},"7.0.0-canary.0e052b24f.0":{"name":"@material/touch-target","version":"7.0.0-canary.0e052b24f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.0e052b24f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d38d75af3b307236c6dc4655b9a5789be3251d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.0e052b24f.0.tgz","fileCount":13,"integrity":"sha512-QNhP5F3AkD8NnkPfNF+o2JT25CreqFW0X/si4Typb8m1IwbTpRF0G/1HOg0A1Jw0RrNpzYbAmwBR4jFyIGwfSg==","signatures":[{"sig":"MEYCIQCGfoUfd25m67VHnk3X8tdJyl9PwZtvt/W0SeDAL4pDkwIhANnkb1oaK2ltGnN0gXnUizAt48mTU+FxMBmw4WTkQsE5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqinmCRA9TVsSAnZWagAAvzAQAJ9KZMeo/Q1NKHkvwvAY\nj5jGZ2o4sobNJq8MnEMWE1dbjaAiNpx/mmT511Iq5KND8SLhNdm8S+3rrC2K\nf2mLz4QMZ1XjtsFdi2C/81K4roO7IwYilL3+B3NUlWWryqVXWmsmngmiFYe+\nyPtt2c0QbyUAuTBfUeskOnK4cQqKa6b3Jq1b/oTSvJv52tKXy5S3z31IUyEF\nuEDqzeP4v1kedU+Ufutbk8AIteSDbeWVIO4vUNuTUFfUzBHqVfLQHZw1tKnI\n2Z4FNYa3WQpbIKSEf4CAAiEu5iPGPb/qh2nicBC7rGnGvLiYuqT0oohOvVBf\nywu3pueVbstItqECRovPmv2YP0lVNrq8+bUUP4U7g0BDhRCzUYHBc9lCmKRe\nzT0kM9p99xvle7Z+ZSVfkfiKU3EWd8YX6UEC1VY4J9tQhXVYHpVS5NQixIDB\nf1isGZw9GZ6w8SDrAyem58W/08ghj6GzFMetk6T8HZEW5U2Nw96KeCAEfJQB\nlqlZXjcGaWl4ND2M2vTffj2qOcVJdmyPricIQR7ylJTtH74MyiAG3ZM7977g\nxYjkcOmhjJ9wQYpECveK1N3F37NNYGp6zGgJ7CeRSDBRljyIOrm25d4G75vl\nqNGxb6SktMe3g5TAL4ViaRddR5gQ2pDb6lXXVakZ231iLG/ldGxkhwokmLZ3\n8yoN\r\n=tNjM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"69929564b970323734d16e9588636ff8a645f2ad","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.0e052b24f.0","@material/feature-targeting":"7.0.0-canary.0e052b24f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.0e052b24f.0_1588210149629_0.054872762438731515","host":"s3://npm-registry-packages"}},"7.0.0-canary.ff4bc632a.0":{"name":"@material/touch-target","version":"7.0.0-canary.ff4bc632a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.ff4bc632a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bcca7aa3b90c0a43fd0c80cef3a9d24ebfc3ea27","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.ff4bc632a.0.tgz","fileCount":13,"integrity":"sha512-QulC4W9I9bEQBOZeNXrltEotoSS34XmAkhkn4VZJVaO3xCB3Zz0WU6SDcwz9ywZFWAJGJQiiv5z73rATM9o2OA==","signatures":[{"sig":"MEUCIBY7dFu2UlIk1AaumL/IGNlOCEWu8LeohvKXwVHlAdplAiEA9rOPJgrvKpOkNFxrgb1COrGgL7K+4OJgzN/4w1gaeHk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqovrCRA9TVsSAnZWagAAsJkP/26tvTyH+4mzM52w9pZP\nuqwt4qAmz9wKDVTnqFV5vIEbrWldXY1DjdUPXzLn2WVhV19xC1ChH3f2Lc2+\nxsa77umnewTvC7N9UO8se5z7adXal8vSa3+772abYhFV0BWKAh/pIcAtW0hH\nSngtyL63vUW7ExARfGY1UtuO0eEjUe6KH0V+E+EDu7sPTJbBMnQd4ab4tKQY\nyPih9SOJ9KAqfga2IlZ2bNOwT6WUu6XQmBjQ7elxh/x8jUjayCnDSebDKbkH\nTCAnPpUdOn3mx4Vm8MK87XzxxU8SeAUoq8+Z+AZyd5dhOHwpH4Ur4IFPdjeL\nieNBko2gXsA1VRwNcUEIMwNfpyCDBzlTnh1U9WrnY3BmCBl4zv4cJzGeEUIR\nw6qon11R+6ZiU7r9+voITDmriL8eEuxC2X27Bw0mWVAmf45+YokphQfztsAD\nr3Ks3Rip+Om8LphZnI9zKJzHviTiat4wNU/tfoK8EngDtxoGpMWEeOFlCC9I\nTa56wTHhE/pn/ZHDUH2WbDvk3G44IekwJ0B/tQxTPsR6rS+6wRkOBcj76exx\npUFn1gVjQrMMiUrKjxt/PHPthr6DYS91gSrjO5noiKfdmJh1lB2qRP+Z5vvI\nbNA6X0PbVkaU2xr8iOcoQwYS11z3WsNvFcGdw6Hg7f82HNW5L5LFnQRMi5gh\nxURr\r\n=AdC+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bf4456b9aa6b24c3dd166ee7bbf96a700054183e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.ff4bc632a.0","@material/feature-targeting":"7.0.0-canary.ff4bc632a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.ff4bc632a.0_1588235243519_0.7695551322377991","host":"s3://npm-registry-packages"}},"7.0.0-canary.b0f83d2fd.0":{"name":"@material/touch-target","version":"7.0.0-canary.b0f83d2fd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.b0f83d2fd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42bcb86ee226ecc642ed79002a5b41e21301afcd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.b0f83d2fd.0.tgz","fileCount":13,"integrity":"sha512-MU8op1l+pVlem6q5+oDzJxWL/GexzJpDaruHpA0KfyseAM63jyMQEv9+SPBtzIhxTdGEz6cQ2KdxCUleFmIq5w==","signatures":[{"sig":"MEUCIH/wtRMRwE96dpIlthNv6HHdI+eAwhAeWsGQnOm72lE5AiEAz5Q7cuywCCyTvHvkl79cvFB8RKZV+YEd4GDqnlQHm/k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJequFxCRA9TVsSAnZWagAA2g8P/3rg0G2f9vErVgTxD9i7\nL4k9bQTKwU7iNIuK0DaqejWGZABU9o3E14XZubv+LNwLu66MV4WrgXVs/Gia\nPSVyW6axkM/Ugg7TaVoxdPXL/IYTQpJ+m0cVKmxPqgFgCIxu5LI+hT6XbaEc\nQVy3HD3S6g1XIIn6FKktkgve5p6EfSKPDh7IGzpqk/UTRKxILcmtaAbZbYss\ntFeEB0RTC9No9thdEilnFr8XDKTsj/Mw5AYGZDzKM3G5hNL6SXcNrRSmb95h\nJESHxzK4ec+AkgKoHVYkIvYiRhWZn05nUqUWHfiWWrCMA/lOREKsub0veGjq\nSOJZrn9jC1IsunJZ3N9SG2BGz3qTvmlu2jh0+0xhXORAuchJm1B+5k1bmBDb\nVJEZi7ErEGXZ1M/f+gQgd3B4gThElMA5ZeZCsjw3VHalxyWzQx843LVpuqLT\nZbBp/2l9zbBygHTIQOBmNjqV+xp19xQWDzBLxtZ/H9Wp/zU7xA7YoBfPsu5X\nZQY+L3KSts6xH6T8bUvULEjreGumS66kK2jD5WwGU80Lt5opj6J9OwvQ0aVa\n+yBO1SfhiDwr1dk8yQu23YZ3fbP1yJOk/uF7Sng7oh1UMCpOKer+r4Ft8ayl\nS6CH+1sAKCCdxXmBDTLaHPyfHO9eZTIbnvorWPfMSv/LJHtjTh3iLXKCXwH7\n1E/M\r\n=sef6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a1500073e25d06ecb6fe752169f836de2cc6ba13","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.b0f83d2fd.0","@material/feature-targeting":"7.0.0-canary.b0f83d2fd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.b0f83d2fd.0_1588257137066_0.841516093464221","host":"s3://npm-registry-packages"}},"7.0.0-canary.e59906a57.0":{"name":"@material/touch-target","version":"7.0.0-canary.e59906a57.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.e59906a57.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e79609b0945f329815899205f6e12be8be61ef0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.e59906a57.0.tgz","fileCount":13,"integrity":"sha512-dZwS5v6XPRdydy9pWNeCep7GmZnNchkRv+xhD89Ib3SIJzffQxk9O9F+0L8TTdjcBxbXKZO9eNVCy6Re4trr8g==","signatures":[{"sig":"MEQCIFmtBEOGIoupGkuRjzxjEzkIgBFbQ9GD3PbHCIm/a/skAiBZGqHQDMsEcKHy7wwMLOiojuswOSe6qVifRWYCFDOFDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerENGCRA9TVsSAnZWagAAKBoP/1YFiRMBh7YElBtCMnr9\nqsMDMZzXZA03I3yN+DsEFvM8p21cJBMR4M8MYCUkbJfdSjk9QOm+SSP81V/u\n8BagkydM8q/T8ItcNzfMzwsu5J1RCRlkHNKU7uMdQEolZ5VZ6nnwIxAjAqjn\nfOunWmh7omw9neiSkRytOYhvG6aWd64UjFewlOe0uYG7OOjf8KpJ17jss1Gy\nsh4iHnwFo+ynOhSHJBPrzyXDms1Q/k5vvJSXSIwey5yGa9w1lbZ6U4J7kH1F\na8tGyXWR2rW4i0qqNXdQvQJTvZ+lBxjLDhJoKLFzl2lLKHp2PlKb4IrpblyJ\nv66JBXD7WXEwbTKR+aZwdR5qMArixKw3SFaCU7fPvGd7OuSo6JcACiL39lTK\najWyQw0Qp2dDsGMBan2aTfjQ8mgRijtQWuyCc8bZYAabtfKwLrxdtdvCn70u\nMKklUNWyRTo8R/qbQpz1/f/9MzQuhMgQc36SRM3SSmVLefsjaT5/j5UBD/Dq\nalnSFuNAQpgYANUXyH4+eOdKJUV0mx2rIBlIn81GUslI03kb9eyCzVbAiJ7/\nNS/8AMkYGV/d+/MrcBVYf5EZrRh3I/voHI9P5OJbd5TFd+AcPqTANazU1U++\nZQyCh6qrCCaLtAKM01Jimxt78GxGfa8K+kEU20Bce9sp3/TNxLmHTBWCqLVI\nmkuG\r\n=f52B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fc7a5c94d345c5fcd76d4957427c551ed759a1f2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.e59906a57.0","@material/feature-targeting":"7.0.0-canary.e59906a57.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.e59906a57.0_1588347717569_0.02054335082995551","host":"s3://npm-registry-packages"}},"7.0.0-canary.c02712b59.0":{"name":"@material/touch-target","version":"7.0.0-canary.c02712b59.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.c02712b59.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"627ed9f0d2098cc1ff20e49da617c8f1a0446e85","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.c02712b59.0.tgz","fileCount":13,"integrity":"sha512-+OOEmCPkDnBLJpkIJS2VgDtAWMecSXuPoOXHcd3OWF+tBuDglFnk1h+rC1KxzdUT2cYtvimr2ri10gQFS6BdTg==","signatures":[{"sig":"MEQCIE4uH0qbdBdxiYh4UB7Ep6gl0Dsz2oZwZUMnMf1cxsu2AiAsaNuFE2q4SwjoX7x00Z9XiBaA6joxp/PPCsY1hEwLRw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerGmTCRA9TVsSAnZWagAA264P/inxwR+wPkKoU2bkxbGR\nJQnqYsW3oB46INv3YOqNNkp3T9OipUZf6aTBdJnAEMPT1kIp0j9+YNUDJY+y\n1wHx9KufH0umwY7E0h754HPzjfwhXAle3RqIemzZ/upgn2x1qdt5dqJTrDM/\nvOWut+OhE4fZ8+9KbMzDpzEXJxPokxuBCCUVxrE6ZnSZkrIuO/nq5GTnrO3b\nRYVcNd+aoGHIgr2nk6uDNH07wfNwYgx5xViPVAVwatOmunkDv9Vub0mGNt4o\n65VrXOrgcdYBilauCmiGH8eqowggE3LDI+eS97JGPXbdLTrNHhk7OomEzdg3\nYJPGd3UkcJybjgCXLvV8ByaQhCEZI7Ll9nt81XtQQSYokYR9If1n2WxIWoUx\noBPzwaiYSpWPtUBqIXAAtddDs1mgGZWXE7LLafOiMmpsXakMZjecEwxVU57q\n/2rCehenh2ibcwI1DgwgM2/RntHprD0d1ZovgzNT4GWz3C+GNbqi8o3RYW71\nYEUg5GSxB4n4git985HWt92wD/ZYMD9LThNcTuw44kN4zyNW+3ZCyaC+Ak4W\nTA4BOxxGXZSVCJ6pSJyniuCMVOwfL0tMTovEJUVxXEyCKGuuP2uj3iqkSVTL\nyNxmwI2qAHesEVPYE75kZT+6XJwzCe6Fm5G5u7vfRtQ0iNQRXViYfjGDPXwB\n/4vb\r\n=eJQZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ed5da0cff8ae5197cbaf84af0bc924c207d3998f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.c02712b59.0","@material/feature-targeting":"7.0.0-canary.c02712b59.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.c02712b59.0_1588357523149_0.9685807096655785","host":"s3://npm-registry-packages"}},"7.0.0-canary.15d65448e.0":{"name":"@material/touch-target","version":"7.0.0-canary.15d65448e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.15d65448e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f15479ecf8364ed55d2713198686eb220d9cafce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.15d65448e.0.tgz","fileCount":13,"integrity":"sha512-w9pf0nGwY2OJBZDKojlQytqKp0iG5YT3k3xcR63BgXunhR52+pdSlt8J7uscDT9GllyQk0j3ci6t/bZvIPRxIQ==","signatures":[{"sig":"MEUCIQCMfX+5xRERAwBgHE9MUe1D4t6vklGlWN4l6IxjOhrvVQIgKyf1QAS238K+fPvLSgpMD+RxWug8dnBgcGx9rXweW/g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerHbjCRA9TVsSAnZWagAAIdkQAIZRSoQql+DYoUjIxpWW\nBgQkA7qCPiW9V1EKa0ykW2U0asKgqDQ8/WL2U3Fqrli2/3ld8Fp8CUsp4Z/S\nwK8N7vG9fa9ombBWh0odQnfj35Zs+q6ozu6QfzeXBWPG4klec4bblCPo8maH\n3Rot9qtDY5t2rM7H1ridP6dAtsEh7sypiThmQ+xt++mgSQpqicTczTGeLfoG\n8qd+Vk5r1d7nJbqXwBG/7/qpLI8vyR/hwGYP3w8hS0tziTvJH/lwQTPEksWx\nMMRyIilnK4tnOSTPCpZZ9sjR3wnB7l9mY6yv34Y7MWIpjEdYTZxL9pBfZgRn\nepXNjnzBhbBADwtRuIjlN+MlyZNDrykGUUg6yjuAFgDNYV7TzcSIxpFLbPEB\nA4mB0qlziEBeMMLfYRl8FTyRRhRhbejm9q9NgN2PKomzeU/qM5wCMF6BvX2b\ngMDerEoJyhW1LShfcxBR5BHSdXu/hZ5Q/Ho0hsoquc8e3oTQMh2EwEuQ2sbn\nVtJjBJCj89DKxLutKJUyR47WY24pmm1AXjS1ELv2gFxfoS/r9Y3gbZMWllPV\nrEe7yqW0+INqv1Zjw7PqkKH+dupdf4Uboo6IS+XvuaNZPuGwlCSDlVzbeKVN\no1D8WkiKPXWv2JTt2J+ea2JYgkFOQ1zvj6/GToQ6qefTQKjnZS2hBm1UpHSW\nDZ/L\r\n=aXmi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b2e16d6a45e857fdec3838c3c09ee0a1c61d1858","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.15d65448e.0","@material/feature-targeting":"7.0.0-canary.15d65448e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.15d65448e.0_1588360930474_0.46256058642305486","host":"s3://npm-registry-packages"}},"7.0.0-canary.142b1549e.0":{"name":"@material/touch-target","version":"7.0.0-canary.142b1549e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.142b1549e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb2174589f4a64be72d4a17832619143385da2a3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.142b1549e.0.tgz","fileCount":13,"integrity":"sha512-XAI3zOiuBogxS19ivf4HSlSAPleySIdfugrCqNYZocg+lkWrGrbwloCGF/8y5nSGOXf173ceQ9y1XjM7QyYKcg==","signatures":[{"sig":"MEYCIQDh+MLqqs3pKiqLtS3iAIRBfmPhVT7tddBCtr/oAtmZAAIhALePXrWcOGj6FkakPenRltaxV6IGl4aQKBzynq3EbVrg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerKQwCRA9TVsSAnZWagAACNYP/10t3dBcoXpRC9yNiM52\nGcouGhKRizbqTOTMXr9Jw4QxhHGA/z4C7eyEYaIfOCcMG9R0mOrEdPbPKitf\nLJfo1YTIikxEg+TwIgCspq8QQ/C4FtTt2olmCrB50m4BZVQbgIZx7C7MN/2D\n13Dlqmhg8+wTrNJ7Bq7665YAogOnliE6GiKzKTYgbS7Le8TaufNaYqZelHzQ\ngEmJGyppk1pvE9UIM8AcoQBWnmowONtLIML7giDKW7UI4ihD96ppxRDdSXkr\n6xFmCJPSBUX+dAchAiTMl2nb4ZVTxvI8YNSot0/9VJuX2FsbbF3YFNhGjtOy\nU/9VHkmwFQkfced8guz7xKwRhT8XbQjgYOI9cXSp8loaOi9vAJu5FaIMl/Il\nvayEi4qdpw/5jRG/5Uq83MW1uuJi/8SQTrwF7Y2B3IpEwU74LuFYrB/oWABQ\n9aZWidd6a9Ks/IDYIDg7hIyBQT9obv5UinFMb9ZczvsHuY1rjvdIzEkF9OTK\n/CcRw8YMkLhWSzsEzErbDJb5nLxs4KwIMd1K0KTu6SF7yaKcyqungP1Q3sRD\n04k4EJJTnFe4S/KsMiaCzcZ6jExmJ8+BRJuUPKZJvPeA598zjcx1JKZNLRzD\nMVsFImrgVft4QzbDH/CUBTnGjgepsAmnVamP1x8S521ThjNJ1Oj0zjS2jnyN\nFgJC\r\n=eIZd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c43c6e2e74a4352aad7225952aeb9e7154d35751","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.142b1549e.0","@material/feature-targeting":"7.0.0-canary.142b1549e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.142b1549e.0_1588372528306_0.6866158698217637","host":"s3://npm-registry-packages"}},"7.0.0-canary.524b7b812.0":{"name":"@material/touch-target","version":"7.0.0-canary.524b7b812.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.524b7b812.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7f71b744ee0042ab6d9f710ac32c82bbc70c3efc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.524b7b812.0.tgz","fileCount":13,"integrity":"sha512-CRHu/9l0Iyhx2RPLUYf2BRa/N+iYrlp3q6cP2nSeIrNbevmSXR47Vp1Frku05pdWCH5H6+X+Qk2iSVxSaWMVWQ==","signatures":[{"sig":"MEUCIC0EVje7Eo+tPTtAqs4/ML+j5ohuaelDdYd6V4v8ONPlAiEAliUiIJSpKMaNG/kNZqB1iHTQiTawYwV2Cj1F3mGyCsc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJery3RCRA9TVsSAnZWagAAWeMP/itdY+NNZI43HUklyT3E\n/2hCkATjEfUP3soQRp9Vt00EX8sODNOcxV2imY5s6EKYskZjCl9xotHqXmz9\nDZsPEeByOOzFuVZWlbdewVitNaH8o4LYsb031kNLuwi19cX5I9z3/yyZk2lB\n9ubCe/4sOoNJNmKhJ5KkLkhqPLMjbn8Vo4X0Wu98vqGQqECgZlYy7EcRGoE8\nxqlmO+Ol2xm/t9rubAjJzSDpvhOc25lnsFULq1Uua6fcrb2w6fK1BRWS98eU\nUDgRKDD805av5d47u91VEjez615Prk9/8XPIQAhfymqDQUiFDrwl/NT0HWFu\nPShVTa3UlZymwNhiAb8MnIXp8ZHS2DSTfOMmSUyQfYYMrUUmpkf2h0niNE5w\n2B5oJOBSQFtAsg0lfWP+ociak3m1nJ0GJM+TyIVDbRIgguXYF0acEgcFzByb\nedarQrXjqFFzBH9EuuU026BiCqs/ePHY66sbYWbN3lo3zfwzUENoB+QZ9AMF\nEekC8QbXpLb6wZKcv/ad4U48MzcXDQ9Dcrmx9TQik0rtPnXlF87y/eqxCNDn\nguILeEbwaM0hV7+CpC/bVtzEEpDRPblqDDvTtQx0vM07HZiQ/WmgwklD08lU\nQVQfhF1PSow7ffBH/vhIcKdr6F/TMsau3Y3a5M5ORLNulSL76CP/f6PF8fty\nvAHo\r\n=KSlp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"82ab8bbdd2373b285c315177e7054a727b38f4a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.524b7b812.0","@material/feature-targeting":"7.0.0-canary.524b7b812.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.524b7b812.0_1588538832586_0.11095376932302137","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd8ca9678.0":{"name":"@material/touch-target","version":"7.0.0-canary.bd8ca9678.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.bd8ca9678.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aa37b2e6b64ebfabc93af5fd27438a97dff435d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.bd8ca9678.0.tgz","fileCount":13,"integrity":"sha512-2m9Rwu+tiiMt2OUv5YxAGZ7GImaq9RACi6M58aEHrFV8uejPloEyB+qMEKWzaWISit/Zu8/2lhSY4yBoh3rDSg==","signatures":[{"sig":"MEUCIQCWv3lij98yPnofbyXDooq2vDGWtsTvdSQOCU596IisUAIgE8awN1jHL9Sys1V38/QMyF0o0FfnaXw3rzBVB6af5Tc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesE5tCRA9TVsSAnZWagAArQUP/2UNkfoRw2Xi8iMuP0jh\nE0Kst1T3hfEBKWAlFL8ntrvjgcOI+dg/y82Y5qSSFVh1m/RFRVUaP4z3thAt\nmnvIozczrriyisVSfILDmz3wN7AUcA4N5wKU5iGunaR3EhkWiO09zmDFm0EY\n8VQh1AsKjFQOIryXt5XGiIZ5S26XEbeCsRGuD/CoVOH1Rk/HvAYBNYd7249G\necor3cqcb5/UjS0YQZ7D9/jOMy2yraxBO3adblb0AvWpSqbY5lwDRv+KZsMz\ni4KoT/x174le1/Bw68Ytye7DHLUCPcdbU5/G+YHRuWVNub+Wk+ftp7N1Or7L\nuXbeA7x38mxhHdSvcJJw0qM513go6vGt4/3wd9XWs9bE26XWIM5GrKooxmF5\nGuizYH50FbOgh5dib1ZGtuWla2Gnxg58FhqnP4xMNXHIhAzqXEAGGCHVCShH\nHzfe3ExesRlVI8faySH0/KOIQQApfHYCuJ9xkUmae8yE3k+huLMM1OcSviPi\n0m9fB4ecy/pd4TNadqgby7Od4J/ndbp2zxOLOsGBHy7BCou2bvRYZ5z5d/S3\nt6V/jfYK0rhEkORIzww2BFwSfu8azO9L8+ADVBHR/Ed1+ZJZm50WuOokba1a\nolj9jXN1RWWlrdKSImUlKTPT4hR8lNNKRwuLsuiCD2KkK6v3ckEw12IxVmFb\n1P/1\r\n=y1uN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d21e98ae16f9c893bf27272d187617574615c417","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.bd8ca9678.0","@material/feature-targeting":"7.0.0-canary.bd8ca9678.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.bd8ca9678.0_1588612717226_0.1988746447018146","host":"s3://npm-registry-packages"}},"7.0.0-canary.2553e86fe.0":{"name":"@material/touch-target","version":"7.0.0-canary.2553e86fe.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.2553e86fe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"99ede6f65661a9117ea587cf0bdae5bd30b14c35","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.2553e86fe.0.tgz","fileCount":13,"integrity":"sha512-EKN3Dv9esP8Pb3JPsKlWpBz+8jjZRalVaKoQhARVwjPATs1k5ON4srOdd/7ZVSyN2ANOskyQi9kUw5eV2d41aA==","signatures":[{"sig":"MEYCIQCfP1s4KCoXCZ/TJcRHZ8bt0yRXT7sXU38AEbd+mlOaWwIhAM8pBbkLicOmWAelfu5gKWvl5pM4ewO28Jb3Ba4nV5Jh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesFFBCRA9TVsSAnZWagAAoEwP/0PpyHKK2bPNSSM8EBbf\nBLBovZ/guNxWkX5vrq6lwAxFYP+XkDGilU/jwyZwrAhwzz638uifSaCykzA8\njteV4sT17m5DoDPvRRiECpS/HGA2s6c7bt1IpyELbP9t2PfZaYQgz2/zwmVH\no6AqpwMYO9rXrDHd0QmZLtCGWPCToZl/gHeB/5xBXkgS/clRnrsAgO/gRWWw\nKzS5dl/yj1h0MSh/teZk8iydqSIW6yEdULYSU8Ky6P+Qv8j/L/yp+ffNkHZL\nlE6I0Jcaq4vRmEp+6fKRp/jLEv+BwszyD7bi/e1tGTbhmLKO+JaMc9KcS1yl\nLy21nKc/ae8/zSmIqHmSSS7GLBpWbhnYS9NFHyI6zdvhN8RvRXYqzX4Qq2oR\nNv6WTI5ZJzY007QKyLBbxT2gQL86HNHK8kzqGQVeZHh1vF30suUuEib9or3O\nMRztejcoZ1SEFLng3Jvgd+5ko+TFEYNyKvJXCz9yJ1b6bt854wn3clS3HaI/\neruhVbrk2/6vugr1aNPENxA1WiAMntKpXwOd1RlQ5XLQ4CF8JDQXWCFpTamc\n8VosfQqz+HHINgfhmqa332MZdxPR8sVQmvDAkVWTLIa1GHKFfviPdh21QSch\nJ8UYQdW6farzqVHNeasJfgstUQM3ikV0XmdFVEDGgP89BrEguGubBv23d1jC\nZvVo\r\n=hH4B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9fa3a214bf3d70eb6522a1f75e622d936e7c0273","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.2553e86fe.0","@material/feature-targeting":"7.0.0-canary.2553e86fe.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.2553e86fe.0_1588613441343_0.7351779668750869","host":"s3://npm-registry-packages"}},"7.0.0-canary.03dec929e.0":{"name":"@material/touch-target","version":"7.0.0-canary.03dec929e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.03dec929e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a2a54e15694ab7a60bd04028de476e08831c8e65","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.03dec929e.0.tgz","fileCount":13,"integrity":"sha512-SFdDn9wTt5bFzea4FVM1N4qBO0PwsVwolubcDuyRWAAW+bWaAlLjZ7KloKCKkua6x4PxtCNNF5MwTibVLGR+/g==","signatures":[{"sig":"MEQCIEbpg0AYGRHetgz7u5fGKhJOPWv8REVHtJXnP2dYbRGYAiBYpWxNda2tOEnNzuah1MnJVIQS3/k5KeDkQE9d8uy3fw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesKY/CRA9TVsSAnZWagAAmjIP+QAYXDyutVgWGm91DZWf\nBieW6AMi6Llxnhpd+6Bmmj5crsy8vZ5yNG4NDGgTIrr5DNqDMMjv9rim6ESP\nnLxaUNGUpc4mbO/WLOdYjdDN5IPyAqwYyeN3Ms0isEmDjY/oEm4Hzl4jqWkK\np2ij1qJ0bCX8SDEOe2NxJm0sUHaRHNVSUELJB16lL9LjwmScUJYkUDI+yPNv\nzUt4kiyJJ30GxhJOLelsjG2qgaFXBbjo5+SPZ4/R9ZxLpZVxqAaLT0j9iAnC\nN4pqZ7i6WqnUlDZpMpGKgsNkX8zSOST0L/5P+ul0Ppa4eVlPai1sI27vjf/l\n9NdtRxXZiUkrM+XtqFC2HZkfeAbTQfR7hECs0OX/OUBCIdTm8UKUedwJFGXU\n0KnbFMM8S13H2lvlohK/JzUuf7hVMAxZdnQBrVHgR0/J8Avq+nvVpancfp/A\nDA3J9JrePhC9nxwHaA33gC80xmy0QvKBfbv7he2HJX+KRYF3nX+FeApo6Mbl\nu4nqcwq7qeI4K90J5SsS3ERYWJq9/mb1YZjpg/EDpUvEix6hWHtB5MqHBOLM\nECNSmCAjvPOUg0KwkZVvcWZ3bKoQRqK9Hgy6yKSRf25UfM3/wlgbzf+zbM6g\n8SYNNy7UGpWRVuL//RhS89LmFoE2MQkcwRDAseitWl2hsXgCH7ei7ltz2egP\nMGas\r\n=VjbS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"976244ee82fa3e080e074d9aa9a254e6428c90f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.03dec929e.0","@material/feature-targeting":"7.0.0-canary.03dec929e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.03dec929e.0_1588635199479_0.2689562898263549","host":"s3://npm-registry-packages"}},"7.0.0-canary.d92d8c93e.0":{"name":"@material/touch-target","version":"7.0.0-canary.d92d8c93e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.d92d8c93e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"90c568ae9fcf083ddeb00dc1930ea722c39177b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.d92d8c93e.0.tgz","fileCount":13,"integrity":"sha512-md7J3xLYHej2k2yQy/T7SJRCf9nOKsn7J8ufWsamy6HvGXOCvZivFlf70eDbdz7wUQiG0H6kT5KywQtdP16uvQ==","signatures":[{"sig":"MEYCIQC5QEMEveGyFSaw7fMFCjhM6K0A3gYKnPi0z8k375okIgIhAMlFA7uYFbV/xRZQsxZFpy2hOH2v0nweMW7GkRYjd5us","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesZs4CRA9TVsSAnZWagAA2uwP/jl/IYjKaI36scuOMyY2\nLGILcUJd3yna2CJRJc/yZrj9Gu/C2VqLEX3WeYupmbB4p/6CqDyoGv62+fI0\nteDdHD2e0ZFUjmOrpPEHdJt6opaR2/rPtLOwEp69Z7bbtby+s0E+ahQCUCoq\nLMKEn9XFHGOTA/XhuQs4iu7fMH6WH9RYx7UGhomktipj2NDX3+RBRpTW3Ojs\nMaK6h+DykUdppEw5kYwbCQy03lmbAd9McIRQk+8ojvIEF66f1W9MY4j6ltcu\n822alO0opyQUXSuSQ8CzpCKpUO2tl8X9xHE6c1PvJYMB8W+/YqiJVyOEbiMb\nmrickilrhQ6stVUHNMoSIWrj/EIDyKEH4YjZkRtBMu8WaCjOWWWwvtG8l5Er\nNE614oKSYcTgmzOLuYHJ3suXtaAq3axJtrHyIxnfTmM22idDA0uW933lwGNf\nlhhrK8tn9zXRHAVgoy1pWSCzclwvNJp4RRNb3GqH5O//8Co1ifgeccGR0tdR\nNh5lGhvYbCcs52IUZJTTTGksdzD5cAUYjbt1Q+Gy2XsnW0HoXGXZ34zdwLbP\nZwUZESNryGhbt6GCZXdoWlBYiwpUA6JpQ5ZOOinzS9vyDR2twbTRoy7AocDU\nlX+jf3CBa/9jnUtlsKV+tlxxz+b1D8BjYA4eerIdHRNJ2YPsHuw7z6ZFNnZu\n/0nY\r\n=VZus\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0781b5a0f14ce17201271abfff044630d170700d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.d92d8c93e.0","@material/feature-targeting":"7.0.0-canary.d92d8c93e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.d92d8c93e.0_1588697912177_0.683798442076907","host":"s3://npm-registry-packages"}},"7.0.0-canary.09f591967.0":{"name":"@material/touch-target","version":"7.0.0-canary.09f591967.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.09f591967.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ed0ca5e44788cc3afdf1cf6a470b824c338afca0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.09f591967.0.tgz","fileCount":13,"integrity":"sha512-cyFIxREhut72YvpqUuWwpqGj9IvpzmUB3YeKcuKKaGsTCnx4/6M49SEvhu4ZQCOYy3Wi3ov7qNhVzT8C2qbV6w==","signatures":[{"sig":"MEQCIGxnnEoilszWkZzgl9FZCtcQiguQwYN9eSG0+n80LiDvAiBD0c8ocRpa5/LgbQHRHzqSTw8jBLCsVOYF7BPZQcUNXg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesdS4CRA9TVsSAnZWagAAGrUP/0TEqceFgnsNrbMUw99b\nwjNNganEs466BLAdUaw8LNJ2foA6LrNv2yMN3ETLgVb0KSNoI8/oSHy3GnaV\nxWnVct7MisPBjuWckDWRsAro0dwp4x3ecTs6WI14eVvIoDiHvkicr2BNT03T\nAMWF1VGYdr6w0S+LQuTD8gEQTJxzlcFQC6CWxOLvfsSW2846N4/95EW1lGX7\npcL+UiIUGIewDDnj4FrRUy5+tGPOKcaZfHuRrVT+v0QdrXaP0Jv+X9iHgYoO\n+F1o9bFCEZO2SqoLg1c9BAQBG2ZdSqXqELxf86e5tYGsL7U/2TiDAy02vwRB\n8nRnMPEArH+Z2A0GUMfCK3OPENyVvKnyOoisu62MpDbj1uRuzuyxshxjbQlc\nI+KPVa8iHnEcKSYWkEGz9nxHSiracAFcYqcDgnJrQ3I6ChYrhwa0yt+1ldd8\ncdN2d+0wM4uI48SR3sH0d/gAubBZRzcjMUUniUUYzsyJk30KFHaErPAfwMBV\nZfmXtSN8AzhYG3jmmYhgkABNyluXOUR+mXjaq8/18Ck1OlAd8rCqKJFLXz8e\nz3oM3Xp6IS+fD5HniCOBo9BLfukRQSy0MxE2A0IgFZoK7ToWE8Fv2tF/taxM\nikHwIxzD9OyVnGtITGAWzk/HwpdR9i7vAHpU34Y8NwlCJtZXeUgUfIv+YEl9\nKZKC\r\n=ZtHY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b1c5f494b8c0fe5f6f9710e50d51e2736a01b227","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.09f591967.0","@material/feature-targeting":"7.0.0-canary.09f591967.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.09f591967.0_1588712631589_0.831435144524066","host":"s3://npm-registry-packages"}},"7.0.0-canary.3846ce311.0":{"name":"@material/touch-target","version":"7.0.0-canary.3846ce311.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.3846ce311.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b7e88eec7c23f46a9adcc35172dbc238a1d7d5b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.3846ce311.0.tgz","fileCount":13,"integrity":"sha512-SN6ViSWaVXvFkh2qpLcVDP0BkZICI81f6N9mJR/cAXKy+WBzBo71y0YTvGpv9Qg9zQ+dt2Q2iDUoL6GX7ysXow==","signatures":[{"sig":"MEYCIQCooW+ZhGRvGB9Vzj53ruyANpsjeRxapp/NOJsiWTLWOAIhAKO+m32vmuHv5aeXaPxpKp2jwjP3pW4vtM7gloIfXvxq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJessUACRA9TVsSAnZWagAA87YP+wT7b2V7IJ2u9zIRPFJ7\n7S1D1Q1E52JG3O0VwD2HpaQi0BR1297cgKCDW7cTfylpfs52vtDF4enmvD5+\ns3ibiMrUHYbPu+VK0p4LehWqaIb1Fj+HPnvHgHY3LRuJ5m6ifCulrj4pakqd\nF1rh87XQ+BCbGko/RrqX+c9nfiIncgp4bbkKsl37/xv++H0w885w3mzcKcx5\nxVmj3ZGfnXneBLrweyk5ZZNPiN/93qzfpZraL2hT6W2C72vhaak5PzH4m6gh\nTfup16vSicrBA7qpMN9UoUITqGp4siIlP6Od6SqLdQKlTXAX3akGNa7EJr6M\nngp3mFcfEkaJpXMImNe/8W4WaGv3RE/VpWU0yJoBgk3dhHzD+HULYmDokLzc\nPiL4T3/AoiBbPfMXhDTrBbsJ4NTje92nPPr3lvw91zvmF2VAFyO8eNQWbcMe\nShm/vlctU3s/EuLOS+WU3iJOKABKUuoCjVOvNjUDHMxGR6PPdaR8OW0y9S+K\nT6GTJjF5pBL+FZq3Vkiunp1tgmxAdCBxG6V7d2/BTJj5hkR2UeuHu1lxvNBg\nsWPdZAO+LiTlux8sCqvRQlYww8xB5McA7gMpLB9sjubRCweiNtvFcTeuvGKs\nW+NkfcQXOiMkBnrbIepN9ZnPDkLi+4nyeEofVTiBWr99qxQSEXUKlCjCUOQO\nCArJ\r\n=Lq/c\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"80b3806d13f75bd5b77443c9e504fd6468a5820b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.3846ce311.0","@material/feature-targeting":"7.0.0-canary.3846ce311.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.3846ce311.0_1588774143796_0.04957608376510292","host":"s3://npm-registry-packages"}},"7.0.0-canary.ed7f32463.0":{"name":"@material/touch-target","version":"7.0.0-canary.ed7f32463.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.ed7f32463.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a5988c6f47f6d924a39968af5cadfcf3fe39f461","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.ed7f32463.0.tgz","fileCount":13,"integrity":"sha512-/u/ygwzPQvAtnvCXahBU5IO6r0KFnIClo3Awvc9+xL4sARtAGwYxLgwas9Ah5kaf0iXZ/ib6v+iecTCTMbueKA==","signatures":[{"sig":"MEUCIFD+ncvx8v/iKNhTosS8XHPe63+TjMt4hSu3yET9Hz6xAiEAyxz7LETLEZOzOBiBOt5Fs1eHWHpif7hXB+u72DnEHks=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesuCbCRA9TVsSAnZWagAAeiAQAIJPdtu9RCmfIBiUabUH\nnysiswSmOFz0iRyYr/P/QvhY8tNNMOFkU/KNDmqtlqfdyUC9rc1kze9aA6rj\nO7sJlwqbrGpINVbmNTSdyVWSyEa3FDorAghCURjZ5oi0gurUtLyBKhzaH7G/\nDpfJ8c9RnM9xYIjTpPDaLX+/ecn6Oz+HoubYvAAzfdXuMHTQCTtvTL4IAXw8\nULDzo2671U4xd1B7ea9ZygO6ELV1/H4+YdSliMRpOHuW+JnxSWhDn42oEc6A\nuw6r0ETg+6ZwSO42QU+vadtayot/EtwSHTwyI2aJwhaNJvEs8NhxxskW9QaO\nkJc2Y7UX98vnIdqo1K4qyG0pcPXChFBqZV8Qi3PiX5lypMCyRE+zYT3ZCCym\nOfH49E9qxGvrnXE1IcLVe9Mw6tDN0GlqpP0TUJLfg39sO3w3CCmUCFX/zuFw\noWCO7TXCJI/SwLkhVV8fY7G67XDsPXIG3idERqqr7Ygjm6TFKNGkfEIW7+sJ\no+VwSnvantsMDOcRHwyswmCyNWNrOjaUFKgpWKsW0F2WQtE7Lm5DiZhIRacc\nRHlS0SC/PDfOFq1MobM3uVGuWDAjNURKBdF4zmIM7F2C1jO+QiSnYLaixydr\nux2Zv2YqRr32yQi5Bh2yjFiALpgb3eT6T5bBM2jzCbhmakICEAYe39+anYwE\nrJXv\r\n=unrQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"84dc461d7b4d6f61ef286fa2ade4f3d05018af62","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.ed7f32463.0","@material/feature-targeting":"7.0.0-canary.ed7f32463.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.ed7f32463.0_1588781211319_0.7260545857354983","host":"s3://npm-registry-packages"}},"7.0.0-canary.8135cc085.0":{"name":"@material/touch-target","version":"7.0.0-canary.8135cc085.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.8135cc085.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39c07eec9f672ca92a01e678b608a4dd7f16fb64","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.8135cc085.0.tgz","fileCount":13,"integrity":"sha512-zaxK/Dz20TVg1OvNeQ03+PxbF3V0wOPC5fDB6be1vdiobMB2XvaDeBq7ws5SZ5fjh7wFYPMj+w2NDboiQtI7Yw==","signatures":[{"sig":"MEQCIQCFMrxCBB2id95AbWZ1RS+tUyvSHLLaIvypTo+DMh50XAIfd5u2md7CmQEvXjFZvX2gqd0qimfvEfTqGyyH5NnMSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesxYBCRA9TVsSAnZWagAA95AP/24iWxvkfBKn3KCb7vRU\nBhPKCLlS+P51RQ5kgDP88V+l90pFeZo29G96nnbtYJAz+2z1LTqIdbhyWD7L\nX6bjvlRlGbIInoBUgsSYtGa5mvz1OUtp3LzmT5B+S9PGMi+/Vy5aLxw1gI3s\nO/020gCYgxqJXjPSgXgRwfVhUon6FYi3doQP7tfv032b7uqk96oCe5vpxDJz\nZ3hGoxAZItJGOsqMlvQUp2YzZ0RCHPlo1oDQYIXwmba4ZVlzZ3LnEHw06hHW\n+oAO/E4/ASxN4Y0U98YdBKm5eGNyqeSBDwyAceVXuuuYzSCoz8GRSSkC338F\nz14EikwIiegZJlfVTQ/XN8LGNh55fLQyDOLTfzCE8edu5BlZWlyGylBtLJCv\n0wP4S9HseWW6ugMeASrtdmQfya0cUU2JA/KQzynVhQY7EXU7caXcPiHKD+Fz\nTwtubnHj5LkvB5CLgF6/hBgdZNzWD4lELjdVcH70yVOBMf7DS6DnIJs06EZJ\nkQHL+sGeb6SGMupxTOJgAM6jNy5f/LhIaoPYf8JNloLqFk10UflG4bbN+lQ9\nl0Qmc0fxO3PR2p5NMieEHGoiOyKQzFn1lHNC49K9tuwuesUYAzr7MSbu8q3L\nZV1UpaAsF93EGbiDZKuweft7qqNtvTUPX9g/xEdnTWl5UBXtksPkujHvub1A\nXSLm\r\n=5Os4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"56422959574aba25d1461d4e7ebd168437ebf9a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.8135cc085.0","@material/feature-targeting":"7.0.0-canary.8135cc085.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.8135cc085.0_1588794881108_0.8560355740622008","host":"s3://npm-registry-packages"}},"7.0.0-canary.deb212de4.0":{"name":"@material/touch-target","version":"7.0.0-canary.deb212de4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.deb212de4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"646004fb9be951a8b1117f06c677bfd3a76c49f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.deb212de4.0.tgz","fileCount":13,"integrity":"sha512-cBA1xHCrRtJ2KrA58UiB0/9/JRFcZOzflfzZ9QiLwdFY5i44ZT/PlO2cgJ8ijo5epKrYYKaXreMJkJTuAZI+5g==","signatures":[{"sig":"MEUCIQDO20FPV+4rigTveecjUY4bdAK0y0PVal/C8x6ZAR+WLwIgCLmv2ioL9GoY8fqPUoJiayxyit5j1RIiaZiyzk6+JGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeszeqCRA9TVsSAnZWagAAVPUP/3mXCdY+i974VnqlMFhk\ni9GyAW7vZc1scaNjywQETMrqWuYwArD1fw6CPS6fQiv/QpycXp2XZTiv1Qyt\n6Ragq4J1L5bLQP246Sq9BtDmz3qPcTkGCjEk00b+xm5kak7Gs+xtGTx8WGJx\nA/k1RjrIB0c/kNAovyYWiqkyg76MAhKW9ObrRHRi0Pvf5CgY1trmivQV+/P8\nWFbbN0e0KfokED7HCmtFm0c45WNBO72RFDSuxGNcKeQdDsHVI1pJQgHC3J3v\nRsM27RbVTXlGdqrr1JqLOE8yaYSktCSSMIZmLF9tOnP/7h32dbbKCONXqLaR\nfLfpmud7s1E1f4hcTzaq6mJVfu56mFdFl0ZWaOhaPlalTgyXv7xQ+c8YWftw\nSIalHwFPQS2UGCvD5z8lYbABwutUKa1+S2Y5JrteViKg9LAqaz6a8SMYbFq0\n7FcwfNbwX21OHGSU7WVA/mH65hSwqbqiItf33qFug52NbPSbSQgs4ey1e+xO\nRJ9mDYfjkbNnViFU6++r/YKJyVNwR7TxML7KYSPZiapnf5jFbyXEQdL1b1mZ\nbGKXai7/j0JJxFWR/9mO+UFLNDxJL7RMzdy/+VE3bfgF3l5jm4777akNQM7h\nYHkMgXvsh+nJeosfk2nIOGMGj04C1xQUiiWdDyHiVzUow7u4GOo/aqsvaDGb\naUEi\r\n=QVis\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fe9c146f82589e5f1c471dbb4986ed6b3a7caf54","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.deb212de4.0","@material/feature-targeting":"7.0.0-canary.deb212de4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.deb212de4.0_1588803498336_0.5277776777604575","host":"s3://npm-registry-packages"}},"7.0.0-canary.f83e00898.0":{"name":"@material/touch-target","version":"7.0.0-canary.f83e00898.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.f83e00898.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"da25dd2ec4c9bcf14f31b156fd52529c93ee9222","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.f83e00898.0.tgz","fileCount":13,"integrity":"sha512-oaEjV+Tp1rgRKih0q7BLyGkqXv7YhQ0jqj9yLWf6MjzpDomcthwuhu1E3SbzjqTD94bNkPlq1478tm2obDkySQ==","signatures":[{"sig":"MEQCIDQw0qmCY957XPRFUnHPcKs+HwpKiqx3ff/DhDxqr3spAiBo7YRbt05j276mJLHOdK7Y2JWetoQfaWPwJCyWcHIeHg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetDwCCRA9TVsSAnZWagAA+H4P/0qPqxfdzaGz7MmrWb5X\nkDll3BDxdXG7krv909VV20H/whq60o49nne2sLtrrU1iGl3Wo5dYpKl1KlG1\njYkNVZN8KoxWepHWFyJ6Jn7PprPmOGVR8HYl9YiBwu+vUYvPC9oKOucXSlIc\nRCA3LHGk/Jc144pam4OR9GehRgKNPP120Jb56IqvWF8Lh6DLbp5+1PTRfey/\nttvE1OdfBysezOvPGIbJBMbV/VEcROSlRmts+80cpGo22gBkBHNi516RmVyy\nQ9M9xbtYhs1JKiqa8PIHyaKMuAINNJoK0iJ3qPCvEJTvTBKseKCfg8bxZlkR\nsugcvXgddTDPG6GFRXOPg12/ETRDm07ioVNcvn7OGiO6th5TYIsnWy6kmf3t\nTjZCgeFxkWQodgXk4rwInUcMOAvpRFA5L4iFoEIE2znJIAHqc9MJnDz62xDj\nim/TswSFMZAsJqkKnC/U29RkK8+4O3hXlWcW+nrkbHSRIxm8r7H7iiDC54GQ\nX37wccmLZpQqmztHLrsxguCOQbOZOFwzKk/f1kIWIsueOSA7pludWDuliPbf\nh5tyx+J6ZEA/pZYcNQsQKdaYUqPtU7BLzI98NQyUxQCdW7DzE9Zh1alR7Dxd\nKY1P/X2FWuq8axHtc5yheawcZ5s6M413ovdtjz0WWaarUpYcr3pVc0yd5/7h\nZ8Zm\r\n=8DLw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"02060afc2f5dcb762e9083970f865f1c714a38f3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.f83e00898.0","@material/feature-targeting":"7.0.0-canary.f83e00898.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.f83e00898.0_1588870145647_0.7439001941129249","host":"s3://npm-registry-packages"}},"7.0.0-canary.047e6b337.0":{"name":"@material/touch-target","version":"7.0.0-canary.047e6b337.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.047e6b337.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca733a40aa5cd8e1689f204e5b93d3d9e70728a8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.047e6b337.0.tgz","fileCount":13,"integrity":"sha512-cTnLSIZccMy/kwL71vyswNXhJkMP0laLzCqppVElgyq8uKeCk1xvx0rdtykvZwpwLClb+qsy74QBh6V43fPfFQ==","signatures":[{"sig":"MEUCIQCr8SaR5wKludNM0zwcLJY4LW3VxZLtP6FTqDGRvh6bAgIgYUUlj87pLnub4+OJiyj24JKbORTZnwt7H2cQmJBztDM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetacICRA9TVsSAnZWagAA6hkP/jcoFpK01J7h4saGAI/h\npcS6WP+GbtMwn77L5kcxJroIcF4YLnu7iI8Wmbfgkt3bm96wkOkwd/LkpgvO\nDUauMhzcKiEANbjyb6+IElM3MugrRsIdI5T12rFISA621tQYsKz5SE0KTIfC\nw5wB5l3wpTP+y4EWUfMIMr3/L6rZf1aIJx6Rq+fnc1+fRHzQX0hASHOghh3r\nG4EVwYW+YgM349ha0qJkJgIHLW4io3PpNelWInQUS/HW9IMm8JpqugCw845J\nlgjk6yux+NkPciR37ckz2qhAeiaDWXcRio3uqJLYop7D55PFPsNt1JMSk9NM\nBc2W/jkKiunKpduY3n48bFt3RWSIOtNmvsHT+EW5Dqw2ufX8czfRcC+dOEez\nbZedIxMCA8uXuDCW5gsWRKCayNytEvwzHP9ghXgzDwtc1Ko5skmKVqYRq9sz\nPWDvAvRSlshQ9/8AlCYVv8pg8ZRZgx+z2tJNUY112VrAvkY5WnUuOmngtlZg\ngA3cZh7C5MqrYHxqyP4nh1wC45L3iWhO8lQJ5NDddFVK6AUUhto0qPr0shZd\nJKJxGUliRrDCX0mG8+KwZMd9HQNfUA8r6+zGjSxsptKALXKlF1dYBA0IwzXg\ndclhE9uRSzuexxGXSHPCKAiVcyoQ6CLR9/KoWWpjHgWkIjrmo2owXZt8X1fa\nu+mk\r\n=YDiH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2be3b5993e14d0bddf55fdb157837e5593ca217a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.047e6b337.0","@material/feature-targeting":"7.0.0-canary.047e6b337.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.047e6b337.0_1588963080532_0.7648770319904157","host":"s3://npm-registry-packages"}},"7.0.0-canary.119e21426.0":{"name":"@material/touch-target","version":"7.0.0-canary.119e21426.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.119e21426.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a1d5132c3ec05f0e644bfe146b6ade8f6d5318b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.119e21426.0.tgz","fileCount":13,"integrity":"sha512-EJ/LF7KQobZh1u5mMraSOetTATdiOasnzGSgaX7Dc/NS1BGNEdtZ/bHa6Tpyn8Z73Lc3zmUwwr6sfOF9CavV8g==","signatures":[{"sig":"MEUCIFdtK4d7/tYU1ipSK3mEx7yTU3/eQbSYbqkltnhSmdzuAiEAsXWNo1Xe37mo8iLy88ENMTs5ct2vwUrOBmmWpIxzxXQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetb9oCRA9TVsSAnZWagAAbV0QAIaOM0BKte4OkyCwh4iM\nAKT6xySyb/DLmT8pn3Lb60cxchswI5v8JQRnmKWGNphGPTmX3KYGtRret2Dt\n92Mo9YjztS94MGANjTjpz3USmVMsyCexLrD2O3eQlc9hm8B1VsXRd39OUjts\nFRhVoFrH86lR39LVEU9/DvTPkNQ+X29dNdPyiIABnzhnzmRPsKc1D6VE490d\ngVGbp9IQpUgGRxgVHS0tlvxOweYgMgcPS0WjqrPjOC2cGt98hqReOND/M9TN\nheEJyCtPBJfK75M9T3ZWXnRpUwji7EM8LwxfrSktfy577Bx0F54kJsA0aqmV\nRsEmXe63lktqJySJasIdoMvcs0eUD6UqtnWbLvbZx+pGKrsfvK1gaPqy5FpL\nvPM+IxL+OZWxcIBly70/s/UJ2ZhDB2n1NLtrhuPdsa/V9gsUsamwkZFbChW1\ndUZCx4W9ubTWj5TebdKhvbrgO6CrntLyeAcN+qYVjeNEu/rsw6ZvcCkyV87x\nWBuPg+78sa+j+1S6yLokWMmV5xPqZHBasN/cn22hG5LwFKC4Q4DxiwTtP03B\nKuagSSBU8qwTVHypedrC1xSjjEymKVzyaMshihlHLjBBFSCNVhgt806Jh8es\nr4i730xU35hZT3k5mdGNo64up7BwE5OHNh7BzTJHkAKh7PBQZTDvpWaIfspj\ngoQ9\r\n=agpW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"693ba4159b1a25af6955ffb1ce0555d7a989aba9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.119e21426.0","@material/feature-targeting":"7.0.0-canary.119e21426.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.119e21426.0_1588969319739_0.708144236338228","host":"s3://npm-registry-packages"}},"7.0.0-canary.2f052d824.0":{"name":"@material/touch-target","version":"7.0.0-canary.2f052d824.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.2f052d824.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e1320253ff4d97bacdb11a7d2e106495628734b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.2f052d824.0.tgz","fileCount":13,"integrity":"sha512-Fgb+LLAtskV5ql7+qwD3s5JvMgLci/aGQpuAzeDBY6QK9JE5UOJl/BRe6OG8GzITWiAUJInVurujk6x+Y3X/6w==","signatures":[{"sig":"MEQCIG4XyBSlUhdoWWBeBNL7UnyAMzGeId528fD34+ZLITlDAiBx6PnFX8Eu1u4dQgo14N8GbdGcdGlGUhYUPljS07pklg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetcnmCRA9TVsSAnZWagAAMGwP/jdZI3kOxiO/dOroL5M6\ntAyLp7db9hnAMDqxldUkimax9rNsSPWbzcu5m3wbkewwzJy8u/FxdkDVYWDR\ndN5z1UX+8MthadrOp1oo2WTgkjesdbloTqEwSXHv0YuT1etuey6c8ZJSo7ON\nc3QpEe2Ej9ElMxuoxTx92WF7tUWfHfnQISG9JGwoPLciJIvY0TAWz2mPydvG\nuN0q9yNvkkPwgcoUc+tTGwuokb6IbxpJ3IP+bnPB4yNf94Rdt8le614Q7dTS\n0BX6rU6jVXIwX+UX7lv2rNu5iQGyJ+GMJiQg90/EAgElhScz8q/VowGlVRgf\npJ3PseypKFVJ8h+OJ8xtAZx8Hsda0Y9j6nyGtufalWLLpRPgBfLVt/7EM2Zh\nhVFnnQrbz9PjVqP8/ArS6Q7zCL45yrXT2YiPzhE5fT7L6GzZ30agXQJURa38\n9Y1xCtRtah2pphl6/OUAju6z0r/T+aH93oFKKbZKIP8gyRATjz3kQTFTe86H\nN8WQ9r6qJ7Q7qr8g8u6iuyHtvLhShIhtZK5iwMMalVxxmQ6U2WaCUJBBip0Y\n56D6KBlQ/Tl6CZs5fthLNYfBhKV+70GWt3h6kidlIFp43SLwWXKHrKfHU28J\n97GYxKeSMXTaTr6XnQWV4IDJsuFbyDMoafLb+Z8YOsD23jV7Nqki7aJilMxy\nPlDG\r\n=GTjY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e3bfb78e98db35607ba75f333490d9693f14e844","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.2f052d824.0","@material/feature-targeting":"7.0.0-canary.2f052d824.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.2f052d824.0_1588972006236_0.3138695494426924","host":"s3://npm-registry-packages"}},"7.0.0-canary.e84444387.0":{"name":"@material/touch-target","version":"7.0.0-canary.e84444387.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.e84444387.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b6cc3b037e7d7bf806e67cb3ba1e22e4dfd4459","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.e84444387.0.tgz","fileCount":13,"integrity":"sha512-nYvRNleUKuP4QvR7v+JAMjju/fG1VeIZhYPuczO1+HYROp0rCIiY4hcgvnwlVD5Sej1PFXQdn+WLBEfIYAh4fg==","signatures":[{"sig":"MEQCIDrUWuzqD5MNZr23A8FVCrTcuBW+ZrxGZJ2h7CNlIXmOAiAV+/VkoagJZA4ZQqIT4Ao6aqZtbT1EfFZHNQRzcKomCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetc+dCRA9TVsSAnZWagAAkbUP/06w5IpEAJR4j5k02FNW\nbzac0U8xPHvkgsg4h8p06Nzbhu67g0CFxT3wuaD9YJUB63T0ODm+78/IHEfT\nQvd7z22wGHGnCD5ISVcFgJY4rNgaU8bbOL/lk9QraFwV5srvHm4Dm/CrRB0C\n7Noo5cnsz43br6GZjIvwouRyMv7bMThQ0Dk2Odyr8h1RGs4tHSnR+VfQi/o9\nbTAT88TMaf39TTw+nUeesLHTrk0kQI1cgH55ItmLnepoTwWvuG87eDlk9de9\nhQDLmH4sfqwMYmdRCLcTUgIYgwERl+I/fZ8QXbx+189RDhewYByeU69hGW3A\nDcI5yqU3wblmAYtv6Qm4UJu4XI3iaZiukRlxL2K/RWnyKWBeproJj5QTvxp3\noZaQsfci8hgcXupkBfTyesr8O2L7c6g47p2hKT9sUIuUsxLv5v9j3PgZV/d7\n4x+GLTvOGg9i6Or1S17hsdV0i3CQ9luPTNmWi9LGOGr0DhtFn0dNM7yi6WuD\nkhcwFI44+JxqbHBzaR7Wku9eFyHFBGnJU9VVGNLGV7UATcfWzQNd4Cc5wvyY\ntV76URzLUer0p4KlyAlG6wv1i9qUEjRakQgrNzj1f2Jat3YUBunb28+zI79v\nLdZ72b6slB3Ev/xm11YfFie1Z41/kcZ+gMxlNxtvTrOltrQhLDe/ISdDOb3D\n06yp\r\n=lEbL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"35f59683bcff8d7b2e79ea4f582488d0d86b0b97","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.e84444387.0","@material/feature-targeting":"7.0.0-canary.e84444387.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.e84444387.0_1588973469165_0.5492360581865232","host":"s3://npm-registry-packages"}},"7.0.0-canary.893eb1876.0":{"name":"@material/touch-target","version":"7.0.0-canary.893eb1876.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.893eb1876.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6f45928a23507b991cbcb58c88c961af6a8f185d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.893eb1876.0.tgz","fileCount":13,"integrity":"sha512-hH2AJeq19BoqReQ/YUuDnpmjnO6W+t/o6EYRJ8rN16VfFcsqtsNLqKK4ajeDNdvYnmHN2y6gw7vlX+JYc4ONRQ==","signatures":[{"sig":"MEYCIQC2AM2nrtF31jitZ5AL9YlhCs3Tp0AM3fmnBxGk8CJwIQIhAIBtRUJ//HQniodivfGCxk5Z4lxVLOXDrLxRI4WpmpRn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuV1SCRA9TVsSAnZWagAAQ1oQAI4McTdHpj7IFaYCcjkJ\nUxRuMS5NSHkScR+5uapPGmqpFHYgCM6yNnQT3AekJW99ZZp1K/GRgvquE75H\nKRPyJMM7eiXm+Mq8rxhcJI5qFSrMlZsH4CJRaPuyQyY+qs5aXPIkKamkm5PA\nEjOfc5rohd4qD7RuQ9QPxGbJSyAZAdIkeU240KcgFbbVyc8Py2usLXABTLAP\nDtegDGXO12ldB5yT/R5ZIKp6ZXfteFytFLbxdV4PGHjYKYuRp9nGI8goRezK\nVlrOKWDeLvZfCgzBWDnk3qH1OIExonZnBoo3EATj0ngYquVE4qkVWzGWHy5a\n8jK5upZVNDrEFdoU9iRpIEZ4vwU8r7lpgSN2iR+kYGqPvWx9rn6Pt6tczEvw\neI+E91NVOrVxKlcTSTkUXLJe9Fy4QaonOsbq4GQimLxyF+I70NOrlOLUvrUA\nntnapr9KDKL7Ffww56iRIale4t2DAUr545482jWw69WGa2BQyQcLaHa246F7\naVkz3T/Ci+N9v2Dm9oV23AA54Dba+M0i7YJF6+2yaBOpn7JWp9lNt9UQCBj+\nc1U1lilZnZWFXYUvl4SWJMHInzjxAtXhwdqHTRAuEPft0ZgqJ/mdaPvqq9Uo\nMPXzZcGatiblUJL5zstszw2KPI0D6T9DKoegyNnSUSsOsaFZIsw+NuBUHlwr\nl8i8\r\n=6J5S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4bf9fb733753ef4cba5683a95a2f2a71a743a68e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.893eb1876.0","@material/feature-targeting":"7.0.0-canary.893eb1876.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.893eb1876.0_1589206354199_0.5763236141070895","host":"s3://npm-registry-packages"}},"7.0.0-canary.a5aeb3001.0":{"name":"@material/touch-target","version":"7.0.0-canary.a5aeb3001.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.a5aeb3001.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8eeca06b12361957cf8229b5a9c98b8f5efa0223","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.a5aeb3001.0.tgz","fileCount":13,"integrity":"sha512-7JzXPXsQTzskhnevDSLzJLzqE8BWFK0GaPD8kXarorNmOsxRqCk+EvRLklXOoMUnqG0IuQ3fxF8AjX9BPQ9ZeQ==","signatures":[{"sig":"MEUCIQDtL/j2At/Cl5n6EfRXXPMyBsdzg7KXZF3mR6+HzQQA/wIgBvCilD7E6JJyNR+lnmz5xobG06sBEBbec83D8DPeKYA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuWEICRA9TVsSAnZWagAAx3kP/Arqtmj4h6WqvEgeBsSk\n9SKW3kX7PpJ2B6i7qc4BMFvGNX4fPlkBRi7JuVqZEsyH69hXiqTr+BMEAd/i\nL0Yv1KaYJ8mjwuUXstQsDkU0zYs119V+J2TcR5WSiuIkVEfhkQcQiYlRKgDI\nWUqmB05KVjLUkQNh3dNiCZC9gIyVGqv5Vsc2KAeHJo5CyUcb11m4IVkZ08Pz\nNLg3UNw8x2sDzHk7cuZ0cJXv3mQkcO6uQy6dj9GjSEhLRSHHlT/6tGkOz9vY\n2AQUfUzFk1p2Wa1rzN4184YygplNZl1URCHekunAf/Jv+FH6Q5x4lh4hOXHY\npclCP1wRdJuCuaNRvDbBxFIIz3WQDhKGinKvloqXize12LDjpIK4SHWeOzRP\nAhIbUkC4Z9QbmYNyZh6z9FuOMPp2grz/eTfd20fN2yylsyJlYYSIf9wWMPFz\nqRtgBBk4yfoHCmjEoyJU/+VVf4J71sIxanV2+NC9o5MJXVzom3PxFutlD65W\nasD9QhF7gPJNpqGZhKmKt6RBcJ30hfPb0Dpcyi3RaviJT4APuARGAXoZaf1K\nC3Boy0tWBTyos5uDs2OS14B9wXXxJVA8FkJ9JIkR85coGTIJhM+BW9z+O2ap\nGnXx8oPgdWeCiQrSHqrSmR4AOrZ15aR16KE6sAV2o9TCGYf7Icg4DrQ+A+Xk\nETb0\r\n=yopZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"01ce640dffe32b7838dec108ffb4d0c40d3e7bc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.a5aeb3001.0","@material/feature-targeting":"7.0.0-canary.a5aeb3001.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.a5aeb3001.0_1589207304115_0.42856011931067495","host":"s3://npm-registry-packages"}},"7.0.0-canary.610c68d97.0":{"name":"@material/touch-target","version":"7.0.0-canary.610c68d97.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.610c68d97.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e8ee8b942a7e8dd1781be508419fc80c31d30e03","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.610c68d97.0.tgz","fileCount":13,"integrity":"sha512-BIxlyCRmzA4xdI4ryxmVxabO1aYQDn7ArMUMtoKfdLW7WE2N9I94Ix6Fx8T84lPBRbqh51TwYHz9RHsE8uymZQ==","signatures":[{"sig":"MEQCIB+M3CVFcoEA+kOB9Uo47cu2P5Lqqcyc9ZlJiyPXwswOAiBuzxSsEq6GynJV2bUroXy1Xp/g+EWxuaTu4c0efDEvmQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuagwCRA9TVsSAnZWagAAD4UP/3iZCKi36IZl0brs09AO\nOpVvFX6LU76cHmpj8wp4/tANyrk3GMMU75Q/5OnccIJXDNsAa5GxmI/Wsm+1\n6kAhsostl8D9wYCos3vOn5NjMwiY4Mzd6yUApSPNcV8GmA+3aN7srG15bb49\nRQJ4RVziPUIOE6JfxsmggKoy3icOubOhWWOAXmVlEfE2e31OxFJbQRrGnTBI\nF21woGrGb/jfQCJEJjSEaFsBenLWKerAEFXqTB4/pFaJCoaIIVQ+iESqgOct\niDx6gCfQKMuztAE/Qt3Y4DKnvW65UWyXfaEK5w/usDVLBpElz9wJc6YUuDsc\naLVtBlrpJ1N5mSYaUKJnTAut2tOJ4/DnfrOVUqO2qlZ6t6ynb9UhzCIW2Ocr\ncLJUoqvwVubSMe1IcBrSCsVICxJ5qJCtQgxgiqzN20eeQpFkQSiY2INfHkoN\nZztFKJ4X+2KriH5A3QPxekfPbKMUWFoFRp+ENryoPQJh+MliRMjwpqMq6r7Y\nL39J5wmDrO34c8j6/5P7eqK0E+97bJuM1ceqFv8pDaI5eoMHIYhAl4ndFHJf\nUDKL++0DzumP2N4mTtpES5UbLWM7ZMLzqHrvmfHCA25XASlIkMfYWWCm0DWE\nVNLUd/M/kZUiQL7KT0Z5dfHilei2VZW+BtQQdxqvHEHIhDuhF5YusKzTECMu\nBzKa\r\n=NOEI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ac4b0339093446110cc551732ef34ba30b4f4a49","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.610c68d97.0","@material/feature-targeting":"7.0.0-canary.610c68d97.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.610c68d97.0_1589225519692_0.05550268754219512","host":"s3://npm-registry-packages"}},"7.0.0-canary.ed52af767.0":{"name":"@material/touch-target","version":"7.0.0-canary.ed52af767.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.ed52af767.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"535becad7b26679bcf851326781ba4281ac21723","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.ed52af767.0.tgz","fileCount":13,"integrity":"sha512-odKj3pKVcR4lSiQ8Uw93VhuTOufI9iVTkwLv7OVWuiXUZIb5dzl1s8p9G6p6gEDnyiikrwIMyy+nfEkVcMXowg==","signatures":[{"sig":"MEUCIFJct60p2Jb0mWUS5hy7UGJKXXOSyrRhd4em3xXZLplzAiEA2E36JZ3Tss15aBaYioAzDFytzv7gm7ZuRlirpkE/MoM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeubUHCRA9TVsSAnZWagAAV+IQAJU+K1FVA5QW8H8re3r0\nCcRJQMQsESSKfvmLPMDXM2LQNrYMenReC74hWNkNZM+AR5yIMxO2wcE9lrzQ\n35th3GxxPQ22p+pwEH+YOnrbnEGVK+JZP6l7TH6Xum6WH97vDRNWyfxhjVwD\nuwkUg+V8zgcQgfaib2IKBwGd53dAgcP+xdM6iBFyLVYNLARE0XF4NLKJtRgx\nDfH/DCbHENxnk1pGU2/58yEaKetjeX6tGdJuMJHkEJ3whHuaNj1W8a7rZkJW\nUY1SGUvEjxdHuYq9ILpt+GXcOslupD7BuqAaAjOjkx0LLJXW+C45N6w4UP+3\nukvETTwUJlkuHYxBSW1ttDT2lVsrPOqu+wzl+6k2aB4nqvbUrvKnQ9hPWA3p\nP/86H10jBPsy6jjmawq8ClYKVQqt6PLsN+2o75tdgu6SstjtfYbRUO7XbgbZ\nFmsKrwlT8fQoIb7MPvjYEmkbpWqie5roa4z1RSTw1nLPhyFDcxpHNKJB0alq\nlnpe50AsegQgOPYalzlDMqVOm4YhcE1Wsbn8R4OkhFhwCRbczbwwR+YqZ6VO\nuCG1HUdZY+ebIcLe4QrD6nu+eU7Vx9LezHmcVfP/0i0N0y+VartUodCAip83\n9ssoArxfQVc4qOoTHy3PFmKzhRMwQD39AZGuDiv/utsk0qmal0SI8n/MHXJb\nzRG2\r\n=n3Im\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"06b24ff740d1a29e8764ec98f735b6fef77dc5dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.ed52af767.0","@material/feature-targeting":"7.0.0-canary.ed52af767.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.ed52af767.0_1589228806425_0.6795673017567077","host":"s3://npm-registry-packages"}},"7.0.0-canary.058cfd23c.0":{"name":"@material/touch-target","version":"7.0.0-canary.058cfd23c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.058cfd23c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e1dc000ac4ea2fcbfe01bb7474d5faff0ec2b7c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.058cfd23c.0.tgz","fileCount":13,"integrity":"sha512-0M7SdBW4Ou4KEs7a+RKDbwX94kXflPBmK7Lit7BeEF6TTjcIRzFvJRgz7wie5xB8gqKkRDL/tUWzFFrejOltdw==","signatures":[{"sig":"MEQCIF6l3gj3WHE9svDXQyVnSvOBs4vJ8aR3B0E5Ldj235csAiB5fmC/547ydZoi/ht4Z1a0PtWot1eyDDW2dNMAwt4EMg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeucKaCRA9TVsSAnZWagAAZx8P/j84sV1DrdKKChklUUr1\nZ3t9vu2/VmomYg8lm+V7YQI58N9xqJ0DOW19kumu3oP/oUuOYZy5ufxgCIpi\n9cTYfwjVmv0mdL5Z56zsZyMQESNUIIeNAtzwwl+iZOf9h3XGKZSCHSTgSJVD\nXb0le5Pd86MBhDgykabQlocEgIvcR1QQ/b2FeyOw56QfJOfmwVcM/Bj6Uztb\nB8EFE4TpYd4X1anctEbU2Q+SJ2EY3GXQbvg9Mp4oFkI5ljPnZw0YadPCFhp6\n2qmSdRy0l/n6eBCTKB3VpPJ976tE8cJghLGGEPLxwCNLRD5L4im2n2NKpXRP\ngUfdFMargoPDEbzW0m0K3hPXHeEYzzS55n22tjhjqh22rSm+boqbtzBwBakN\nCofJHLJ2UHa4JyAdsrx48MWRSXUwj9iotoNDg3OD4b976VgHvGST0jy1L1hP\nfzLBpt9AbXJXCMlHHWcv7jEwfmG0relxiPH1ipDQsaornZcgf40ZUrHGOCyJ\nz8Vl3rdGKWuLSeRHLCpgHM5wTPNLc6bUUR7I5N9n8s2mXBVRM6BYkTzOS4EH\nXhKMsVDQrILq2+M58rYaH9oLnH4g3FYfopOuJgH2aztNuznKIVjST6acOggb\ngB9VLQALpzu06jWqbq6nz1rtDyFnuE+GNBbXnCNj9Yb9Q11qlCFDJqndq3aB\n+S7f\r\n=rfnY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e012af26b00c720a751210639bef8379d1085234","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.058cfd23c.0","@material/feature-targeting":"7.0.0-canary.058cfd23c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.058cfd23c.0_1589232281819_0.29038103264738724","host":"s3://npm-registry-packages"}},"7.0.0-canary.0a371b4fe.0":{"name":"@material/touch-target","version":"7.0.0-canary.0a371b4fe.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.0a371b4fe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1da9ec5099c22d15957f5c7a7095c52ca3f145b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.0a371b4fe.0.tgz","fileCount":13,"integrity":"sha512-4QXDTnpmCPs2WD+wJFXMbveQqZShrtK82/PF+VeMv4g830w8hVdge/BRLY5khpiQ95CK7Pv/M5HdHbS/bavdyg==","signatures":[{"sig":"MEUCIAOk/OZCvKvkTU121yUy2v+GbMVjm5/xqgVdqvOn/F+uAiEAyiEmlAGSWyxXMSvrmC3vqBqAJWENdtI6iHTQ8Ondp2E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuy6SCRA9TVsSAnZWagAAH4IP/0hifK9r2n1/decX4JKB\nBAAJ8cg68SieqnIR4WRH0NeQIgvXcOTavYXhvRGmDRfKGDjaTVBXTud0mDpN\n/ukZTT/yd0GdmLAvPrUauNX8/Yqx6etF29gsFaZTUxwzlq6CbI55KgEvE12Z\nPECRAlNA7euThZbRFXArz4vnA0yGyfzTBucsPWi2nq3eiU5hD93A4UuqGmfF\npW+u3kDYXcJntUt7SaVGVZtV41+syCvvZnDJxRpThfZSOYuoDObrARHjKgfW\nkHXF2dxZDm8D0a1r6jhROgFjso5L7B+korCgnqQ+m6YGvnXQkbdZTAQQwTG+\nFgDRCNAORBPoYxSsyImT0tdwZJuBc/auf5aVghXv5bUo4Eu7QE8lvewAMDl0\nhZpkiY5GwFiQPnlhI2VHXdLfAz2swd092HVc8ej16eOn70oan56HK+mzy+yn\nZtQcIjyxmKlwCYCgYOyyQ8+GJamrHAFPAYMBpauPfoIC/c/q3QwRLZ0q+8u3\nY5BSeD6jK9QHEHcGGVVQOafitrVz8F2KiewwnRixOYLNT3H2hOgGJzyi9vu6\nAsDZB0YXM9S+kUqGUhFAT82j+sPyZEwi65MYjhnh3kDn4zWB6fU3VW7xMjsM\n24iHVCOQauvWkEvfUZucw5qp6YVmdwPtaRpwRt4NGjyZqbm/CQ/G+LGF3Qje\n5VIH\r\n=Dm/5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c3c5efa159a3a5dd1da72a8e4e94015fb7984f7b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.0a371b4fe.0","@material/feature-targeting":"7.0.0-canary.0a371b4fe.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.0a371b4fe.0_1589325457602_0.652397543729722","host":"s3://npm-registry-packages"}},"7.0.0-canary.2139200b3.0":{"name":"@material/touch-target","version":"7.0.0-canary.2139200b3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.2139200b3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"36e48e3e946cfbb6675009de706401db8e541baf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.2139200b3.0.tgz","fileCount":13,"integrity":"sha512-FlqNnP3uVPCFxLur8O6il+oDA+p0ELjwqZ5MddbrDxefJ0sK1+jOPHhFrXbQZ5JfLiSlm7gMAwQhO4ICFUoJhw==","signatures":[{"sig":"MEUCIQDZET1cU5hnLCONO2XZU/9YgjsGzH0/j/BBBThnFhVV9AIgFQR9geIEfU4JNVbR5bgemtqep+fbi82dnjEvBgGrIXg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevAhWCRA9TVsSAnZWagAAqsgP/1Wk7TLITqJAjoy/XmVE\nFn9HPZ7PPRqlcLFDFcSGI3VKSBka9OqIFzKRhGRWh8AzHkiiTP0X+bvo3f5W\nid1MTmFA8upv3ZBKdMFjPzugI7/MfwXStKjmFABG6IRX7Cm4aPekqaloQ2bq\nZbY2T7Pj7ZXRr5k0bcBPFy1uHL7arZ1OkBdjgRRoRwakjMAbfEqB1D21A231\nWfHdXm7Oguxuy6zMCwJ5HTGBrEX4gHkKgQ1yOUOpNwfLEohvTNDaa32oeZrw\nrP83t7sAK+G4nzSxrAivT9TflAw/sWNJkEdD0f9L4fqP/ZmTIRlka33mSZq0\nY0NJGepiw9ccH2PgTnSkFNM9++zmAFyM1OQr11ILWq+UwkQgASwI3WjwsuJ/\njba3fVM9pwUlZ9g5yZpY6fsC6yaSEiZ1aLmjVZP4xUiChLyMDzsF/6zY7it5\nyl2/EgxUC4GuEs+lig4z7gBu93hvGpr2/0MMC1dKoWbyqFm4hUB66LU600JT\nOafmPvB412kwzxo/zxkO1cQhem9DCYoic+RBX114MBVRVHCyOHiqA4ZQ5mlP\nhyDobEnJtnKNf7KNNKz2OENidaBN8i/3XytuV+GM66xzKy4DGTlFQ6IDDion\nqbC/43gW+DbpfTqn9S+ZL2Zkun22VH98MopHuS336xD6CK0hb7zaW9J/9ixH\nA9KM\r\n=oyEg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"42c214d2b2b544f76002d71be276eb747a69d9d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.2139200b3.0","@material/feature-targeting":"7.0.0-canary.2139200b3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.2139200b3.0_1589381206104_0.20082193548153926","host":"s3://npm-registry-packages"}},"7.0.0-canary.744d751a0.0":{"name":"@material/touch-target","version":"7.0.0-canary.744d751a0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.744d751a0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a6e8d1738f1824f11b6f9f806e3758ad5ff1b7b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.744d751a0.0.tgz","fileCount":13,"integrity":"sha512-I5Cfleo/fHG4jPzT3khKIwUDEvoDp9mOI1mA95zq0N+5pINYASfcmaMUwvb2qTWohPLLIekPiYxQ+y0usW5JqQ==","signatures":[{"sig":"MEQCIHHubmqxgSjZ78n9e3u3OHy+k63x8HpAySqatzHTDx4kAiAo9qxL6i6BNf7tp2axm3vf3dmXOnkKJAj28Tsf97HCsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevMwvCRA9TVsSAnZWagAAw0kQAKCgmHfe1lV2Ze4lLY6d\ngcY86dpag+B0xx+6qahnoWj101xnwQJFruzC3HLxXvdMHs4JUdOVhL9aUJkY\niHsb+hU3ilLg898IlmC/UqYW8fhErJV49OxEqSOg8IR0GmDZK0cRSgyebGye\nyft+dN0ZMiQH6bWjBc7qNAo/ZcUAcHwjOjlHKN0+zWRnK/kPkfBIKdUNKs9c\n+YDZHJH566CiPM9APht3hpTfjG9kf0hRoszU2AM/wGym6mr2JanprvK70Lo3\n74F8lkI0aSv3kpUoFMWtsagsPW6R1luLCP8a/ujcjhQxnzZtRUclBMtCaYbF\nkBaf575nMrvCkD2E8G8oT1H7s3QWHkgY41HICtIm6kd8VXRgFjORLQzxZAVw\nhE8eFllzubGq4zc/RfcEY3JbdPXDXI6/1H4s840h/w5ihrUqY8Qd/RONGTJe\np5qOlvr6toiOw9IH0E9o2hAGZa6zZkAZ3jBTwXZ8PoLmvKsA2e8bzdy4ZFLj\nwqJmxOht/HDTtVtAeOHWGUI+iZpJmjJzG/XGBl+vLvNnSOBLP8UmesnoHLRl\nKKJAlevsLbRZwucJlggHNY9kKkXIebTP4upbgjUFTvk2iMaLbXQEAdBakOHj\nLKIhwFa3rIev0pMd+Vf/pAHe0RXBXAmdJPcT2OOzw6uHQ45TqRcwUTlbBDGb\nZgWK\r\n=Qm2B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"afc5bacf5330bcdbe874e652a8d6df5e4a35e7c8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.744d751a0.0","@material/feature-targeting":"7.0.0-canary.744d751a0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.744d751a0.0_1589431342428_0.36094487443577306","host":"s3://npm-registry-packages"}},"7.0.0-canary.ad0c0c103.0":{"name":"@material/touch-target","version":"7.0.0-canary.ad0c0c103.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.ad0c0c103.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19804b14ca9b25aa920972bb5c5c2a311719e0af","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.ad0c0c103.0.tgz","fileCount":13,"integrity":"sha512-ucik/Ciy04Orum+H7qOHii6k2TPtQ4AHoYQuaSqoQnSz+PkKIXBcLzEp943Ym5proETZfs7n5iW28ajtKBI7eQ==","signatures":[{"sig":"MEYCIQCPuYaJTURiXO1RWmLoRv0vX1wTigtf1H+MQVqsPQ327wIhAP0OUxJwAjGVe2AcnFlcvF60KnNouuSzyt/UmfA4bApJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevVrWCRA9TVsSAnZWagAAHioP/An2Ds2PyyJDoUQI3Y3g\nNJxspeCr4YIHUuw8s+D30Kb9U70ArhQwJ6ZWUah45wBwQmjWLD7Jf1oPC+uy\nhGk67xpuBtz9IsrnU54E9DPTS/H5N76Tzf0AKUsqkAPYCMgWWwEajzxMiu9z\nAYTZAjIaA+5oEz0gLaRRIZX3nVwcRvSxaNfiPSyahbDPgyUaZtYwf3+fI9WT\nk+rqqVDW54hUvaagev0NClSin0s3IOIPZkagA92iVJHUNbOPizQ9vEHyN0iz\nQ+unAvfpwHQpWeNWBLdIQbkNhDMHLuEwFqkHlKXO3tpJJykh0md3TIWL9wKd\nVp5FbQvv83srpWD+EDH77JZ3HmUzmrG+FY5HO8yZ7Wxu5dvks0xqvZrO0PeK\nO0Xqy6glR2tNbQv+Rzyu0r9GVL5iGO9KEJhFgqSqCroari1lbaRbhL4XE0ca\nFexrMUMMiMdI+IuqUsUJjkrTDxo14r1iWTSPJEjJKv6E+/GmXiaEYHh0Ap3J\nBKnjfMwWeQpUsY96rk6s3e6YhzTrf4yoS0vfy2qoKhVpEcdFylS6ZzRsDbmc\nEYucSTEYd2u5bXKGqPoFNclNmKne7XnNN109840Rtl+g7zR9cyQhdfZCS3pO\nuOlKrurvYkg/ZnUWZpeH5r52y4hCb4gSWZQBbTEo1u2NLUpQRVqUZrtSNy4q\nIlNa\r\n=6Rpt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"76a0fe161f579d30f0d739918fe09f5f4eef04c0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.ad0c0c103.0","@material/feature-targeting":"7.0.0-canary.ad0c0c103.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.ad0c0c103.0_1589467862004_0.06798934549135982","host":"s3://npm-registry-packages"}},"7.0.0-canary.fd8f8f2b7.0":{"name":"@material/touch-target","version":"7.0.0-canary.fd8f8f2b7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.fd8f8f2b7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a4708548b4cb702eee96089243d5c3f698c34700","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.fd8f8f2b7.0.tgz","fileCount":13,"integrity":"sha512-67WKPqjZ6u+lvJNgKokBBWz1ZwYEXfC1TT79i6r2n4Y7PY681MWrYJGcsTltSmRkwc34jyASkCrOzmA2NXSE0A==","signatures":[{"sig":"MEUCIESfdDaASlLBxn5VakP2zfxowGXTcXgcx/FWj5H/7BxXAiEAzuWipCnDlVJ6B+E4MbTyvnq4aL1i+8L310rh8F2Wrds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewsuKCRA9TVsSAnZWagAA9a8P+wR05bvc/KQf5PtHqLOZ\nDaf2jCYjQbEoj6U2PaGjo5pc0SE9AbSATZ27ikkM4WEil5jaL4Dlw1wYIRdm\nhn0WhI7zYnVtah5MBb7cI+4X9EM4HQ91SbvsRTnO1mGk7IGEIdS1/qi1uPtP\nD0WhK7GU4BOxI/Byyz6Pl9hv0GWNunVpuYG2oc2uaHgmA4OuChM4tMuH9gTe\nb3OFDOjNnsBmOzuoTEmSS6cq5hl47ahRZwzhI01bmnoYQ2dxC2xqMeyhsena\nLcAscefzcjcLqpDUELw0wfJKlhInrtbzh8KMvoM7tjb+mWYhE0Zml/1RWo2v\n+oXhTs3TWHJEF+A9i9ZfnyrnydbcB5WulER+Hxvn35diQyxvSNfZa5yNkEPB\nIX9OmPh3eDl+4p3wxOClpPHmzBb9vSWDWaPrqkMOkrtkwZPQ0H/bzltdKggx\noLDaJR16oE1FqZfWkzV+nnjpULqplXRyGSTK3Kw5Bz33WeX67TVJC7YYiWV1\n4Z0mR2nDGIX14H7EtAWmdTjzJoOOLRaT3LlSZ75a/pPt7CaOdAa4cZmyNrAP\ndfXWxNnLDgw3azxQiUHCRLfcZ5iQMgCFDqmaXToFB0kw8155EgIVLhaZ6EVd\nRYzh4OhE1qKyK3tyNNXBrLgo8Iu8ML4g9rTIYIvTb7BlIFXsvIk02Qb8hfI6\nEyFj\r\n=HinT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"30fbf3d1582cc530b978714ab043f92bea7c4b83","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.fd8f8f2b7.0","@material/feature-targeting":"7.0.0-canary.fd8f8f2b7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.fd8f8f2b7.0_1589824394426_0.16543690680769818","host":"s3://npm-registry-packages"}},"7.0.0-canary.730920fbb.0":{"name":"@material/touch-target","version":"7.0.0-canary.730920fbb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.730920fbb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"337d0d96b6bf9322f9ef4f50b90874814b802b81","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.730920fbb.0.tgz","fileCount":13,"integrity":"sha512-JORlk9+vc3orI6ZX7KxNm1BGMSjolEg3nAQcRyZdWQK6CGnU+mVpMGNaiqKbV6iH506keoqlrXp1fK+R640ggw==","signatures":[{"sig":"MEUCID1MGHJmEkB03hzZOrYt7m6nGXERNF6sZr+IkoiF61ONAiEAtL22/yKb/4dPI8WenFplHRcJAOg5Rny9qwW76ajpybs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewuVmCRA9TVsSAnZWagAAKIwP/3ZpjFJQZEOnUjIYvN8L\ng+U+HPp3eQV0WGC95q20fHJQSGviUfD3h2c1ZL5mWRvVf7VcR3gg5FXyvNGV\nXTifcGQJ3MvdQBJvnC+U/LuriZOZizlIIksaIhFrWCqwmFHLZKVt/40/wHWe\nmlx45tOg1OVaJmHAACMZmCK2EsCqO85WNRG0bkcj/rb80fFXRMKgby66C6nK\ntjNX5uwx1zmg3adXicfTp6++HbIwHh3OnrzoQellkLbB1f9lemuhml0lYlak\nAAH0iordRGbCv2Y4yMGpllXkcy323zULvYH6UZffW4r5RU0eO2VSdFgNM2qW\n57yCtpKbSxsJshrioxdu4zNrt9Zeb/OnpiLFgPfm3YjOlNW0rEWk6Lpo6cfB\ndam9M1nT8WFzE4hmNLbJOoBa9InsP23aRMKZcE6HUIFerqgR1SGbaII+yLQm\n6sr6pWtnY7YsTRfDXABniIfW+TpodbD9W5GKhaUPbwPKwABGPhPG20Zu7KYF\nFBPjP++RhV3yW7kVZEiOtBvGCykNctVG1i/hEEt4/wIdS05t/SBwxmk2FfnG\nyNRmBVn28q5+aDaTYgpmbROUMWL5VzlLCYzXomEsPSmey68fTQMvHa8+4jeq\n17iHmtrrURgu3JNwKq8ETEEJbaCtQSvUwBg1mSwoN7EnMPoXymifWsYVHtwE\nl0JC\r\n=WfyI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1acee01a3bcc1944050bcc6a38a1846c507db43b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.730920fbb.0","@material/feature-targeting":"7.0.0-canary.730920fbb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.730920fbb.0_1589831014149_0.9433727522932396","host":"s3://npm-registry-packages"}},"7.0.0-canary.bcdad99bb.0":{"name":"@material/touch-target","version":"7.0.0-canary.bcdad99bb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.bcdad99bb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"05f322bcf680ab4eace12a3b42dd387979dbbfb6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.bcdad99bb.0.tgz","fileCount":13,"integrity":"sha512-6LeisCK5Pu+P4WqxSL9ByJbytEKOy7Z1n6z8wmSl0YDqKC/jdp3p7roFUxyehdp6sHYFIMiNoK8aGsKzVHB7QA==","signatures":[{"sig":"MEYCIQCepDcD12SoIm7Aud5AZxIWGjWVSRf/vPyGXisqLo0OOwIhAKd6Gq1CluJQJ4CeF/7nwaCMFUa00SV+9Eta662XVRbC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJew0/RCRA9TVsSAnZWagAAL4MP/38iupLp3NGK2SUZsAgw\ns/Cth2TkWtrlSxdft+afOyoDHFdq9HnVMi6zQRnA+nmnbSh+cotScvDx2ABm\nojOJuQ3RApqWjcFz6ZsCp0ymQLVvMYLmbXEVeasNjnXeAsezDH8/KzMNmQ9W\nzRd5SZxk/D6AnIWyFIdLb/dMf7lzvQLNPg+DXxbQaDByVmJh/c4VwYJ990PC\n7mZwFmbo4MdE4sKk5erSDqdzkaUYrC+H+dVB101W8DHHp3n7JlQdCiIJOq/T\npD1w6eHTcigY2SGqDyxHrr2+APdciRuuixJQeUhtOFANCTvH6gbSNImAVNVp\nDfgCxMAVNNqlsG69N6kUypp2rqK8U4tlqBBM7Fwi7i8UlFfNrrRQKcmKBlqQ\nSGdWqNLfAbtyePvhXbIVte82d3G2OfWT9On/6VmvX+EE819tbW2GXU268QQI\n9nhRLmHyUZ6dR+zVd2P5vyXGZPZgoW0LDT9p9HKCaCj01S/cqu+BneduAz7X\n2rqf1Z3x1J0XusAzoGO+WCMRTPAbB+5ysSo5LFO1UcJ5Cy0YfaoLIgtSzHS9\nBMHVSRPTLCGw5Ppao3AIDJlfscEyg9+FZDbSfqmRXTKmOEVFR05mR/GKsS23\nmCggpTKuiu7McbQo0YP2MqvOBq/bwZgFuec3rEOSHY8X/dhL0N45XoeFLA6w\nQZzb\r\n=eIhN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"33c3545075b4fec07083bb484fdd7245d0b243a2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.bcdad99bb.0","@material/feature-targeting":"7.0.0-canary.bcdad99bb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.bcdad99bb.0_1589858257397_0.8302564079266315","host":"s3://npm-registry-packages"}},"7.0.0-canary.4497b86ed.0":{"name":"@material/touch-target","version":"7.0.0-canary.4497b86ed.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.4497b86ed.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db3d6484851f9433338eaa72a27eb6852c6fd0cd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.4497b86ed.0.tgz","fileCount":13,"integrity":"sha512-6KDu42jtM0Y7Vywd4qJO/LY/OP15BurapyfkXi/kE9HhbSCxfjKg1VGSSSuNIC1ene1+3CYrpzW83eudsl/Opg==","signatures":[{"sig":"MEQCICvPxQ7wshavZbOTGeHjutgGEx5lMSl5/6sS6Psx3tcDAiB8gkxRAZyyddbOUa71JOuaGvtmlZJD6qfEhAao7sl6Wg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJew1d/CRA9TVsSAnZWagAASIMQAIJVM+H8y7u/2e7lcbwD\nlEDXVmXYSmis3m9XxXksaMniJCNJi3LPjRw3VPg9lULjIv0Kq/YvcEjSzZV2\nNWuUtDIO8v4OL04RWCeN5rfXkvpui71RjYWtstyxcJgP2pULtz1tLm5Zee2v\nUidFtUZD1v7c3Qly3Um72LuEr5uH/WUbAMwWhv0AqPRpD5P43KbiaRm9VhtR\nJzoJnBqiTtYw8YzAMubxeB8OmrnX66uORQu1IS5xrKqurl2dNxdu/8oEVV37\n5qk0Wm8Ok/HHjeBHp0rOWXDlpcCGPQ2eoCjQKhCSEuf8NtEpOkVhjhEWkDY4\nCm4S4R/GUvTUam2QgFtIzX8JhYbc4o869maP5aeAe4/HncH+IAXGTeXXKunB\n8LbmwLYtxz1laL2K6/Et2VyK7k9WkSkXhTZRIN1AnFOiTU2sekBOle2n6Ywz\nlSrWykgpNpeGZBS7KW9f8g1I8NXyhDZQFJNPPIfIFqTu6NQUfNYDbAKqk4/q\npT5bKgn32JlxylxqkEFQSaJX3ksn/trjw4+Oxa+jMpGykDpXGdSadHa+7YLa\nJWPLiOacA9CimHhZOLCq2HTA+ic29OHsYEzFryLThjh5PpZXDTx20zxLF7fp\nZqSzOGp051Uj5zmGrXilpK3Jn6yUMBLJfFJXqj39FykGUorw9Wax34CcLstx\nnHDF\r\n=frgu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7ffe8b9fd24f52b80e2fa6a7007881da7c29f885","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.4497b86ed.0","@material/feature-targeting":"7.0.0-canary.4497b86ed.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.4497b86ed.0_1589860222988_0.2814154357416083","host":"s3://npm-registry-packages"}},"7.0.0-canary.2e60575da.0":{"name":"@material/touch-target","version":"7.0.0-canary.2e60575da.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.2e60575da.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d9f506f483ebea11535881b9be4b9041b2dbee1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.2e60575da.0.tgz","fileCount":13,"integrity":"sha512-IOkZ9pkwd/k8+ltZrIjYhS1RB0MbMZV4uv66RHzxym9kFDl8OaqHLY6/f/SBy3cGZhh/HST3aSUcmTrBLlSJpw==","signatures":[{"sig":"MEYCIQC1a8Ln2D51RFsA7HhWPwXhcz/xEdDn1pOb8x0Jz1g8iwIhAIsg+V49swbtw48GbMqicrv7coauTe3uoS+27kYPf9Gq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexASRCRA9TVsSAnZWagAAxKAP/3AieyB3FVI2a95BTTOR\nZ89v/XXYGVzqU9U1i2VzrPX9uPsHXakLin9QIDNJ+94VI6RGLsZMajtpzbP+\nYc3d8PX7e/NFiDYw8eNHMsZHm/nJKWxG5udeOG9jIC1z3jRlnSXuacBlf2yX\nLZqgkS1aqPeAdXloLlI65Rg16ycGTGlxL2ZY+tOWg+l5cZU+2tQ+Difp9SyT\ngk3YaOAtWAWAasyA9sbsBPcQO4LYnbwoDWOSD95jGpatNBMdvDgeTmhKMPCd\n0wRJhVShcykTc/nrLGd0TtPMPfaO4srjg2iqPs23UFLnULlK3tikydoD203C\nnA3jIpjNxXIsSIkDGdLWoi5YnxqyntfSHLtZBP7VPsIr37M6016NjhBkGPRV\nSg/Xjf6YBFkzr7uwbqxdBD8QuKUlpfEyo1vXglRHDkeJr9f1WXWnQkGZOmCj\nfl29I7IwZf0aodkaLhoeqnMs1qLQigI+Pvumf4LPcLOES4pDUUqbDcJi6kem\n5LfNAjFIEsif1XVCS7hbTJGz5sl1J6erfOkVXbxGsB26jD+bl8cF77szniqK\nJemCEei3xP4+DD60VCnWLGW0LexQgxp48cgfwgpkemqo3rYtTFoSbfBRboGK\nWS1wPuKXf5FeeFkqnUZT3Ig5gOr90WFotFdWJF4rw+6GNAO0w6tAYRsjh573\nAzpG\r\n=OdnS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a4b6f1d5a01445ae9c14845614630907beaad190","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.2e60575da.0","@material/feature-targeting":"7.0.0-canary.2e60575da.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.2e60575da.0_1589904529405_0.82590836937553","host":"s3://npm-registry-packages"}},"7.0.0-canary.e3eacefcc.0":{"name":"@material/touch-target","version":"7.0.0-canary.e3eacefcc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.e3eacefcc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"63a282f72c7ddaeded7283c5c181a60efbe0f004","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.e3eacefcc.0.tgz","fileCount":13,"integrity":"sha512-qmNT1pXymhpY+ZEHn9iFMaFKl3dW+JqZRwA03lRx9qzx3JtFyKbcpjPD0sNZv7QyZ8ym39cOVeHJ72z6lUNHOQ==","signatures":[{"sig":"MEUCIG6zKJcEHQycwE0yYVr81NDWJMyS2cV7Re1ywKtptM/aAiEA4TTTfKu4Q0fyS25swjJ21MNpc8MFwf1HMUH4j7zidt0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexBlkCRA9TVsSAnZWagAAERsP/3AOie3YKGOUubrqgwbn\nkAOVQDPd737S9fdQM7RZlRUDirQwn2SdvoSYJa7i5aRTMWFmtVLAaIngVOZL\nJEjWWUZsFbQMH09q5s7XNowzXXoBpjNcuNf52m5x/6XQej0Q5N8RACLDw22Y\n34P2lLRMbCTwhXkGaHh8bIpKdcHEE8yFXl/oX7b3Or0DQoRyDouK8/+EckMI\nVn52YcO5Z0oI7evWu8uopY7d2vRt7PlsDPfYhi9qooFtgW0OJYbJujbwdqF9\nG/qJ2foea+d71dLrnuvgyu3zsADN/GAvkc/4L0M5DN0eCNRxL37921yWfazO\n2OabTPj8VyAzF0bN3NiDtcNHXNRCIf188RzegNhPaGHJm1yQpwB4eZfgPd7c\n8jACzR3N3r/p7t7wIUkvXxWTPMvH2X9oYutI2/bBevEvyr+dL1y0Goi5qgNB\n9OMnDKASbUnCnOanqjtZOC5gP7RDM6ekHfRwNkWzZs1gbXqquV1Pug1+igWL\nzhtVJbOS8Lfrq7iJaxsxWpVGqZ5Zb5lkLTrThLxOeZk8fUsKZ9/EySqx5u6/\nFvLoPMFVDnJjb7r5dEFg56o4yjdDLbODYRbg4pPsK5PJsXjN2kWpVfOS7Lms\n1fiCB8BlU+duEFO8pPUnJPMUCukBGaZP/RddRdT8FDsClw7izcO1hTO/PW95\niH2n\r\n=yZZT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a80846c07f1b98212ba692bf027c2003093d0180","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.e3eacefcc.0","@material/feature-targeting":"7.0.0-canary.e3eacefcc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.e3eacefcc.0_1589909859955_0.11799246852927414","host":"s3://npm-registry-packages"}},"7.0.0-canary.b065a4d2b.0":{"name":"@material/touch-target","version":"7.0.0-canary.b065a4d2b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.b065a4d2b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"09f940ba65f97779f6ed85d73b80c9789cbe738d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.b065a4d2b.0.tgz","fileCount":13,"integrity":"sha512-r/tN3WgaBfz6PiI9ts81kSEopZX7s4+ehRIKlQ1fMBviwkFE/jKEV1eg7vz3vPwJBt4D8xkIMqEqWofTBr/WJQ==","signatures":[{"sig":"MEUCIQD1mHPDDf/tTxbzdNAc+Em5JU/VbH3OhQbJtN9hLDKqIAIgYQlanYyLIOZVkJVZ1oewK1zR1PknD0zELwj+vQF910o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexUBTCRA9TVsSAnZWagAAN68P/iY76lDveFljcBd5wyLg\nA/enn8LaSctP79IWMruafsEd6Qb7fuV9q4Oo6yEA5WhslngDHcptwgLBqFIP\nhwx3JoymYGquu5ODh9l4JfQuLMOf1YcMdwHaIdNgulQnJlD6Mv4lkSuP6tT8\nw6cbaVt43CBrH+FGbUnY7b/IebBQz61nj2gW7HyIABQMuOozBKxZxkydjmcz\nDxWzLuTz4bam1J42OtrfSjYrtOfKQag9gQCP4rndvE8O88lcLdGZreE2Vwoj\nQWWz0lGNARHeWHxvkvogOHQdmskDQIxGYMCXcdl0NY1DdPDFakKq9bVlMxHm\nRGE4Jn4LWiZSsQaCOgBZq0SEBKRTpw7d4lGfthrsMsr22aL3vHWK2RcQs7rS\nwglZNVamYB4BArHpGw0VsicEgEw4fJdsZQVx9Wo4yh5dpuHSSwHTBzedEZiC\nmbxlvjj2X3q8Cb+vhPYc8nlPfR9QxEL/oy9/eyOvbaYixZnnkmZASBC54L9O\nOOYCy5p9Ipw17WBorC9XtrfjuCGb2k3dg2IlWsR7UrKmymW8h1MQZRY/lz2F\nT4UWkPwtZn4dMxM7+ODMFkvEWc6bfyJ0vxkI3zcogvok6qkMgwSmO9DiJAhM\n7Vj+Bap7+zUbbtapWdXfwrbigUzaeSdVgK3MS0KwwR3OWNtV4x7bleu2dRQy\nJlkn\r\n=PEl8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7de80cb2ccfd67196d7be3fd614cebb9cd73499f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.b065a4d2b.0","@material/feature-targeting":"7.0.0-canary.b065a4d2b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.b065a4d2b.0_1589985362884_0.5962801919668141","host":"s3://npm-registry-packages"}},"7.0.0-canary.4ebce8d78.0":{"name":"@material/touch-target","version":"7.0.0-canary.4ebce8d78.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.4ebce8d78.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"186f0fcef9597f91fdd9446ec43a8c5fa7a9e144","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.4ebce8d78.0.tgz","fileCount":13,"integrity":"sha512-9Fn9wvulOybM3YIwpC/tqRK/zdq00VXHUKoZPZh28qkWFCjnBniJpGr9qvzl1M+JuWMXzng9bfKxwIh6OciECA==","signatures":[{"sig":"MEUCIFxq1qr7l+huEWebqZyku4Bb1Y2TzsmSw5UBUo7nkHZYAiEA/jULPjVhf+MVusRkTOvTd4FH3I2O+yk2Woc+hEMWbcM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexZf8CRA9TVsSAnZWagAAVoIP/i6U/xsgXMQZmuhrLyyd\nRDPjgwKZhMJZ7uUBSvURR5CXgwoUwQ59MiTthboO9zRT27LfNEWJLpA+L6xw\nLm50WiTY8OSame3hBI0HGcI8npi/K6MQyjnAxk5bVpZrKAVHerhXv4XA6xS1\nrblQre7shpRhDIsqi5n7JPv7ESYznxgJJ4pLAnGdoYYVpp1QoqgWxYOYudf1\nQlitoI5+D8qJm2rnYVoqJPDyKmgHEyHiwtFIkIz1NTbyUAuwRBXtGfXAu03b\n3K0uGBzppLC+mFzaxcfRGUz7allPG4SC+g3VWOL2gZef4EU1BCmoQ6Z9bbrz\nVDn+YLNEXFkazx+pyJQHN8f6MFva2pbq6ZvZUKAv8+AviDDwVDd+fVTDUGVJ\nNIXc7lWi4WrkVMZH7/p/CFlok7nG/QqkSMfDmykpmftbgBACNjHBVMVL+FGq\nXvkIVyEMoDlZxHEw+8su3Tnwuw/euNsMdsVA2uhMZK/iMIib200tx0/dEWxd\nfuLdZXWmWRb0HVpV5OULH8ITvdHH09Wq08/N6yBcJBrO/jVEyLhSUCHpSovF\nK6gG9ENdt5v7ieVoqVQ28FDvkED2AMVNsfmwfoMlUIXQmkeSbQRLkzGizPq+\nDrzAKxEYa5Yp3j9wUvJYT22bKUckqDfq0HMXo6u/v8mn55lsMvAM8Fh0okD3\nIxfa\r\n=rGq7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d7cc6c4aec24377070d4417765fa102dcd7c7e0b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.4ebce8d78.0","@material/feature-targeting":"7.0.0-canary.4ebce8d78.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.4ebce8d78.0_1590007803531_0.79951698127455","host":"s3://npm-registry-packages"}},"7.0.0-canary.b0fdca492.0":{"name":"@material/touch-target","version":"7.0.0-canary.b0fdca492.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.b0fdca492.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce3d8c4eb4c3d1ead98896cd40f78d8973a41fa6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.b0fdca492.0.tgz","fileCount":13,"integrity":"sha512-C+KRzjAzTGl2BGTBG3NmSxntgZA1JEfAM/qRHmLRpshICezlw7EeNMT7prKpd09XdnKlUIQmUA1Je+3UNxMaMw==","signatures":[{"sig":"MEQCIGeJfYsUsjcU1ZoEvvMR5rRCnwrOZ7GJ2KNEFVTOvnGHAiAxZ4HHk7J719OA21HpgX4b0/BSsB+LqJ44iIkjAKi7Bw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexbb+CRA9TVsSAnZWagAA9RAP/09Wd0T+cukHL8K7xQ3G\nuMvlsVXDS2Znz0EPj3G2bXMdzczJ5sFf50+uf1zrTSpToDBUF1K7GR2hlaY7\n/ldEwyjRKiIjXOUGss+wT99TV/1nM2ugzeNYswuqYPAaSnns5QlwonPH2VzF\nvIR2NL+P61dJoqnzmENBMYS2bdzFajj0mL6ogSA+BfUNiThcH3Jo3lk63K5L\n63CzYg/ZGla+QU3YMSyE1Wo9m00cePr3gZDWoHmfrFzgkzbxlHdX8ibmaHaV\nbH29WykYFR898FaP3F8MCKqr2XM6IjRhEHq4nXuraieNwaFSMp8IKY2WILRD\nCtB2mDIQRq9oz26x0LpUY7DJvcP7KSj1C98EwL8o8S412CK7Yyml2iGddFEN\nUBNWdVxP9Zfxbz6e8jKdNVReO0A531m+rB1RQy+i0d3wFubwHaCGFAEwo/9y\navWPt1axhvSu8pDsyclC2hnMT3gHqsmjssc7A60/6HHJUC2KFEmOxOsFgDDS\nFYYi3vrqBnTNNajneYhFOwHH85KGMlDdw0yrr/edDhUALCJws/xjZ995NpHJ\nfZyPd2FYWJ2Dp4AG1/TdsmMPWgEHsjOKw6tOWXImbVkieqIDzCetCy3MRwhg\nTByWnh07rg/phZUyEiDr+9f+jbPwEY9I+tD08H62HFtGnDqUvGFwMJ6NERkp\nD598\r\n=Z3mx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"590e5f052548986555dab713a1bcd253b6dcd01a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.b0fdca492.0","@material/feature-targeting":"7.0.0-canary.b0fdca492.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.b0fdca492.0_1590015742122_0.10720327535582164","host":"s3://npm-registry-packages"}},"7.0.0-canary.c67667e8e.0":{"name":"@material/touch-target","version":"7.0.0-canary.c67667e8e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.c67667e8e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7fab9aa1dbe2210c7ad6e59d6b3cc5de1855c54f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.c67667e8e.0.tgz","fileCount":13,"integrity":"sha512-pApnlpxTLS+I/wwKbS2gY3VrA3FL9VSEXjZ5bzN9UdAZXLHWVALymR9QF0cUnBlWA3Igm1p0FMCqMATKncOidA==","signatures":[{"sig":"MEUCIQDcCovuY6Lwq0NUhLnwXkaGT0Gxr6uGpCggJyDb2wUMHwIgUZmCz1kx7OVtsA8UAUN9ZAwaYmsAL60S3ab1S9Ky9fk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexow2CRA9TVsSAnZWagAADuAP/if7wehi/1iNQR5/tSC4\nzEPSSzlESYYy2z+Pjq6h4NrVUO+jYQD9Hpgtq17nborTUtEmUHDEVmOl8hzD\nuRskw83lW+ZV1P1ESXWAAd/qpCJ3KYMROViEXYYXfgBsKY6Ql3cukrrRvAaQ\npLY405sKbMNnoXcyUB0dRZCcmwMTbMmijEkP32YZuOHs6ovjhs1Hzew1n5W3\nF00tcrwBA/0xbkUWJrM1Z8dBN76M8ECkEJ5p6Gl7oStXrfHj1+WPw2wSdd3m\n3AqeYPkEWXbZ9Hrb2Cm9QTAiYcmy9bv1Aoj5jflP1Bw+TgmIiyHqjTztIAVL\nqJDV5NPEztmeoVn0wAAhU+YPba6EEwMzdgO+ixzWLH022xSljdSvEBrMLCtf\nn5i1/Ld6V3gPQ/0du9GqpAFRmNlZfdpNeQCJHUnxYly6A7uVkxypBPdPPj9/\nQQ5BlVtGpXJjHaLKBeF3NYPGNnWXQf/oEVgtASUoMyXApK8qxGFlwwZAa/4l\nUol1FU5JEbfNo47zbUO4RUPQU14xtt19eUrI2hpQWk1Sr6ckrf52R9uIhzUl\nglvF+eM+imc/9bIbHL9FSryenprvrdL0jB39NwVb+S5hyCHZc7z/IAfsDGua\nXWQZNUnw7waalpAcYc3eRptat7z3hesgOjdF5zMXWIrshArc3iI70ZV8Ao6/\nTzDx\r\n=onWk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"405f1e85ef85a7cfb12bdcba9816d716433463d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.c67667e8e.0","@material/feature-targeting":"7.0.0-canary.c67667e8e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.c67667e8e.0_1590070325932_0.8761925990741861","host":"s3://npm-registry-packages"}},"7.0.0-canary.62b5f37db.0":{"name":"@material/touch-target","version":"7.0.0-canary.62b5f37db.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.62b5f37db.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51c00210d9c2de2c996ce427c13d616e14491b90","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.62b5f37db.0.tgz","fileCount":13,"integrity":"sha512-M+nPUPHN3Y261nqblvOlO8etuT4F4bZoo2gULWpOWE1gtLSZc9T9viFZ5mql01+8VT5VfhYDYbw4mjCUUVM4UQ==","signatures":[{"sig":"MEUCIDVwTZRHbbwsCdo3OaQKvdEIHZOIQ5JOLWXAEcAmjP1YAiEA7xw+EMFPiv3PMDQ9FTYBzt8WhNmK3StPc6m/aswEw0E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexq8NCRA9TVsSAnZWagAA8zsP/R2J219Oc3iZP2iljk2F\nIQ4VFmakyUBqXE1QKtLv4je1ht0THt6Y1NyUWTwvaqCPFlxfMqnMrLQymzRf\nj1xt2hbYDuk6zAIzjhNYQBuxkgs3c2aUHrzYvW76ZYz4k4QlzKrjAoizViYD\n0AoJZhgo2hc+yyZxUpGQvRP3I7aXt87LGXGngp0+oeLwyz+SBY64bQKL78Lq\nbZd/ZC/X2bD9seexxaZhajL4Q7BXfANDmQ88kz4+yLhYOItx577rt92JRqG9\nTYq8W3e/75EeXYqXeQCVsgCPuT6HQSs8Y4s4B/4s5YLcgBWnKNgv6xb3rtSb\nnQNpF7miWacuhP/WR68xHBm9BM6cucMis9gAZFlkI4yCIkpujBZEQTwl4JBP\nRMOf/9kpD7ED12DzXNtdCNGFXoim3YKi2QdNss6mMU7PlXuJtD3B99apXIDz\nzmorAfvlbDNUnpY4iVa8lsxATXLNs9XbYgKevoiL/wByafcgHbKz3GI9K2Mi\n3I7ShXyhtQmESChUBs4loRZG0iCJNSaC/++VZBRaUpkZHlxbh/v3L5I/rROH\nuL5V7eHCr+KkOXFOh+61/rqFQ/EBscFmfwtxJuYZQWNEN1iD+8PotBqinlL2\nmANKtAeBMIIqDKHQ37IE0NOGsyWaa/fyr+JgWwmYyqgjmOeR4j9WG2kY7Vyj\ngyg9\r\n=x3Ok\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"62c869c9d490fcd3f25cd87f251a83b273e32736","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.62b5f37db.0","@material/feature-targeting":"7.0.0-canary.62b5f37db.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.62b5f37db.0_1590079245202_0.8206409536796699","host":"s3://npm-registry-packages"}},"7.0.0-canary.2e218dbf8.0":{"name":"@material/touch-target","version":"7.0.0-canary.2e218dbf8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.2e218dbf8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fed4eb28131e78372092244ede813c245629e0b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.2e218dbf8.0.tgz","fileCount":13,"integrity":"sha512-8EGMzOpg//jAdiswBkKgV1wb5ttBk28keyWu8aS8B8R7MJsNs46qifZn+0F4pxA6jGI8t645YV2FQWLwdhW5vA==","signatures":[{"sig":"MEYCIQChVasp7AeaLRXrJyR9IavMtz+uzCf+ZqKqEFqClA+u7wIhAJp/IKQbTco/Gj2FlIHu7O8RjjYQMUomTBTB0oCOfU05","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrP1CRA9TVsSAnZWagAAl3EP/Rqr37tBS5iNwJ9oB/wL\nTszV6o+yx+9YTwyzyLDM0Sp2JKbuW8TZw3VFJ1LmnqaBCODkKrX2kik99bT7\nLg/2d9zJZDdz6gY2gTDQZbAiLomrWxdfTdXFvROwzXBWDA8bp3t5vGd6OBTx\n585UXLBRvEUxL7Ul30xzDaRf81rhuihnvFyj1N7AI6MrIL4kd+lFMPBbolaw\nvw4X3anvWxtOr4b1bPrRoJgFQKQFqvLeVWZWP0gOD7bbLCDk9g+ukt1Obe7T\nxs3CzvuymlJeS9d8/VcbMoxjzWGj+ya+ZfACubGU/YcyIolLcgRd9SFyzO21\nvbgLXAcLNizoJWntC6U3AwG7CgPaLraVs9uBtujCA9qgE2Q/+4uaeXEOWV9U\nFXF7YwpAoTHlMq6FwqXakuCfgngx8lF1P78NGqPrt/YVPynDtvCWwvybH6aq\nXFqPNI7QShTx3CA60v8gB6jtH94Bv3kA2vfz1GBdzscYP/Jp5s6hTey7ICMJ\nGE/OaHBxSEbSsAY+Yll7zE+toJGih2Cq9l7JUSVhFUuL2iFUIFyOLyj4LkDv\nxpZJtnPVOgQue9DhuYmuhQiSxd4sQdCAMTW2VqufoW5gLP+NjMsQi1+PdAiY\n6sLGn013Oks6D0e7cqEe/KNXopbgVSQLl2GAaltMXBC9Q6a+3RsOcB5ZzJPM\n5YWV\r\n=4vXh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f9b76f9144a233e7569877ab8f0dbbb1be555055","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.2e218dbf8.0","@material/feature-targeting":"7.0.0-canary.2e218dbf8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.2e218dbf8.0_1590080500610_0.9971926135505109","host":"s3://npm-registry-packages"}},"7.0.0-canary.7fd792bb9.0":{"name":"@material/touch-target","version":"7.0.0-canary.7fd792bb9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.7fd792bb9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cd14f3b68fc1367be14ca912f4f2c896639fa1b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.7fd792bb9.0.tgz","fileCount":13,"integrity":"sha512-8btX1pRS1ZJ71He29d1iRvRN6ElJUBg+yYWnLPVeHOZjkiY99ldwFfpwLA0W+WUcwPpeX+N3BOBP0SFlve3yYA==","signatures":[{"sig":"MEUCIQCosrj5VEsxe/B5/aDUXWKG+4f5M0v6NKDJV1rQerSrrQIgO8jNEj0iF7N+gFo7EM5fjUJlV5St1L6AEM2MHzvR7jg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrblCRA9TVsSAnZWagAAwDcP/2VEXEUPaEkhcgG4YdR3\n4t7Y54Klfc3/cNDtD7ND9pTUZmR6FoxokVQjUYrQUBqRABp7Zwcir+R1SDEk\n8g/M4nuHU+WMCb3nGekuadKeou/tTvKoA6O8sCC7nYa9p6zvrycR7GFNzuzx\nbx8hX2NYOf25ALfGQ7tJiNe2JF3HtvW5Qrtholp2citGDCcQCloYWn9YHMUC\n7GzPV6UMGzhJlNKUa/Wm0iPa0VifOvxC1dKFPDnWzqV+rb7d5NH5N7tWcCfz\nmh5ZzCPgmbhkVJclqmdAW9P1gm4DnXHDHWH3kV5cZUL23z9++e7Ho9jirMWB\nBhjRE6AOXzEK+oZ8IBsL4p6dpt1qm3d8jSyiEcsNqWEmAb7sAckhw1Ff7011\nnKJxTE9I602SzX62hVWtI3H5dweDmR/+V1SmU6JPXdxsUZoK99N8Vo/YT2X8\nkT8LpP9Cv0W+s6KlXvHaoRXNnpR4BrBhbBXDvDOMSEHkit4W5HnhjpyzMjVb\n0myJFCWpZnjt/u/dIZFqsj5WqzN/R0miLyLPsIHI33fgopnsoQ2V7oUBjUkL\n3AhqFX9fp9NpvSoXOQkQHpRSKsgF2C/T34xqOLkmrsVdOFnR+mbT7qfzCQDA\nfbbtWl2Ms2Y/2C7vh1oEv9iEUEwwgCOr3x6quUE9M3k5FB/mNfi/TACpmv3p\nBpnf\r\n=pd7a\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d5ce4b5e7914675090d101b10f10374783326ede","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.7fd792bb9.0","@material/feature-targeting":"7.0.0-canary.7fd792bb9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.7fd792bb9.0_1590081252597_0.5365949246813122","host":"s3://npm-registry-packages"}},"7.0.0-canary.a66493cd8.0":{"name":"@material/touch-target","version":"7.0.0-canary.a66493cd8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.a66493cd8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c2d14063bdb42760ee8244ba6a8e303b7c7bc877","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.a66493cd8.0.tgz","fileCount":13,"integrity":"sha512-XbnEL1qnsLeo8jgB9ajs6wK5PLm7WRCyeVaCTMhqlDO9t3TBqGCgBBHbHwtzAryj/rip1pqwZwrxowSHZ9T4pQ==","signatures":[{"sig":"MEUCIQD/KkxproHWcHf1OpIHzs7QCWb/125Kjv1one1Yyv6hsQIgEhLqHzWSbk9BqwzSmrQJITJEQGepd9uMmf4LNBJaJh8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexre2CRA9TVsSAnZWagAAKxYP/0wDIp64fa4I1ntBXxWK\np9W5pPuCt4rGTcG5gNSRDUHoLM5C5gaUDRA5w8F0sWuRvKxeJgGGouO7gsb+\nACxzs/f62i8lrPRxcOU/vsnZzWzwo1k5C4T0ZDO+HpVwbB7FSsNKSItNTSlp\nQmz3VcoP30I517NZgo7ZixSAw4Wh4Fg9NNvBRYQ1sKDwr0htbzhr7sVnoPUt\nPdqrhIJnPyZg4kkqrfaGWq94GzUgFQPZ22cDhWzu53VpzBAHftLUTJ7gF/c3\nUOeiZxOGKpIP4JJKLi6yG6ZiL7F1E6V6wvPXPB3RaHBrw3+2Ok2hdqn6WI7r\nhGIS+mwwp33QoJiZYdE7WeByLwGjNTQSXbjFFQW7yB1nobQQLgaTZocdZnrb\nyt18F3hC5ZNgaSuAz2sdQanQib7lZjFoYaOXKER+8FPb54qEuE7eSF0oD8b9\n09TBmryfKSXrPWXBO7JBl+gdoOw2E6AgwbTRIPYwfpVYDZS2zUKKHE6J/plG\nI4z4iMPxCtuQFNwhF412NUm8TItdTEC1YH6nE+fzCEOd6mAprEbl/2UIOdas\niKjxC7cvK4l3lc8A5PyIoO3Tn94pUZqE+w+E6ePnQ6V1UfGlwf9s40y7MzDb\n2j0Cq/36uCZEo4re8P7S19jQNxSIqYD2VpggbbbMqUqAVB4J0iCKjRPJRD11\n63pK\r\n=ehWR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a14e3cae1fdb42680777a9a6b5706060924d68b5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.a66493cd8.0","@material/feature-targeting":"7.0.0-canary.a66493cd8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.a66493cd8.0_1590081461867_0.47450008558281365","host":"s3://npm-registry-packages"}},"7.0.0-canary.da05f66e1.0":{"name":"@material/touch-target","version":"7.0.0-canary.da05f66e1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.da05f66e1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e849f6430cc8891d0ac112ea17cc55f5bf91fabb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.da05f66e1.0.tgz","fileCount":13,"integrity":"sha512-KRcF8VM2OibhmyZ5CJdB3++yb9rzDvPbB3TYv/Ydz8Me17Cx1emn8+FdhIME8+8BlSPtfHZirQrCu4nX2wCq3A==","signatures":[{"sig":"MEUCIA/sO3XEDiHBDRVArpaNndROCYk8cRj2tGMro9rwN+QZAiEAjhG4iFq5vFx8GL4/ODCkd1qYb+1Ij8Oht/AqhAjqqrg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrgkCRA9TVsSAnZWagAA1AAP/Apl61CMOsqZ2X6kIoUh\nc0gJcK6wZC+pcvlyqllYKN5pwIKaSnl+c7+8YrFR/hym7r4MxwB/yoUxAMFD\nrruv1Yv5fa0sh5Vq2KJsymBxTITrwL0qTjJpnmgS+41I2G8YIyLzzPWRkbst\nxzkYzcj8iappJgUdQwgV88LDazpyeo1vj0/vmLSuMxN254TdvQrIEUGCOpiY\nPf6139isyv2yEFitVf1ow+/T4GALoEHbSo9Hc9vTgaZYwQbOOuQ+mVEDccZ+\n7DcyuespwbwgmgpS4SDIuLSsSq76RfyKbxqX37zwQDA11RLe4bqFexgXt1G8\nYEtdGZLNV4lNcF6FpVEECIQWME/fXsmX6h9Lvjr/KWgxAkoDexXR7QQ7aBpG\nh6AcXZCNqB7JkBvtmwCdj8as865wU9oA0GdHXVTcLSDlEAgpjZktOv0Gty3H\n5DKLQ6PaTGjmOMl9l28cDopD68kl19EsLvofFFi21zJBUlqEWkICrAcXDkvb\nB09J9LJ6vmPjAQvTo446V9fFm6dzV2KR6sJo8wm+Lb1LmtPw7GGhb2qIfPcG\nlIo86u/DUPsypZ+G+gW+6QaTSXQGzXmcTyYcEo4pZMJtR4svBfw5apXbvZAl\nZkbhPdIweX+gOaiqFBo7bi9uS74l7bG72S80VkKvqGRPUi0Rji63DtKISBsz\n99o4\r\n=V+PZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"97f495e74f33645d8f066a4be88eaba95700a4e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.da05f66e1.0","@material/feature-targeting":"7.0.0-canary.da05f66e1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.da05f66e1.0_1590081572114_0.7708774105473677","host":"s3://npm-registry-packages"}},"7.0.0-canary.740860e78.0":{"name":"@material/touch-target","version":"7.0.0-canary.740860e78.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.740860e78.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"004f403ac37a25cb4dbb51e7f650e0c5362cdc4f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.740860e78.0.tgz","fileCount":13,"integrity":"sha512-0ezWJVcOUdbhTImSYTt5e0GRxX4z2hVVrVmaZxKCOXb9+VtrZb75MbYmi9BORNOC5k6YJ1tqa/N63BO4IWt7Gg==","signatures":[{"sig":"MEYCIQDK/JxJQhuWVDG4JKZESTuJn1A9SZkLb6MiWael1LANAgIhAK3I5510rdGQuF87SPMTASj/L6sZ9Ghn+CBbYOta7u8c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrm3CRA9TVsSAnZWagAAB/0QAIkup4PYe5CU5kJKQNYK\ndmcmtw2Wz/dZh0DFzeNboMaPEHu+GghF0yAwDPLEogbcFCKgBjABWrQsyhvg\n8uBR5nO5cHdtNgqzayBSzGI3QLORkVyiubl0kv9UHXBTAg7Fwrz99LWIu5sn\ndWRmcAq5DdpmlTtfdGoT8qvE+AqGlCja4sramibzt743Jnos1iVbg8rzO8gq\nkxdRAmQkU/lKYmwTvk1c91R4FfP4bbI3mFuMgv0Bx9kjd1Ne27iVEZNi+G3p\nVcHNncn2He2EgCAY3WaIyU8NHxDYn2TayUAiQ2Zfz8WAS3api31SE81z8NcU\ngz48G5/bCfZ1HyxAa2tpx/t/NHX8Kiy9R2Ar4e39X0YPI70ldfdTFkU5iroR\nKVIvH3eZnZ/tr+D5YJlv7mg8JTHCORE4sAEU+I8T3z7wCHMJ8E2cpl0j9HdB\nQ1ZjLF/w7QIa6Y31JN4cgUxTjhbalzy9c3SDezqQrwzCQHE0ajFTWKbq74HP\nm7h2VBySSZpXghJyy1iw1BLQGLyCFSKMkZSUzp7i9vlEB2R4xkSfVbz9eRYC\naLu21zhSJcpUk0ZbGQMDIRf+/tKxFVrWfZrZ27QRey6oJCnf7aK4M92cn22+\nPTCN+J89KdcuwDOcsZJKUt2rxBY+rZg8ZgbsDkBNi0Vo9+EekEyA09qc8+F9\nIMBw\r\n=lr9b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2319c23e86ed8e7ed27865b711bb6ea6970b98dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.740860e78.0","@material/feature-targeting":"7.0.0-canary.740860e78.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.740860e78.0_1590081975494_0.6433440800885943","host":"s3://npm-registry-packages"}},"7.0.0-canary.5cea2610f.0":{"name":"@material/touch-target","version":"7.0.0-canary.5cea2610f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.5cea2610f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7f1deacb29bcfb5fa43bcfbb626407580dfa0410","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.5cea2610f.0.tgz","fileCount":13,"integrity":"sha512-DVP1vtt1SfBVcs2XvO9AMJD9rR1pFZFPO2iXgjPKQ7lzGGuqJIZtUXzdbozrCVnGIX/ggTLZAX9yRRFbizZtfw==","signatures":[{"sig":"MEYCIQD8ouzfdZQ9JoS9bYT/NrZ9UoMipKEYc/Lyyqkb/5Ax/gIhAJnkZE13/WxrGb6wf4rJj9f1+u6COySVEM5OAgRE6YtP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexroxCRA9TVsSAnZWagAATOcP/2BeSOEhKxJ65H1MD3Sb\nWyzTMXm9DcBtbwPmhQt4TcgivVm14I2UUiYBlZlEl4zCWPotKJ/m3i21tAUA\nneuA1fH4NTeaAj0RwgSEHHPoSkwqsgQMLlMbFqje2bV6wISeGZYVZ9wtJ7HD\nc5tiOtjg7wy253YvtwJxF/n6hIjlUBPgzLWdMUGF4ED7UJAwYHRIxjyHWzpM\nhenrCXXWZEGLzVOYisSeadOdI7BIj21+n8xl181k2t9y39Y6I+j2Y7Rg4aEO\ne8gvnpuiwCQ6xU97F3P/cmSnOEoW9YAO9FbSzUkMYdxfTgexcjav9MjxtFgQ\n1EMfLnaFKQ/uCeru298X042dQ+VvAukTrZ+iI7n7DOwbkJR/qFVbahU1MFEW\nOFZQ1zWwNFw8G7l/sVm+tqbYcwShOQtFO8nh6JWT8Nh4xgV7+inb8HRScbDy\nQeiX9tc911Pz1e9sKch5KvvGXYAeOThVCfMl+7hAr2vjTbR8TDCyJmRxO1c7\ntcXtqEUrONz4+Y6VC7yVt5Ha9QIrAjWY2Ms6O78HMEqFX50VkEgtLNaXMgTr\nVQ4N4PPkZOwtqQf+aPGd8z2WzHylxs4FboaGRuYYdCzlQ19QCJJcmDwaEY+u\nifW8UbdTwaRDg7+gbfI7sSZCeNhppJQwk7RVWhDZsxlCSIqrRg6ooMKJzfyH\nonCX\r\n=c1LD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"647d4356b68bdae8879ed7384b0ed1ba4e1954dd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.5cea2610f.0","@material/feature-targeting":"7.0.0-canary.5cea2610f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.5cea2610f.0_1590082096574_0.6252450043543396","host":"s3://npm-registry-packages"}},"7.0.0-canary.cf7747ef7.0":{"name":"@material/touch-target","version":"7.0.0-canary.cf7747ef7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.cf7747ef7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f0fd61783ab194240dc24b7b3bfd748e7d2be539","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.cf7747ef7.0.tgz","fileCount":13,"integrity":"sha512-DxXVG9m2DxDWF4X6vbwY9OqycPThvRu88To4ozi0wZ3O2Mtl/WDItwt7ojbslp7TnqjGHsuLXpQbitSikpTbZQ==","signatures":[{"sig":"MEUCIBS/EXQ5pEndsWIhEza+J2qTHKHctzaoIqVPYrrUE0oCAiEAsAmyu+9xFw0UMVd80T++lzB53e3KPyFAiE4LieLrMtE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrpDCRA9TVsSAnZWagAAW1IP/jYMsxlBxysfSRuCg2eI\n8abRfu+SwGK9VO3KFIiPT3eINRlqKJtclorJgqZ1UkIBjt5zu+QYiRayUyQn\neI+LfWG9IkVxl6v5AW3WznMm2LddrFwJ7pcqduvkgzQaJSEVVuwIfQUSMO/X\njRhcsqrTXVhqp1pCI8D7xO+kb4ZQO3tBZ1foXD41t8kF1OUS+hSA3jgdmizV\nKO6cM1lboILK7dFeQkXKxZMlQB6TxnCrcluInoyvJ3GIn2yF/obVs6+fAi/q\neFlhyAP09sekSM5yjgh+qZhTXHUSBbA++EJpYpxQcQoclA0YDs1JN52Dlenb\nTv/yDSgLZijKJp7vUm4Ex1I6AXAeYJlC48BljtvlOtVdXn9zRLWDgOnsjxSm\ncS3tnQPAxQiUbpCvwg39o9/tU5pLfAf2A/ftJ5NkrXHFvmuw8iUbctkccIUr\n2vkhaPim/XZd51jlNemm56fAu903VnjLoxcjpfdq1dfjr0Agb4G4wPVctWV1\nglg1M6YZo68zNIZHaIhzRkJzL4SALx11W0S5bv6eku4NzOFigjuO8NHEWXB2\n2e8e/JvYoT19J/uuZuicRrnVNfsDJoWJVFALtNDMbZbW70EW50wUM0VfP6Kg\n20WUhJkZ1Rw9LaLaYI+kgah7UCwHJ6AoGqCka8ewdYoT30UfSkw6a/ydKYAB\nvyDZ\r\n=Ylat\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"12d3ae46d64646ae020ede8b9ce88abc7efd384f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.cf7747ef7.0","@material/feature-targeting":"7.0.0-canary.cf7747ef7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.cf7747ef7.0_1590082115300_0.2535947160862895","host":"s3://npm-registry-packages"}},"7.0.0-canary.862d0d7bc.0":{"name":"@material/touch-target","version":"7.0.0-canary.862d0d7bc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.862d0d7bc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2ef05a58e526e96031a5928fcc19eb603983dbe5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.862d0d7bc.0.tgz","fileCount":13,"integrity":"sha512-zpk74aYi7g6JjVpsXUJ2Ipy+DwUcbq9zBkym/sLzcqciT97rFjOp07PvzU9Ga7FsfjKCrv6A5RosVgcbUvqPaA==","signatures":[{"sig":"MEYCIQDQKvXYvViLRpFGiZmUonWLiwv/LV8OUDNk30+myXvqLgIhAJc6eiF24CUTlcGHzGvfpMSzCL+QvHBYBWEcQNv3wDvE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrrjCRA9TVsSAnZWagAAR0IP/jmHJoZ8biEBcKTqiwqI\nXF7S/CfIn9U9X2SJIoFP2g63jJFFh02pnLUrKzElRspKw4YkaKC9KCx6Mq1e\nfSBhOwnA5YWHm2V66tTMIyqeOveuJYyGozdIghzfN9MwS/cPanjwUgmtGIur\n0yH6GdaIHqgoSM1TNXLjC39sgxqcFFcwXHGD2eb8uACci8iLo2DAPxwaMe0T\nEuHtWkkYwgHWAVfdz/YZl1wwbIbxgoUiLIg6APuC8Y3ZaNUAE/UPmQkUlwgO\niQhPbE3WMXSJpe/CBHyzLfCnF8hFISPLOIUCtea8tUjU0mEXcnToQF4IKzkm\nGsFjFosoBGn/HuaS4tS+a2SR37oiufoir6MrHNQ/ztac1pI9XHQ49XGTp74P\n/qL7gnRiqbnqlG1dutgTBcf0Q73C3CN9TUzugELbfkqPX+SPY8zIdd1dSOYp\nYLjxxySf2DcI927JaOWquoFkz5WSQqpt88s1vDpszE6HI+vTvO9RccAXG520\nKEQxQho3e3ngU1lCYXzC0N2A6ukMspCZ1f0YHddrtW3gc6i0Nr2H/8p3GNJe\nD4dnX3seC65zkaY8Gbs7ktxfswovwvbjIwVKBl5wTZkMfhWmnrt5mFgWJcqY\nETGUg3aHzMzeS9NrYIp2yKPKtZTiDygCp9PwfJuKjki+zse+GCvsVLVLjNg+\nC2/y\r\n=A3v7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"534ebaefbbb3a8abf3be3e2e13c05f86a5461127","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.862d0d7bc.0","@material/feature-targeting":"7.0.0-canary.862d0d7bc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.862d0d7bc.0_1590082274757_0.06304122092750997","host":"s3://npm-registry-packages"}},"7.0.0-canary.0008c8a91.0":{"name":"@material/touch-target","version":"7.0.0-canary.0008c8a91.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.0008c8a91.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"46c6feaf59b837a3fd8211ab2317b49855c6bbef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.0008c8a91.0.tgz","fileCount":13,"integrity":"sha512-7phDssbdJkuHJJu305bhDYCP4adEHAMpM+cVVnSoYfRyoLZnIpe+R7wpmFz0PaDm3yb6Z4JaXlH7xRFrndI9uQ==","signatures":[{"sig":"MEUCIEi6W6FcKnChHV4w/C54CIKIpyI9IwmSfGhI2NxFal8bAiEAwfciG9I+xC4Qj8KL+cYxar9zCL4fO/y+zklTZxFzxEQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJextdaCRA9TVsSAnZWagAAykAP+gLMB8ES+sEHGIfekGDH\nPB0xoxa5NbhBzL4mwh3hfqBDA+dNSZC98eepL1Cv7DQHGLYDNKtU9mwB9W34\ncEHNYrs8BsB8mFFe5g0q8D6zOH+XS/izdVaocmNX0ILOUUw+Q6rRWUL7m2Q3\n6rU2TdSSvpGVdUKTl1DQ/4oJYXxUrYdOhMiML31G/RMiHg/O15eSz9PBM8LQ\nppj0NxI7N9McMY69E8NEHmBNZw/wGOXLEnXBhLAOvoH5GshoB1uZxJUqYhI6\n+61BYLvm1kgGM8PN26qeNJo88v/TCzdcOT9G/eG8ENZRysVq6RpXBCrg/FCK\n9+pNgmzhZ+VQr3BHPus0kkXFLjgK4/+SkEuGmKSquUsaabko/ZDX3VDehEwB\nWa8SH0n9OygQ5LfoeVkANjaSJXV7pdhIG0t4kNn41XS0MsbZu/wu/J4jpXam\nKzLiGpbSu+evC3pNf0zuME/VEpw8qZF5IsfXsjf889vqlKjvb1CakdcyM9X1\neBSJYZFlc4niEuynfdeYIns0GGIigOsBXLMmiBLKWABBR1R/ChyjpcXiUjFP\n0aQFxTFT0MFScRvoMxXRRZeEBZTtr172C4gdLY2IcawrzE/4mTjxCGrxkwiI\n5KOXcs8GpSl/n9sZq/A0rAKyuneKUHyZjEzJA2kKMxxXZdGg/SBKAKp135hN\nhF4A\r\n=WMrE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5bafcd3cd9f6f60ca813af30e2b0a8974de09ec8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.0008c8a91.0","@material/feature-targeting":"7.0.0-canary.0008c8a91.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.0008c8a91.0_1590089561730_0.6429955167024946","host":"s3://npm-registry-packages"}},"7.0.0-canary.541638fa2.0":{"name":"@material/touch-target","version":"7.0.0-canary.541638fa2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.541638fa2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c6ef63bafae92e722f2ecf56c0a6814bc2637e6d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.541638fa2.0.tgz","fileCount":13,"integrity":"sha512-zCWeuGt9AIvOe6jkx33PQ9XARDQgETfwsLYA1erbEhAbcmi6fw6freZuMiyGVyLjMLvHrAA1PWpMpgMRt6nBOQ==","signatures":[{"sig":"MEUCICLuMSDCWitbSwtxyIx/5TneL/F6ybttSnvdo3MU7xbhAiEAqeKGqw7RF0ceyRbQDmPNxlewsK9RhALdid04Q0qUilw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJextraCRA9TVsSAnZWagAAtwUP/RMms5qZajWLBVmCN/Xt\niOhx8FUjNHSwN7GvKQJnr3Qtq7A4F0aOVKZ1LEuEWMe6toS+Cukr3h5OZ6B6\nygYXtU6KZkS4+IJIRMT7QPI6HWLy60GBFzwmnh7jRqccbVGoLV1QKUzwamkY\n4C/leU3sIt7yxm1Z0fP0MkAFvdzFHcRMxTUmMpuTEZYT2KvLXVL84w1dBrOE\nbjHmqXUIrojd+rUxe1af6P70P2y7BOIEusRRrKx0cXjBONsT8WH6ZnWua5Ow\nvOS2F6iK+YhZuEGhw/IIFK8/pKrDcl5D2dCLhpx2zlJ4rq5rBHSlWdbl2YRZ\nfL3oLcC3xU4tpd6jbvrayncI6a1/rCCVgH1tTyut8EQzSQFAxsj1jj6UEd3A\nbrp2MLB2xepFvpAdDMDDtz8XdO+D5BVZKbvFhfNcvSSeXY8D4qJv405qLBOL\ne3YuRfz/3jPrII0O8a5W7NN0XSrKpRYDNpgw75GsY8SNLvruH1T18eQyAHF3\nMlr2Su/lFxIyGAcrnDS5xPOpYyEnlcxw+Th6MTj2EZJuUB4xoYpE9nWRZQD9\npc5Xwu4x4DxKrCd/wWSAHgzkTIICpSyeSkbFcXRzdpiZ2kLMkbZYiG6CmxfU\nDh7Sze2ZumGV6gIoB1pcy+XjwgqAk6bu4sfPaUqR2KxjWXv7GmqfrBBUC/73\nKhIg\r\n=73dY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e9634a8258477402629947671e06d007833e14f2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.541638fa2.0","@material/feature-targeting":"7.0.0-canary.541638fa2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.541638fa2.0_1590090458115_0.4270367583433956","host":"s3://npm-registry-packages"}},"7.0.0-canary.6167cd075.0":{"name":"@material/touch-target","version":"7.0.0-canary.6167cd075.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.6167cd075.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"81e27df00105483989e554994764c7efa8c63905","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.6167cd075.0.tgz","fileCount":13,"integrity":"sha512-SToQCboEO4peTK5RKoBaA6K5hWFgix6405zFDjM8hYhqNZQy+Rs3ctSjDQO9a5wad2LhGo19keMlyCAJrp6ZvA==","signatures":[{"sig":"MEYCIQCBBzRg/lawFk6iBIrd6GOWICHoAe19JwJu9UwF35j+CAIhALSiLkF8xcT2z0YSh1VyYY7YlGbATHnzCCUvMTUTkao1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuKUCRA9TVsSAnZWagAA/U8P/0X5NSAT25SYJ/H3Esk0\nciv/RDvhHhaH5CG+skvTmL2LBU2rKTIlcKHnzGifFyU3KuC6/rIv+qncKtul\nLVi4994jM3BXo8UFBpau4AkQi9NeSCkyHqpL3GFg80zchTEohnih5Crd0zlB\n4Bcwll6YfwOOApVn57xyhILouSG1BgMK9dVcSwyyE+FFKd3Np1onnhvXTMth\nAoCySCk2nvoVtJhQh+af8WDTpEZqiMKB+fvPPtk2CrBa70Wy826h89h3Mk7W\noWs/X/drjpE19ppEDEjMzu0l/nbF1Qoe+J6YPsM5KoqQExSpAckFhgF2pyEw\nSS0RbaQ1yljECfipMxrHQC8W9LGbfysyg4+L4VZ4ztDs+KRTAiAh+aU2UFuf\n1TzwhHlwY8vc40yn5Suce21xuZ7v3+lNCYs80anICn2utEUUCCsLbjEONEtK\nw/BMsZQFRWkWYpokodAR9NqJTyF4T2pnMt8kpp7wppzj7TTGnKWsbSHUYFMf\ntQL8uacgZXdK3fD598qtCEzv04y1nJDJZcBk5kKx0pR26Bl5QMdCA28YxOGJ\nRAG+RzKEnr0vrqfvE93NwfTGIaZwzM7RPWlfaGA0UNr3lQDFyhi9IBAfOaQE\nyjsUlQ7DQ3RP/snspOZ9aa14Gb0MB/PUiQSBBLSdFivyrKAg/0MuHycQNImv\nwMx7\r\n=wr9T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c86a924ab304fc32e4e6840c7c8962330b6b0fcd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.6167cd075.0","@material/feature-targeting":"7.0.0-canary.6167cd075.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.6167cd075.0_1590092435839_0.5830035023783213","host":"s3://npm-registry-packages"}},"7.0.0-canary.863ac1b0f.0":{"name":"@material/touch-target","version":"7.0.0-canary.863ac1b0f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.863ac1b0f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a5fcb8fd6944b295daab0cbaf63b88857f725041","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.863ac1b0f.0.tgz","fileCount":13,"integrity":"sha512-4l7fy/WXmMj/83lPf6FBRSupBCihZt5FaI0+pwkAqzs1cMqVoPh9G/9CDgaH4AgQ4tAgW7y+ywrJyRuGmOulzA==","signatures":[{"sig":"MEYCIQDGwjiZp3UbF1hRwK9Mg1IuvzB/HbMaheCl0fC+P1eRXQIhAK2X9H7RgKnHMjVR5zhM/EoFb7EnqW9InYvZHSCBMGMS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuulCRA9TVsSAnZWagAAkA4QAJF7cNd2YH0AsIDXmVwK\nMHoo0ADiwiZ0DYYQemqaL76Tmh7ozPjFoz+3KqyQUZYpSGdZC2djYD8Jh5B0\nebZld7stLvsD5t+IW5a3LKI354v5T6zDX0cE9i8ImvRigEIEc44Gd3zDx1oV\nsT1Kg9rywZpIR6owCz3mT3kvKmUmupnnV4D/1kJNY3/7ZJf+/o0s2MwG1sIj\nfzTAhIlHNMzeHilKV0gOQT2417LYC+RUiE+7560oiKRtNoOCgiE5mZdO4GkM\nGBwCCpo3bz4D2KxCpzupmXcnKHF2fGCTZX8UyOWvhOuKr9B1XeZErFXeco1J\nUOgL4pWWzyZyiQiVijJxfGvlRttdTr+xU9hxc1rkET5GLdEikSDgtZUYN9z9\nkUrVV/IUna21npQa4y5ugIqTZg1fEE3GtRZnRFj8YlPqQL8VS1I9jwFBKJko\nmigrskgilQVvUoVmJC4TY3KqEvvYE0aJDiRYLh4uDe/qh9iXzWOolKu8J6iF\no6gS+GcBbQharYgmMSUhyfMfBloFH43SX8gfkZzyYgv3i2J//BAjWY7F1QTL\nB0o7xmnHvP0WDxHdd9F55R6Xqf4KtAki1O1MXgYFD2YAIwABQeLh3ao5zIkM\nLqirFOhJJRocPWK7Bcufsu3T7PiDlzXrrCeNrFW78wGxhFaQ5cKYO/7Ju8vo\n11Hj\r\n=/v0M\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c1e7026720dc12f1bd465dc892c8718b429563b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.863ac1b0f.0","@material/feature-targeting":"7.0.0-canary.863ac1b0f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.863ac1b0f.0_1590094757009_0.20283161512000625","host":"s3://npm-registry-packages"}},"7.0.0-canary.d30a214ac.0":{"name":"@material/touch-target","version":"7.0.0-canary.d30a214ac.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.d30a214ac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec59de30ba5c71f12fcad786948e9f817ca4dde2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.d30a214ac.0.tgz","fileCount":13,"integrity":"sha512-PoMaiFlrxUe3tfIopAYnUsM8iToJL3Mya+LUh18zV83CWtMaeVJIuwnFP21M8q/3Bgslx4xtUaEVhTnX/ujxIA==","signatures":[{"sig":"MEUCIQCQuM9UcRr4TmLFXGPw2j0pjLR7xz+cr9vrrldvNJFK2gIgY03wjTSs40BFMrQXoHdMm0Nkm/oPmd5NAfnCVdi/suE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuyeCRA9TVsSAnZWagAAKYoP/AqFLCXsuEYQDBrdyaBW\nTPwjVYWW8bWP0cXCf1loAam6VfON4SYt9IZUtZxLe7UdVjMB0B2G++bmoAUp\nK9p8l4ShGcgrikQEfOrWgoNB0krqNc8e3exBzr++z6Jetjp8aXn0AM7JTCQ3\nvKgwBvhuXpT04eQ7mcEAX77KZiI66T6c1uHr6MY498WDNZSmTKh4LuJaV2v5\n6uAlNpUYYq5TjNJrDkipcPqqt1RUNeSQ1/C7O5fn6xh6JMVPllRRS4AzkNYG\nUZxeBcptvUHUTOb2hcYZyeoA3u0b1mRX4/TkqrZ1CCdvJMMLVsG/4CalaVVi\nK7p6R5hvN3KUvaGimkumxNAvSkIMtSHN9RdsQN/fci+wyGM8ov5S3hbxofrw\n6rlOQWSSP5keY85vI+quAmitIKz/2ZcJZKhCmdwmIM5el9LfNZsEW0wLqadR\nW7+qm/yJC8tFVDytpz+sgPaNpY4LXBwu37JLE9Q8dC6if7X7VHKcSOS1wehE\nZ4fpyYFYe4syP38DPiAAGTOWlxZmve0jCIN8I0Zh/zl1VF6FmriAf7Nqbgsq\nc1zM0xnh7yUNtERQc0DDJNKQrsStzEsfhJjNn8eC24yzvmYZArdjlyDkSj3y\nfYhMLuyesTyuEZvR1BovUcyBikJfARBpFDs9pjs7ANNxVelsBAnWi8/3FPQT\n9GLn\r\n=1z56\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"635c0e7c484f851d2ecb4be825abc36357ffc685","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.d30a214ac.0","@material/feature-targeting":"7.0.0-canary.d30a214ac.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.d30a214ac.0_1590095006089_0.07085114420381022","host":"s3://npm-registry-packages"}},"7.0.0-canary.62abbc8d7.0":{"name":"@material/touch-target","version":"7.0.0-canary.62abbc8d7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.62abbc8d7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a87abf6cd846701a3830345771595d054580170","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.62abbc8d7.0.tgz","fileCount":13,"integrity":"sha512-N/pqftNKI07lqwytYB0qXHGGw/PdyYM0XSh+XaLOhm0Jio1+7iF0S+/Hfl922TFkleMcPReq269elShcIgqnNA==","signatures":[{"sig":"MEYCIQCKnJWsnE5MrJrmuBn4S8JQqpVGMGEDD0ZmPBm/f8kUBAIhAIfjIFzcKu+jGUibysZLTEo6Wml6hE0XHpp5OShBPog3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvJtCRA9TVsSAnZWagAA4UAP/iO53Q7KS7unsbp3AWhK\nytljG7Df580miw3q4VQEgl2LSY42IRlNmR6xwR/4UMP4ljodJX+bUfzpZjBS\nEl1EVOSZAGAVmAuKTPsV/A6+RONgXoMVs2MdWD00TssYaa5bebXz6lno1ABs\n/cMKpUWWJ89Xg1sY/alLSCfaX7Yw+EoKZ5uDB7W/Aa1Ub2a4ECSLqSvAZV1C\nMS3AWsZvGQpVDsk1Jw2TAd0X/uuNy8h9ajQavRyrppwtlrwhUE3cs7VcvzcV\nOf3Oa88gBA8eB/FUN1NZo0bxfJ7wAjKAqvjC7ZF2LQQv47KrYmg/lGRw2lk2\nu7bpvxGuTxck9KVZiwDvd6dVT/4a1nzMcgvQkTCdmM9H65p1baprCUjcLFB4\ngj1QWBzwj7/rEx4Dlj01NWEugDcwhRd4eV0cgb+Ff8wZQgx4Tvlab5RW0LNR\nT8QlS8YYesgAUI6nQq69uPVab7ZZfvmnQKGTWd9rfif9sOnOeSdsjCUk8S9H\nmz+i0x6KXh6eKh5ty+JHXVyuOQbWNOasGTkwjYpiC+Ka+MCQa+tDqvg9MJMQ\nzo0AWyAzUsbfvdmJX1Y6uOT0IGDubRxXB7hOyLAGv8cCT8myV+NDi8g/EYja\nT0txmDbx4u044LxrOD3c6URtg5CjIisEmBQHKhwqaOGDexztpdkxUuMXNMv7\n/vaq\r\n=RLZc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6758c29e4b065e2aa9cf633b0838c4ebefb9f54c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.62abbc8d7.0","@material/feature-targeting":"7.0.0-canary.62abbc8d7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.62abbc8d7.0_1590096492723_0.4036727647268392","host":"s3://npm-registry-packages"}},"7.0.0-canary.49bf31d5c.0":{"name":"@material/touch-target","version":"7.0.0-canary.49bf31d5c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.49bf31d5c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc13722ddd709698b3b056746bac1bfeabae27c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.49bf31d5c.0.tgz","fileCount":13,"integrity":"sha512-sgFNecwkQJkdrcuWUuBM0o3xVNOPVlc347FMVqGPw9+ge9h8vQZgzhqvbPGWC+fFvv6TT7VbEGJ3cDBG8NZy/Q==","signatures":[{"sig":"MEQCIHjGaOQAa7886HGcHRksvJeOHtm1lIg7Zwqp7nfv/2wlAiAfX4MDumga2avfCtT3BjpeviOXYZoaZAglhSKiDzpj1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvM0CRA9TVsSAnZWagAApkAP/285Sp8l1IWbji8mhx9j\nHoFqh16hcNedJusVawBBAR0bYiU9NTcs6dP3hJACc1jR4Z3+RvqhH6ZdWU4D\nbZPPw7IrjWvHXMHyQ0NAYouKW/Ly17RYS3L5zyqU79DwFOhHfODzzUHjcZrw\n1aKIQ87nll3GU5xJ5CQM4nxkxnTKQpzAZyv3a8SSOqsU01jQRlRwLGgOIcHt\nOzuhhOVHHNV/sTPLAfrEl5HECzi8qSQHs/7KZFOSzqZDqmgEltEghusw3gDo\njHfsu2j2RL2D67AJvrOPDvm4fQbCc876mKJrYoPk1UlDm2jgWsDlTi8Aur9T\nEOTJQ/A1xW37u+8K/KZXW51spLxd+EqIaZVLJqfYF7eFDzQcoD3YSgI6agoK\npHNDbHhVRHkn0/7N4jNUMPlzyCRmHkGQjS1H8XThGt9P3kf7pTr24JK+VICs\nMl0z0v3Bt6UXjLkEX+2CaipvGk9H9dmi/baHXQChfWmipxCCHG2B1ytX9fGZ\nXDnI1AHXhxkl4CdIomhcWm3+LOp8g/wtWVfQk6JYgdM2RxSm5POPJ3C+6Sro\njgNHCuFOIqIfNJtLWsj/DsmUNNqAqMyP/7nxJzB9r88ULyTo4Rym+huXox0S\nZiyRHKd4X5oUQRzlFVnrVOdSHfKMokrZnvIHGY6Dso/+lxLx7CbZ3FdZ2LvF\nwO1v\r\n=ObJt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"01cd7b0082a754dfb042df35ec48efcd4aa4c52c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.49bf31d5c.0","@material/feature-targeting":"7.0.0-canary.49bf31d5c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.49bf31d5c.0_1590096691834_0.6160641145057724","host":"s3://npm-registry-packages"}},"7.0.0-canary.8e17857d0.0":{"name":"@material/touch-target","version":"7.0.0-canary.8e17857d0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.8e17857d0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"008967dfd8f63f720916513c89102e65ca866ceb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.8e17857d0.0.tgz","fileCount":13,"integrity":"sha512-WQGgKKk4Y42HtNYxpMRn0BWvs4FeTqz9AiFDiB3Xzqc7EEfP1zvC2aSNCgJoJoUzdYs04k6kTAzv7VQCaJZbqw==","signatures":[{"sig":"MEUCIQCoMnCIew4ySwe4TVbelGF/NdiOBh6Vu9V9Y+8UUMewJwIgWQRvhqVXctKm8/iRkFE8S06eyXfuanaVPSGAxlfiqmw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvNqCRA9TVsSAnZWagAAVFsP/1X9K6Iyo+uEi7if6z4y\nPpbJSZAzJ6r4TXxoi3XULIDx5W47y2eW17wuRS2E3U6F/dVIMShADhE3Ty4Q\ndOX0z8kNBPgYN+GwnCfFVHRg4+v0sQifAxloEyJCiOypncWfEiJCSfBxwAtI\nNH9RnEJPB4DJfQvb3/HebAeK8FYpicDIJHYxJBhCXi46tvkgt3Xqt/TTmS6M\nIxKYAx/ypg9iAx24Dg0cz3DQWxisCxTPyhcb4juLQH/nGuvkb1eHzPdpD0kl\nJNZ+KpXJsVY+GMH+cunIhVCwfVXw3gTHg8X2sI4dhzQ2c0kbjB4ZAbhB6fgU\n8C+5GNHT2kJA+bFnrfo3Fkaj/o9DWRB8CS0m9fhLUohgaXFhWmILhP7EpR5t\nnxf605cXbK/HNLsSYuLbXJNzyKG9CqvxZMAxmw++0vYZvPN+2Bx7FQCRceoB\nofwZBMeMgMqVR7/r+V0DwBExgyxWULL/nna1zpsT9hzB11ZKv8ToR1GGw6zO\nUetUd7Jn40XrsY1Fen1FoEem8fuAe1CY+Hz3AXLqHuxnMtJ3DcjOS66Udsi9\nlm8WCrzKYN3NUyqFBqB6UJbYDSgRLu4obyFqcykTuo0GlNBfWGGsbVAJOCUW\nmbHgH7K1s8JSltcdVBJ7lm/hndbJXOZg/3U6XDMXzRtiQ35A7FnWXQcHEL6n\nvFkd\r\n=JSxP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9b03d700366fd287f2ec053c5ef4ccf802ac600f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.8e17857d0.0","@material/feature-targeting":"7.0.0-canary.8e17857d0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.8e17857d0.0_1590096745544_0.03472585007967255","host":"s3://npm-registry-packages"}},"7.0.0-canary.c113fc942.0":{"name":"@material/touch-target","version":"7.0.0-canary.c113fc942.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.c113fc942.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a34e2814573c4668684af8f0ee45aeb5a09446d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.c113fc942.0.tgz","fileCount":13,"integrity":"sha512-ajVYxDjndK3co7sCdtQiep93TzCpOhARI0wbQSsBTe2Xd0FWfsqwyGklX7aQj7kkpYgqWhK5ogV+acqR8zVCYA==","signatures":[{"sig":"MEUCIQDV7Aop1JwqRITLtmS+3+lsr2MQeQqIgfT2bN+JOCljCQIgQG7kOYPdqEbJ4Fa0MAGDzvgraxbBX5soXYX3ZPoizHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexwSmCRA9TVsSAnZWagAACIMP/1LZ7XkdePWvzk2/9UEo\nmD+x3soes0bqJXsZXSvt8QfKRx9J32LUR6x7vFri7BnxGI2ESt2RPaOnBl4p\n3DS+3eqOX11yfeIfX1zf6hlR9wXv2BZm7HV2eHXJYXV3+GMLXhIZJ36jLRqy\nhhxlcUg6AsaxUXIg0lCzKMYkTPQUY8z7ojBMVF/pLdmD5cCgMDbeHyiKLEDA\nxnF01Waftd/U0Z6/TcLd8OFHQNp9PO2Hik+LSM1w84Vxz4nYjL01KWTTr19k\nO1ue2hZvhd/ZPoHtnA003pffv/atO1AlRf3zcn9cdfsTVYTMVdF9CFbzxpei\nnNN6geC6ZHxU71wEBSspzImtF55W1ttX8RK/0nsOCw7R2NHvw/AGggOA0nxt\nUBzDSm25T0s8LLtzk/vNx3/ITErXHoknjduLk3t7r44V5WqcuUluaYSWCVXg\nCpcSbSEBO0GmAKqCgEywNGvpPO/g32wlE6iAPP3EGculaDZ7Ge4LStjJ2MkP\n2M73m1iCQTUxczvrTUvcTZI+bJpZVGoZ53fQrcMX9rHRrjQQLwQtiMe3KPyi\nVjGw6mOwk4sYItWk+Jwj49ZCRZQaqdFS6NOIwSL6G9/0L3bKAI/1QIxaLC6x\nUMh9JP0xOVtd8FT0dE3vquZRzMrlpo+UQGhzGtovLxaWVS1pPxBYmWuuKzVM\nHbeJ\r\n=IkZD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"49605d78c19f78dc1b28a35457efd8dd808621e4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.c113fc942.0","@material/feature-targeting":"7.0.0-canary.c113fc942.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.c113fc942.0_1590101158205_0.3648980243987814","host":"s3://npm-registry-packages"}},"7.0.0-canary.912d9021d.0":{"name":"@material/touch-target","version":"7.0.0-canary.912d9021d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.912d9021d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d6edb0e69850dfd619b466a067603ac491df3da4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.912d9021d.0.tgz","fileCount":13,"integrity":"sha512-Nj7AEJPTkbyTCuo8sm2z9YYDOGQKB9qtVQjEqI0O54ukzq+ZLzZHVEcA/APv+UDt07ksmidLW+L93VdyG2v1eA==","signatures":[{"sig":"MEUCIQCH1t/n/czOLtCCALU+GNlL+zCw9vFJ3NfAQrenQkdivwIgC3ewPZgO8AUm55a8KFfemEf42Uz4PFZDVCWL/rYPvLg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezWOjCRA9TVsSAnZWagAA5nkQAIz1kY0zElgu4aNBqKqS\nHPOuLqCSJeXp9+jMXv3hVyWBpkHObwgFH1/YGaCVPRIjxGgh7PTImL+tHhPH\n4K0YrI+p/nCnNu5UhcVRxZnV58hRQiQA/WZthuCHh7VDZ+EVadu/aNfmOEOB\n6Di70OzvLZHqk0SQpm6gbmmNLZsNlHw69dD7kbbrjL3TljXiSHiz6NNAtN+k\nWKzfjhfoMPYCKLdHCzHElLetpXllI/GNRJFkbtqNbkf3qOpRkWvm7bnZ4CIY\nL9yludSair0gtImy/UqLG5ZRuU11/7dTBz4gyukmXSCYB3brN59pcryJS2Qo\n+zE7C1bhN+cw/iVT+UmLaJP/+O2xP5gEQBGQuPb2TWYj0BhNYzsDwaRU0J2d\nFXIdA1ANTJHvlm7nHsCL5OGxNxxK11sBDbIrPDEYxnPOAeb1sZoh0jW1Id4m\nJiQP2cLH8Lt7HZXl/Fq4gZ5qtJ2GDSxw1Sy/0FdOSjs06i5yk2UJDdGrUh0n\nRLlnNJMzLF0X1t/KgRQWdsYStnFQ5OW7piiejfzMAq3ejIKhowVp0+D8IMwf\nKx3E9bH+coYyzlufRHQEriSFjTsF0By7ljXVbOWQ360+cluN8lnxMPeeovt7\nX9LsEqbRHc+csaFddPmF3eMoIfn0ALV0pyKBfbVVowL2+oD+JIpjLoaWBrjx\ngw4F\r\n=MeUJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b7080ce5675d8ab69b7f361d040e079511499175","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.912d9021d.0","@material/feature-targeting":"7.0.0-canary.912d9021d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.912d9021d.0_1590518691079_0.7740739799890985","host":"s3://npm-registry-packages"}},"7.0.0-canary.68a2af131.0":{"name":"@material/touch-target","version":"7.0.0-canary.68a2af131.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.68a2af131.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd8e4287fde354d99e0378cec6a7c8f469bf9717","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.68a2af131.0.tgz","fileCount":13,"integrity":"sha512-Y36GT+sRtgA6PHQJhf9f9UxpZdId+r9x0FwgNRkjehkTCqa/PqZO7HE71ppZVNl1fPa9SK4HLm7BLknQhJHmUQ==","signatures":[{"sig":"MEUCIQDvDx8VkR+3Dim4iD6AG6BoNV/Tj/+W3ddTdkgf0tDo4gIgIJI8U4M4bU7b/wW2tsixnCL8MpmZGG06dKF4WOn6lcU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezWjTCRA9TVsSAnZWagAA2b8P/Azxyxy0YZCzez9XmQgZ\nKFes7MtYG4DLH5C3efq3EEKJuJEAIWde2vDJhCPUgRqwg88t+Ay3bda55gac\nzArEIsGxsCRHLdJuF92T1sGPT9PFMxGvtn5i2Xp6NSc0w5ZL7E8R24Nf95XG\nY3AaDgiX64p/QGHrbSP/1/RwpqsUu7LlaCkBKZ6DFhMzAtwGPc/2ql+0PMJB\nKgIPbcQrOMUWrGk/2tPzeOTQ6Kz32GOsp1cuAHMVZRs+1fvgiXDgbU7adIFH\nvItAdLqoasuJje6EyguBJnv+ilp+SrGg2YtzA6c0DHG5q3/twrKaAHoKYKaY\n4h4FvAoI7l293UkUSu5nCO0ekjzmxwHokxM1ePkgdB6sVws7tHOnqllSCCKM\n+Tugt3N4cHIgeSGF03xN0dlv3ZaAuJafzbslC5kd0eYaE9478vIA7zjpGFFG\nRSqANSyexQaWXim4M18s/xzdvp2FzXN5AtyXk1WFBnOBmTF387r+YwcKK8mO\n4JdBzvSiRZ7pCFnFbXfFKgBx7tnO+k2ZwJYLT/ShOPkgUf6efge7oKYqIJrw\nDT9EruVDfjNcGLtLbTvm+FDtXTWWuHInn20tyI0V9KEAbieiCdGHnSIU8tG5\nETloQXLK+fztOGMCyg8ckxseX9pxeGANe24MKp/wlVHutZODFdWt7KU6nWIP\n2BO9\r\n=ct6y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9fa697d39bb8f18500434764b1fd608819d2e194","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.68a2af131.0","@material/feature-targeting":"7.0.0-canary.68a2af131.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.68a2af131.0_1590520019261_0.04114485437784676","host":"s3://npm-registry-packages"}},"7.0.0-canary.01de07011.0":{"name":"@material/touch-target","version":"7.0.0-canary.01de07011.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.01de07011.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c2623b64b415ea29c15b639286a4c92d21435fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.01de07011.0.tgz","fileCount":13,"integrity":"sha512-/hAWB5rXzt7xSHBi5gX99Qs6yRgJ24jYRPYzZFr6D8lKZhdVaSom6wktV8THh57ZiDwFJ61DlV+0VaWIaFtZGA==","signatures":[{"sig":"MEQCIE66sRI4KPPZaCS755JOunpPVyRWJAdTokA85DMVm9laAiB7/eKPiegrVOQmPSZVfXWcYNwQPCu2ee9jkcjCEQq6aw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezXNuCRA9TVsSAnZWagAA+U0P/RdyDLYt6JlTSsK7df9z\nI3xkF3m0RLypjo2Sc1WnWoZwJ+MlBOmnPH3ZPyG5L8YK5/cni4TU0Basp968\ndlrGlRWUEraM5Aa1UjqTNmI7hu6aIno28pkgAzOMQXFU4H/ZI3bCmpPJCYyv\ngzetPqrM0kN0JLGXSUM99diBpSuG4ciUUUzoCEKuqwfxaHSCEjWE/AzMNIIH\n+uZdSrK3MuxNELzUXXBC1pvoE4Lye9rUY1l5ye+hl3bT5G65jJfy/mFyTbOb\n8Rh8hhG8f70KjrFgWnItVg4XKmJYA58Dep5DMn6NnIE4IS/rDufSpbwW1IV4\nH+PAwptg8nC1D8WxN6cYCVZFCIHN66blBISqJ6OHT01dvyN/Yc65qO0OPvnE\n+28p2258N/GMwqBJYCRER5n5hta6HCkk/Jw4MhqerJQM8NaYDOlXH59YfPqV\ny1xNWm+RqBbLUgj6U4M5jgOuTps1JCXOdn83yn1FZ6DxZVhISCAqxVZFNci7\nM/rGwLgbb/ou2z11E6/V8pWcD7HdGCvweRt5QuXKzlT9lf7CE9a39CDVFIth\n14zx2k7n9GCOERNmbqEk/w2Jj33wFXt8UUuIEGhZEujVpSX4276L1XAK5Hx0\nT0dtFNb8mIc4F8bI4x82M6XnVK2GBHJlCzS+QrXuUp/zxd1yV1Zmc8S0u49H\nQcSP\r\n=bK84\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"58ff4055affa7a1d66e79813fbb147990e5360e1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.01de07011.0","@material/feature-targeting":"7.0.0-canary.01de07011.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.01de07011.0_1590522733802_0.3797594235141064","host":"s3://npm-registry-packages"}},"7.0.0-canary.51d4535fe.0":{"name":"@material/touch-target","version":"7.0.0-canary.51d4535fe.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.51d4535fe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d2c7bf728135770877c83964e69572fecda0d354","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.51d4535fe.0.tgz","fileCount":13,"integrity":"sha512-Nshb7RWzmhBPwnPMuhKtbs6gsR1+H93hKt385f0ZsCjL84/7U7alCU4Suai53uEWM/PDyayRyHsoW8v8XQDEnw==","signatures":[{"sig":"MEUCIFfk8kIipv/t3ajNaPll4VHTtoAwAUpRV4vc2+97mbKIAiEA8K81o6Bctd5v0GAEfT47fyw3FgpXTYGTPLNejXJCndI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezYtdCRA9TVsSAnZWagAAw50P/09vsBYDXbBZrlsdo+JC\nb2QQI2zcTRk22eVO/pBvQeC93J1i8XXiUx93C8z8lGOz3+bDtn054/YnBRpT\n+fsu4ntJaQadnv0Aws2/RO2WaCHENUMofZ3QGGrzKKp2gcZ35VO1+jwAtY9W\ny+jCcVujugW2EaIWw0C0BkVFiMljQga8qSC2dB3rnQ0xUJ/8qPkKbs61K5+R\nh7sg/hsv0syEzmlujOdvUx8KiqYyIaMxsjiFedOFZgSg3p58h3mjqwuhnnjc\nLExr7p6Blfc3rERmJ4oX/Xs9BCkA1bob05uE/XjZ/s95+rArpKVjqR7c5Tl9\n984YttENaJDPG4CTVjFrkZyPL/3RT3xG3+j++buce8hWnzkdB4DtodJ/tz7a\nzkLFd8/BflpuQcIc1DzytcFRphko4+dCp7XRud7yXj5uKQqkA2owOSxb415/\nkgAo/RjC/r2dLlbdkKb5FQu0BzeR7e0lWdnECeE2FYglG9Q8CRuXjRrUJj8x\nN8fbPPpg/IPM1sXbWAKUN6r8e54M4y0fBvslK4w6zXaOs56jzIxsSVNBMVWx\nApy9JPua5ju/69JCoMqH32Gw1KqD7/Q0m3vQTWNYoqH+IWVLx/0P0d+/BNjN\nsthNUGURcPWfmvxjqSTz4wUO4QTYl94cCEQYau9z0B1+tS6+bO9WwmnkZuWm\nmXDc\r\n=JzvB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2ea346ccbcf8fe2cc90f893a510a194ad4f67356","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.51d4535fe.0","@material/feature-targeting":"7.0.0-canary.51d4535fe.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.51d4535fe.0_1590528860835_0.8691326087918789","host":"s3://npm-registry-packages"}},"7.0.0-canary.b86d826b7.0":{"name":"@material/touch-target","version":"7.0.0-canary.b86d826b7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.b86d826b7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be52e9e55eed1ad58665f2d43787776eb8d6306d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.b86d826b7.0.tgz","fileCount":13,"integrity":"sha512-m/AU/vSK5pBlJo7SMeGwobW0/7bu9/yWi1nxj5OVeOts1ZpcTT68q/fCsIrkWmS9kAsfv18G2Aym5XGNkxmLlw==","signatures":[{"sig":"MEYCIQDyZdp2ee+ulWOureiloWhlMwQhxZRYnu1kA+VKUsGuPQIhAPESkbe4fcXdbjNrQj8eba+wbCrkAMpHRGzEOawYnGxv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezZR4CRA9TVsSAnZWagAAARAP/2zZtjxOlyPYbkfaHPD7\ntxaMuQdOJM2RzD+1GvN5+VGuEqCVG8iOu6AnWFg7dU8vYJ1ZDHTUKv2kzuf1\n3PlJOFKzbXMur3qq3UVHbbeszgoWW6hzh5S0NxGTghiO7XSFp3mfiBcz9AQY\nX/xYEC0CuV+kyzmjMHhosrfCVIQLpprYLwIw+scaD9fDe+GsPSMmU2poNIqT\n990NCl+YC6HsHVa5gN4HUV6qdPDD5EG3E4Pi7CHYv4PdjSl9OKWqJQ/zTi1r\nRortMvNj8tqZ2YkAiZJ9MGyReYjJEDk/VMFXIom9TgLrNolYeS4U0Af9LvB1\nJ3Z9/K/5Setm7q/8fkzi5X+3VbK/MTE0ntCPB8XinQudoo9hk8EcOhDEGW0n\njGHKKmOhHAJW6GL+FoZIFhPMl+0CWE62Z6vGJK+20EPdTAbZIr2JgZt+s04U\nn21rtf2iHR5NZpvrC9TGwJBNj3id41HA8SAtnRk1MLDYuKMSEzksYQfNBlYw\nCkt2CLBfLFlZwLtPmt+lRbBEgFURjbhoVCP9VzKQbNu96Tl3xl9YQ6lYTzB0\n6rp7gwaH0RgGG4QeoERa5oEQe5f5Z99OhJkXK5r5S7VIy81GS3+/f7G29qq0\nBKFoRwZu5biMqz0YfU1D7kk4i+rgqp/jiACPIuerxV5vql1TsZGhN11DYj3q\n0w+d\r\n=M38X\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2b22865938bbce871e6d1ce8ce0129227142073c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.b86d826b7.0","@material/feature-targeting":"7.0.0-canary.b86d826b7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.b86d826b7.0_1590531192406_0.022664775413709037","host":"s3://npm-registry-packages"}},"7.0.0-canary.d91794c7e.0":{"name":"@material/touch-target","version":"7.0.0-canary.d91794c7e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.d91794c7e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cdebf3221159b3be6e80320577c4e23a7d6ed468","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.d91794c7e.0.tgz","fileCount":13,"integrity":"sha512-R5SSsHEzx5vI1b1P+eDvk27ri6ADM2DZpPNddG0tCJYOqpLUy468B44RrvBq3iZEGi4/sJHjVCYqpuDgiobOfQ==","signatures":[{"sig":"MEQCIDJ+L+1WEmgAWuOGr4GgMk/JFJejK3CNGJW3fddB0/eeAiAC1THkAkyd9MG4fq6Sytod8svZAq/uufIyEOnPYIvyBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezaw4CRA9TVsSAnZWagAAd10P/3JdKNh/euem3Qdsl67Q\nC8M5hz5+YBnpGrj+cGrfrXuETPnnqsvMZ0R5lQZg/vm8UycElT7R3ClYa3T6\ndqNNcbfILgy6yaaN4rBhQKokrwvAzWzJUdPVTWngdZe3l01ljKDxrDuGDL79\nswotybnCSl5XbX982YnXgpxlLwxliD6IkMjQaAE6hBmqklTunc+oo8Tln8yP\nbSJ/bax8wSVGWyBnzGrIa+fCEP8GShaM1+h5r7eQ5LctAP0TpeSWKv1Y5KvY\ng4REFul57+fNr4kzNR7bMQn+K2K3gpjCW48uU+8sMAXjZdVeF2n7TC3zG1kG\noMNl7L/Hk++VJBSzxzhFVF0rDvtRJ/NlZ49HqDBf11xXT0s6/6mWy9SH/dUN\nXGkBZiG2AvisWxwzXYL42rB8XtMnEoQVFqZCJzQqfpdxZpVzGsDe9N619Rja\nlBBlbecDrfaBcVnvKXQ5P44E92gzIgrrGuJ5eRuLWVxHIUCd2b8yB55VX2Fz\naZHW9v1ysG28I175sgAuXfD664oGpHGiQD0yEu4mdSjTbYmH19CC+i5/UZJZ\nPGVPUbkCY8BJ8nZ7x0ym/fReHlo+U+QSDF9HZ8ko64jkgXVCGF+ccZLugIpp\n8pJDrvWkUW6lwQV//d6XROOitpIMhQ2QrPxZPi6vG+zZuYbJ1Hch+q7GqcSh\nqoxB\r\n=9fCG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f931cc9789364ca07cac4a17cef0a225bf43c168","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.d91794c7e.0","@material/feature-targeting":"7.0.0-canary.d91794c7e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.d91794c7e.0_1590537272048_0.3559601578827063","host":"s3://npm-registry-packages"}},"7.0.0-canary.8c6d7e076.0":{"name":"@material/touch-target","version":"7.0.0-canary.8c6d7e076.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.8c6d7e076.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"232d4fbfc0d7e71c03a44df5a457f40381d40bc5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.8c6d7e076.0.tgz","fileCount":13,"integrity":"sha512-khNJOLp7ejkBdd4NdR8gmvsQEn27Y2xnL3XqrXUjDo+O8D2IAcdlkzsdM+TuaZ+YAjpRIeovkCR4z6GueIktig==","signatures":[{"sig":"MEUCIE6SWQ4625+TTCB3p2zneDp47Y3uEXkUzyP0hS5Bm586AiEAgwOocmORelneaxedUDrXFDpRHfp+5PkcbbI3hochEs8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezrhvCRA9TVsSAnZWagAAXNkP/1SPdawEV2XtDmWjeg2P\n11pwnE6dc00SXyzTdYp+kE2VGlpSuHdA8hQIE3s/D642qAhgEZa1lp04b8xQ\nuvPAIo22X9Rir1k5Nls4PCcFm9zGGDE3gugj/rUmYW1OgCG00TwDlccf5QPP\nMj2h+0RnOxbDH1IDNWRid8cOuTqify7vlDcPpIR2OgUZSSLBogPe//Tw4753\nAwfFfJMpU8jF/EGOi3SO+NdD/ejGrZJPtXVWPCZLNcP5SY91tuU+64j+Vn8p\n0xHRrAvCS4AEqGLkBXTnrS3eXoZEytNmAgZ04vsG3JeVXq5OWglhcpOFswsX\ndr2dFRE6+l7qusSCwspesNfOfAbj+WMQe5quO9lQpayQeP32tgkphEjFigbG\nGZ7t3j9gYf0EfuVMG3bYUOFHEf3BIP0fn+xjhzJa/xvBEa2nesakp2z76Lvy\nhoFQd313YwEHSmxqS+xdOmzSFqwuCX9QcvkMXPm0fHtX9wi4ED7/cons0dO/\nmyj1bY34D49juBVqfg5nTPsx92VuzCbwmOWJvgmjkGsMOlmCLkbFg7KwuCte\np3t3dhDas5/lOLUnFyG4pbxZ6VBD9IFgnkpawDKDW4IgFfZHgK495uRXKP2w\nBuYqU2TR48zSCAvaEoaeSjtorAcyZDOCV2Ck50z3DEWsO07T57eo/LT7Q2U+\nu05r\r\n=whQ/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ca2efa9bf20bd3fd24c7f6ff263721fea798614d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.8c6d7e076.0","@material/feature-targeting":"7.0.0-canary.8c6d7e076.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.8c6d7e076.0_1590605934617_0.5885540326577534","host":"s3://npm-registry-packages"}},"7.0.0-canary.5b5f62f93.0":{"name":"@material/touch-target","version":"7.0.0-canary.5b5f62f93.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.5b5f62f93.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff637da1a90edad3c0392e05f40be5f39ec7d026","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.5b5f62f93.0.tgz","fileCount":13,"integrity":"sha512-v/2ERIu9Ge2IDxG5M4yKe/EWSHR1Dsc91GeJQ6yUpseIi1Q3JKxaDzcFkOdc6QUf6Qur8rdui2g5BaE1y5P/SQ==","signatures":[{"sig":"MEUCIErev+/mESYBYpl548PqZHl6YEwBTFTDHOoo/QLyz2cSAiEA17ExHYaKD+oq2g0eOLgkkBmenUj4EUzTgb1fIilVZHM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezrxsCRA9TVsSAnZWagAAW74P/1+zRVMRNlwqfaxkqCh3\ndKyt0MpjaghGe/pmafQo/4R3CgwxFs6oZw1DGuiLGolBGnwP6T9lXR+ndFnf\nGmnKe2t7mq/enh9r8CBHC8i68UXGE13a0Mg8NL+rgNEGZWO+nUs70cCnegb3\n49Nm5hpeADKa3Sja991p5ePbSY69XPP6MhT9He2OOL3kYW0WjPYBFu/WGlM+\n/WgJCiEXPzvDw6oLh1HcTUdxAnB3L6GchKJNpL141BB0sPzF5hVT3gcRN7dT\nntPTR5OOCcnDJuz9rMbY06fm7WWtIY9qsDFoMhtMkcqX/Wh4XYVHM83q7cB1\nGx4dKjTvQvsvYKopdDF4XRevT6ZtFnQhslJ94OaT/5Ld9ibd3/PN7hthjWpY\npbuujWyuiMCxPrGarxzUNLyZdrNxV/rxQ8SUzkM6MluK0PKZlnSG9DCHxCvE\n6Art0ZnakV+gcPoUyerv42Iv99dZR5+jawHj4eV3+QvIHR7TL3UjruVdz3DH\npZA1NiNdhLskO3TkJoWt8TvYLIekiT7YpeOYfRn5BdhzTCKwGPxqAeGO9mMm\nDNX+oLRA147BVQxyLHuLRSmOJzBUJrvdG5HHqqEBHbDrbSB2sUblRl8u5qWs\nDLaXt+Ok49+KSwMX8eamYC/kBOi9yGCAzAaa6QOtOt3QrtpNJO+01m9tYGMI\niL6X\r\n=cO8R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bdb576423b0f8020c453a5473bae420ee287c240","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.5b5f62f93.0","@material/feature-targeting":"7.0.0-canary.5b5f62f93.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.5b5f62f93.0_1590606956349_0.05827432642296615","host":"s3://npm-registry-packages"}},"7.0.0-canary.d9972abb1.0":{"name":"@material/touch-target","version":"7.0.0-canary.d9972abb1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.d9972abb1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"35ff55e11ba7b6a1cf29adefb20aa3b9e9b9c861","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.d9972abb1.0.tgz","fileCount":13,"integrity":"sha512-t+drJR1uZk1jTH4mNWZRg282jk+SwifH9zTYfkKq4vn9r4dQ1fYSPky3RDNvIrsYHCfh+Ra7LfXX0wdkgMTvpA==","signatures":[{"sig":"MEYCIQCZeTMBWiNB+UA71w6aPqJW9liraDyMCOwBd5YDEbtCSAIhANfBel0faW67jU6QyAjBsXYsPgp+8J4x5wYHz+d947MY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezsuHCRA9TVsSAnZWagAATPMP/RMOlaVuAiISPUax8fzl\nhmw0xYrjvFHFwTbEwApimMDjIT7hxmVJ0G/svNxOSw/spaRJ9QsNuvCJHN8K\nO1pisPI31JfUgn1dH0cCGqU4hvtkOWi0qpcNf0dC6mT5rnaGjL0s790V1K2h\nSQeQRqTQWT+9TPJORA7WWyFW0rzJdW0GBjO4ttkm+e75kD4k/4KpK6dtQcLP\nQwv/5/MGX5NYyqkpWHkLQbVwtWUPCNA3l2Tx/UwntB8ULfGEHYhFsyGVgxor\nwsPCOkdi/Viq+cE4B4KBStjBCv03DizE77Al3HvYdWkSCFo3wlzuUOkMcGtx\nWRloyWgWa75+0LaLUBBNNlAA5/hfRLuunDAeLiUISvtzxrjcd+yaFaeV2pvY\nnbktiV6vK5aWkeRIvAcUctwPPZac5XuZ2/KmFuhBm+68i3h5arjhlxNT2rif\nctRwPRR70cSDNHBond3B5xy13pTbbvsHQWUVD++r1xqX5Rsl2TdO8EVWCLuJ\nmxazyk2WegZr1ty8JZOSrwkqFAdhaAD6QtfEJ2T+P7bkyaDVpbaJBagtXa4s\nMfEAkzzrtsVAmr3TwwBtCvZviVUjHYIwDsXic2O9qBF8FxBXBNfuSIN9QJpi\nVeFzJknLEHma2ONlom5EbdtjXvmEywXANDtBTTSyr986ybb0fLFLRDTU4Ni4\nc9KJ\r\n=/wpt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3db449915645c45b366327c8152342a34f1e10e2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.d9972abb1.0","@material/feature-targeting":"7.0.0-canary.d9972abb1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.d9972abb1.0_1590610823332_0.1149164222343797","host":"s3://npm-registry-packages"}},"7.0.0-canary.6556eda2b.0":{"name":"@material/touch-target","version":"7.0.0-canary.6556eda2b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.6556eda2b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4882cc843a86bcd3656270d2eed6d0a614f796b5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.6556eda2b.0.tgz","fileCount":13,"integrity":"sha512-fK+GAcgXohsUVCIj3gkMutC7kz6rkRXzhc1vVLWp56mzgPlNQ2nBlWiv3GsvEN6u4T4+fwYk0bAzTqNFrpzwPQ==","signatures":[{"sig":"MEQCIAjjU5aUZveUg88UHNqhkRRtf4PY+/+xcoiPt88GCIKMAiBSugcZUUlTDPLmFNn+M6z4ens76H4iyHj3ofGA4iVs2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezs2sCRA9TVsSAnZWagAAwfoP/A5H9QvqIy3bLIj11UoE\n96PpvqP3mc4+b4u5Etd/VjzEkCAhRmpfxRmk6vCKU3Rqo8HLBXqAcRJiAPUi\nhhGXSqUwYQVf/HZW2TvtDGId8B4MJ8p/Yb3Qs1ig/Rg8YfaFRjdfHXvjUfLZ\noIC34XA0GMTHftZGhjsVz+S+gyWFKGWbug+TU05SIjvU65ARb9zi6Crds1TZ\nrOfguKTQGvtRJRUz2r7Z5rRzDJFt8mH2EYRVCmIX1VjX8StH3JfmRkqDdiGt\n7GIcGW9pFd31JobFk7iIwkNQOfHS+hjyFUKmqmTB7KeSBmsoUrcOWGvhU9kB\negwH3yMC0X5Ik7CrIdbesG1bvfh/SDylE6yqwALb3zDW2eQW8TupvagYpNhe\ne26cXRFQ+PRRwbOeb6AbNlAJw1cZKc6adzEJNrub32vJH/D9HbJtqpPx/55z\n0Z0HvuCGoYPZtDS+EFqPeSSQIkuBK5mgKGJH+ToWXKhjR6Whcfhn7FEyHNca\nC0gegeZEL8F9qFdKLD+jIdqHGvaplMS7ads47nE7eSUHyDZdQgoVDN/72Cj3\nZ6w8cuk1GgV4KaYeaQ7I18+w+wkWO+sfazOJsQ4mqoaWIZrgh78GE0Hyn1Fq\nyB8Dk+f3dMwG8OYWiDat8bY5PUGs9BxnBqeUngOHh1lTnJWdWuHMwcFY6Rfp\nij6K\r\n=3nzc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"504ec59b4b401d057e70ba4bd1bbef2f87218204","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.6556eda2b.0","@material/feature-targeting":"7.0.0-canary.6556eda2b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.6556eda2b.0_1590611372279_0.9524415863770368","host":"s3://npm-registry-packages"}},"7.0.0-canary.32aa23641.0":{"name":"@material/touch-target","version":"7.0.0-canary.32aa23641.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.32aa23641.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b16de5bf92a50bbdb0b94e8d22ecb702e204a804","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.32aa23641.0.tgz","fileCount":13,"integrity":"sha512-AiRwO3BIpOJ3hhNsFyOy/wxbCQJmFvuu+V1HM5YJ1qpBuwN9n7H7ccx8fJfc0ZVGezzMZUy9IQsGfRVj4U5vgg==","signatures":[{"sig":"MEYCIQC4uilTaFQ9chM1xNZxbpD6BffP3FBkKIbN4A5bfxkP+AIhAMyufkb2LNyDQzRG4RT61IprwU2QZJ+FrZIbkSESDxRY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezt2sCRA9TVsSAnZWagAAjOcP/1ci5k9lK4FtqeMfq8jg\num5SFI40DUBu7H1jW8lNNoXNToVEb9d4wX5BOvrRcCXYyPTbabHYCtLCM8iY\nLcdVSd4qNHHaN2AMBNIWTHX4kkCvHnq8SkR6lq5NgGOSlMjhuv6QCUhaXBlW\nWx8E27a4HU4lBGWyew1oQRNMeLyGi8cW0ePZoFgG9VAu95xe8uR50DAmvO17\nLenQKGWC0be0ZxS8//VB9156zn7saphs4Re/VgjSSUxYATdO089h6NJrdelT\n3iVYHpd8q5IMEEwzPEQuPOUgcWlPICE9iMRDCF2xZsPIhgnwzLrZ5ay5Sz/q\nlmCgW/iCf+XR/m7WQO9sizeGO+ah7xbCVF6RHEsnqAYR549/5VSXg04uYrR+\n+5LevmxEx+kBi/WYP6idIESXqNiIoehvBr+ebrswG3iPNZGAP4R0Jmq+g1oV\nY3J4bKPx5SS0oaVdN+UeOXIiLezqqUgm2al+g9VlIZvSpZxNwNB28GJjUS+L\niWm0czTD+LTA7f8n2eHl5aYut7k1XzQ92y8ccEajzt+VbLD/SCh123mUDoZh\n+J9Dt7Hi6JbIzzTefbSiMQk6jh7eMlvdyoe2ML5aQt/6k/yMOWY9EgB+Ye5F\nG9Z3VFgg/Onn/F1ivGbxpOmxPvk2/dQupTA6pnWXYkSP3ivfgJxTwVkLHMoy\n/EM+\r\n=3Iag\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4cc39075dabda7fb76257a3403f0bde13084b87b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.32aa23641.0","@material/feature-targeting":"7.0.0-canary.32aa23641.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.32aa23641.0_1590615467974_0.6450801269768756","host":"s3://npm-registry-packages"}},"7.0.0-canary.654934dfa.0":{"name":"@material/touch-target","version":"7.0.0-canary.654934dfa.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.654934dfa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be7bfc758c3888008159e86b2bbac40f3be8027c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.654934dfa.0.tgz","fileCount":13,"integrity":"sha512-x1btZ0Rf0hqOamnZqXP6x3R23Lt6uPnGa3iEpN4W8IAuym6rbofWm9Am7vyxjtxEBOvOc7G2+F3YDTdcuXpP5w==","signatures":[{"sig":"MEYCIQDfRb6CBxOXnEWf1/900LiRBDonznZZFEKVZ24/PTauQwIhAL0sF1bT488PXvtOAc6V2JzgGKCu5rIJNSGB1thzef1c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezweKCRA9TVsSAnZWagAA0wwP/27X7ERQBSWgs1bPE2Fz\nnwtSrJNmQg9S3vjYiVh4R/5guBwn7ErfUgDbiHburgrojvu8aMSCA1wa/Zq3\nf2TahCD9PaVybhYAtSmq+8iziPCWhVa7CvxcRoBR88k+hxGEXTV7UYRrd22o\nl0ylFiaCDR2SyP227ppd5X6QrcawUMM9mUd/RLOWOtnB7B7kk0aQivLlNjTP\nmgGywqdxvd6yU84wQ8DCZv668LrtPxpLiTuahHBmvsyc7SJBkrK52p79ixJ4\nrGyl6VUNBi0aOtOEBtxzK0QZ88ZG9GS1Qf8yhn1TI8/A4xdXOM3vqcMUYzx9\nXqkYMbeO21WfO3fXbVFq+gaNA1azeYQEWFU2J6wlI2i+7fNwj6TMQLae4Nmo\nsS4HKYAxsoc2zArmNEeZ2g7w2oO1cXUiequ5EcpD0aen4Ic2uarfkN3xm0/j\nqr9c5jWQ/G/UFfaL7IYTsWfFDH+I7q+G6aNP4bmkKZUvFoGoAKtq+o4AQeyr\nJM+K5Nr/fDd8C56iku4+962TcNm0ZOsACGZ0IDpnC3Ri341BaAiy2gmlnHGL\nSwc8YICGkEvPXlj2LaR9GTC/sGSarhSwljYNPBeFp8pZeelcR24OCTXerk/U\nmjA5SYPGaa7v2Wr7g5OdjjdG/ueBycv7i/e5Dbsnh9do75dagPv0HFSAWT18\nCNdW\r\n=rGCS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"99e56121d157a5a30949b826c0d521a365a1ae59","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.654934dfa.0","@material/feature-targeting":"7.0.0-canary.654934dfa.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.654934dfa.0_1590626185870_0.16181520237075264","host":"s3://npm-registry-packages"}},"7.0.0-canary.41910b8b8.0":{"name":"@material/touch-target","version":"7.0.0-canary.41910b8b8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.41910b8b8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"276682c2bb3518170e032c63a79ac11af299141b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.41910b8b8.0.tgz","fileCount":13,"integrity":"sha512-Sl3rr+vpkYi3Ed3D66+wurfsEdF3Cn/ewQxHk3nTb5S+ccJm9IsGoVMVfmymMOaCwzXb8tQ+rhDpY7fwMb2BDQ==","signatures":[{"sig":"MEUCIC2e/iyhlloUD90+VDwChns/zhhMxqK8Kf2fpfIFPrEuAiEA7LVME5bMZFi3s6IFmcjrGY4QYGIwYfcnVmIcS8Dwb4M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezwruCRA9TVsSAnZWagAA/zQP/1RpeWLKM2TKRVIS6qXt\nhYW5QhnED/n6XtsXG1iIrYQLc2TZK29XmPp9mpNF30BHZ1o+b6b/ARXdjXwv\nQS4NurmMv8PVmz/FRiZL1ZOaxG++uM90Ixh0cVE7znueT7TAhvLZL43BkSsZ\ndFeSYDH4Vx6qYacDe0kFGuqXAiQkA/CTl9fLKB7odlvCoDVfxW3b3Pyfy7XJ\n8+P4FOwzWHMFi2GZXTocoTYNf7Yz6yeYjcH69OcmlA1vWWlb4H4HAuiZxPEb\n88SMrLRYH0Tjg+A4B/tA823K53Wi6SH3pLIf7xgdU9GUNGgfMgKLQ0fgPZUg\nMQmWdX8uXDVJr/K//fQinHAb2sL8b0WB5R1fcv474a36Y/ocNEejRn9shV3T\nkI1KCd3wXz/LCOIJMsp1DGgIjrCZsaCkRr/bJnOxau5/VfobzprSslD/AxWH\ns6EFvlj1iKvgbAJHcAp6n5cf0ShcKSlP1jLX0XzSOA9mWB9OYPt/d35x3bxL\n48WmnHnvzIXohXfmUE6Y8inPWI//Zk5f0lKHZOwlwuSdf7rEwzcadJh3ymsT\nuuMJSBzVxV53w9xlpjP+pZVZ5k3SiS/+5/tb0oAHwAcCuqEsDmnuwAouFj4K\n5JO0K6IPQsIlXn7ETVTLVGgmLlvvnK+LPVuy0hbWegd71bfiZPBFVfrY0fzu\n9wT5\r\n=4NQ1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"14656d5f31e9a410c15eaf9b47530d57a5901add","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.41910b8b8.0","@material/feature-targeting":"7.0.0-canary.41910b8b8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.41910b8b8.0_1590627054239_0.5734411788577536","host":"s3://npm-registry-packages"}},"7.0.0-canary.d66d22bf9.0":{"name":"@material/touch-target","version":"7.0.0-canary.d66d22bf9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.d66d22bf9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1a039df174a74e540dc138d5eeb3612b6c116f0f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.d66d22bf9.0.tgz","fileCount":13,"integrity":"sha512-ezDLHu9vFRH9rKdBnKozUGBQ/S2+udpkYwj3zPyxOyeuhQRd6z2ILNOeDxyBDhLtBKqAb9SwAR4VM330qW/5IA==","signatures":[{"sig":"MEYCIQDgzB4jlmvF1cCA+wH8mrdBblw7yw208C8YmwPTW9mB+QIhALrtrKWH4u4MWywq1yBYTKhyoh3pTjOIXPd2dD7ZPsad","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0BcHCRA9TVsSAnZWagAAwLoP/iYGaML9ByskZ2LgvrZo\nOWaOp+PZ+XIAhZh3VzKJed4y5sQYFH20rSXL8QUYIBDH+XMhyomCg5Cog5mN\ns43hq/0kvPg1fMz/F0v8APUbE5cFof4nMSQe3LnZAMepBTg6bSpnKbGfGJxb\n14aP56Uq74GYNDARbbWgL1nl3U8K/ld0x9Mg5nSsebD8uk0Auvc0UPaCH3a0\nn5Di1HJWw3llUbAFxYkgmBXSRj67e+ghgqjfe9rHfOXSzBK4TqbGO47QFy66\njXk/aH2SoXiFwLeQBEqCtzsNyYSr+hzOo//o99h5w8eBWIzR/39mDdbciwuF\nTGbrD/tau1F1ULDZWZE35K3BAYp3ZB1ARv17tFnrYAE9UNA/570TD9qPTiTI\nxGIrYr2MMlLFepIXtcPP8yx0Z3EVIh4fMbOuacQEAGKZWX/vQ9fAOTvr8FRH\nSZQdefTrEbDbW1TSTZmVKRgmUbAatsPSN3LJHXsXcqQzC5wkwZOPYl8+JqSD\nNhuHNS14wOdd3cK5HouSxkbKPsQG6OH3+tYFypHv0tpGuYIPfykhqQu/I+zj\npTsOzX4qTHXCSW/NQK6/LchSOingUWedRi5skXhxJGq+1oQADxwDpuPI78fP\nSYtK3AdiwV0JLqUNUkOsvzJ+69M/pOc4p7pXccS536nFo0oFPfaiGvBX/ujM\nfdjB\r\n=+UIH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cc182def4daea4d871df41985e6d893429174b3f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.d66d22bf9.0","@material/feature-targeting":"7.0.0-canary.d66d22bf9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.d66d22bf9.0_1590695687120_0.9498310000958481","host":"s3://npm-registry-packages"}},"7.0.0-canary.8904f3cbe.0":{"name":"@material/touch-target","version":"7.0.0-canary.8904f3cbe.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.8904f3cbe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"325190981042e2f526d43215d82e3a94a5881be0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.8904f3cbe.0.tgz","fileCount":13,"integrity":"sha512-XR9gvq3BLJMJ8MPoUYqerm8peVwvgcUakmpf904zrqHhCIPgQKR3ijSMUNWUh8+oFBVpS3n3Re2RXRiSJZv8Ww==","signatures":[{"sig":"MEUCICQTCNd0mUmXuX1wAooOfTocIsy1QL5z+sIcfOnTW8TYAiEA8ooFC8h1N3ZbgefThIWSW6kvukmHV7Qu2+m+qmA5IBE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0T0yCRA9TVsSAnZWagAAiJ0QAIogHk7vQc0z0qyyGANF\n8iMxb2ISL+5rmSZpHIoGxWM/OlMUkqMUSzmgqH1+75+nAohTaatntqoUilPW\njEhZiN5u4qZAicKUtd3WGSUIR72ED3h89zN7k8Ei3M79d9X+U54JES3LHCR1\nzl0Os2MwSTqMTn1s1BfG818BuKE3MYK7VLS6GlofGwgNoW0eV4EWPygoU++0\ngdJVXPI+8+f8jjjM1TTg7Z42nZIJbheexkjJahcGNMHc7KyCaMS3NQVbDXsQ\nGjHw2RMgTDqTtSB9uRt8s3xbFNF4DMn3+qFtCr82yFyHJ+JVXhx4Dyhpu9eD\n2LZvvo/Vp67mdvIx8qxRixv1Z9rZ827H37n8D5GjWGw2WZPe/N8aPzT+j/7s\nVMC2bEYFDkWaBsudfDDgac7V3oT0G7tX5+/jpNiTTtVpIXX58gb/A9HG5McC\n/nsaOuDI3zhnxBNeUyKhSCHX30w+xrZU0kRPyApdwJYVBvH158EnOverHQn+\ng6Q0vtu0iPgJwQxIJc1Vi7JQ0K3rz8zLzDn/juWE/J6qNwM0d/6rio3UnclR\nM5nZd7iem3HfL8a91eE1CuEkNkIbpHiaxq97MtTPc3O7V9fSivzUVX3Itv2f\nXMJlz77JhMc55h0vDaZwrpgdcl2vERufyAZPCxN65B+OlB9DztEtw7JvLiW8\n/gj0\r\n=R/So\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f78dc612af1ed0ba397842886fe5bc41e32f181e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.8904f3cbe.0","@material/feature-targeting":"7.0.0-canary.8904f3cbe.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.8904f3cbe.0_1590770994354_0.7603009201899018","host":"s3://npm-registry-packages"}},"7.0.0-canary.51512a4ac.0":{"name":"@material/touch-target","version":"7.0.0-canary.51512a4ac.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.51512a4ac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"921ccd61935de84bfd0071c953157c741f8860b9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.51512a4ac.0.tgz","fileCount":13,"integrity":"sha512-PO5gNci8+P+JaUbON3jiSjCcngdD3eFI9Gmaxfwz4KygSa1OseAP457zk0hcEet+4ZbJBhkXzpNXWicHRfEttg==","signatures":[{"sig":"MEUCIQC1J7wYmBqoxdsSdCMyOkNyl+yG5sLhecL5Udfksy1Q+gIgc2AesnGqMH1RdAGqDwdB1dUzqQ0F0Je6WpoC4fRYxwc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0V8fCRA9TVsSAnZWagAA2/UP/2RG6aKRADf8xw+7JzCM\nRcth/CiuH4o0YlA2kdy8PSAiTQ8bUzAstTXEj0KXmysHxDBnN3/1qFR6iU2d\nYocs1fb2F31TwZIQnNa7rwCS6KcXxBFmPYsciR52ED/hAAsahaovWycbJysG\njl/4gGa64SB58DJmDzK4DpJdONhSpyY1UePnBpRoWHTmCcvdPWDMK8xm+DYt\nnoSFKNLctznsDJsRlM7AR+EoUd1PYiTD0kOwOTyCRhs+5AwWg0QAmlMzok2U\nhqvjyNUzFTiVpWzOq2zjNnBnc+F9z+2S2QbD93AkVa4ToZwHNkhsng8E3ksF\ncLPM6taiOl3o6EN3O/K62PGxH8lohZSZJ16A9MvNN8FYPEsQ+AUip55m6Ag1\nqM0xc9aD7Tn5831uP3dzKswm4xk9AVLyFAX8oaxqinmuGJVuCwMxwdBAcWDn\ndpGGOlrjcdT0AkJ9l8IuCq47ERxPXUFjhvLhyWe5Lp+F7e+3UJTuZsB7AXs2\nEIPX4LJpOY8DiTgG94Eca/lESeaXft3V2NQeU+n+zKU7PyvhbU/MvclMuSCm\nv8cATvj0WL8eNKMh4pYTfpx++P3DHeO7qAK2Cu2xVwEr0nzYQfyJ7ywQZS9M\n66iOaalbjC88xEde6q4oRXEqixMpz+BjY/b0zJhoN8LBt+hRskSzmHuGf01V\n6y8r\r\n=N9uh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d5115fe8118e1e2bc71fc7a491f672b079f281ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.51512a4ac.0","@material/feature-targeting":"7.0.0-canary.51512a4ac.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.51512a4ac.0_1590779678784_0.49465540881551284","host":"s3://npm-registry-packages"}},"7.0.0-canary.0743288fb.0":{"name":"@material/touch-target","version":"7.0.0-canary.0743288fb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.0743288fb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5cb2c7508b22b57dc7c2b13fc596909eedd6858","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.0743288fb.0.tgz","fileCount":13,"integrity":"sha512-zMhQHWDKL6drJlXehki5gUJonYhXjCdL+Tj0LSp5sdGtP4nD4IYiNailjzWfbrmDue98xeuvZ9x7zM3UvM0u/w==","signatures":[{"sig":"MEYCIQDxuvIEp9IkjHQUqadXW0hnYXFLrNGAdVJs4Ibk6jEUZgIhAO/nn54pkCF/AFDYdTYJcc5KuXyjL519oGuLN6jtf9GI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0WrUCRA9TVsSAnZWagAApgUP/1vjMF2MPn+IIgyIJzwf\nJuRCegpdqlTZ+MP5KCoj6hFNeRR7adgeGED71/ZdJHDoJ1G0tGNP1/ZkO9Y8\n4sbeu76rsrRYrmQfsfEJ8WwJeE7cRVZlrdtwK161xd3fkh2Qy/txG+tZBSL5\nNFpXImpFOKZeOyzOETrKWJBJUILdrYzzC8bCwD6WJ2mmJjmU3OH2c2zV/iy/\n+yWOl62L04mmMxzViZABCssPGi2PgExFIEIrEYQYRyyHtsj1mSdLlrlg3dOX\nb5bXfAL7wt1aeRskqDglGpUQrN97FAV/LFpOOMMpmtL5wI6PAwGiFeYc/WDF\nDai1/SrLFKOcCkSphQ/Yi6zeTv4ujOfxIsunL9rooimtWoFiQRHb+/1tGRRA\nnfMxSzhNyHwNqY5uD/vnXoQS9iPIVxri9wg+RsLtITvMYacgnMhC3pycHGoJ\ncWVKfUYV9t0T1GTIcsUJwARMW1JVm+3Nw54QosGmiCeX2ESCQCqbjtTGz8Wo\na2UfuOQ69KyqW+dGOLapmotppzgq6SxJd0KfFllgTiicfu1EMP9QAajmZywS\n7U7Fm9fyaWUd3xF+I+LKABtQAp4E36VytC9ZfR0ZvGRxVOgRLfhDfXoDwkJY\nRWDLMu2DLS8gkSz9bSzvyCSY3vXPao3Lt+hVkjgZBicvUVF6sfe1wY/QCYpo\n0d9Q\r\n=BWlN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e0c92eea0cf28bf0f2367fb0666eb8592ef2f8c8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.0743288fb.0","@material/feature-targeting":"7.0.0-canary.0743288fb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.0743288fb.0_1590782675869_0.8201279471172704","host":"s3://npm-registry-packages"}},"7.0.0-canary.06ef147b5.0":{"name":"@material/touch-target","version":"7.0.0-canary.06ef147b5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.06ef147b5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b780c2cf15532df59081cd45a014929bb893537","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.06ef147b5.0.tgz","fileCount":13,"integrity":"sha512-mYHjfkrh7DvqOe15035pqX31egUsLCcnnM+4cnBnGitNGqU0y2HLr8LSXAZaVIw11Qtm6qQdwEouaJx/dKQDkQ==","signatures":[{"sig":"MEYCIQDWrxS7y0iHtiU1cdScdsaTzzsYpL9RJaG37ug+LlHmxwIhAIHt+JJ+znAq6yZLIoFs+oRxh2M5XlluoL9ckDh2doCN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0XMwCRA9TVsSAnZWagAApVMP/0i2v8j5JhZInjpLV3el\n94yJ1x9R9LCbhZaZpDJKXonsPX+N6U0zmnZGEO1+ovF/928lep7mKhxvZsmO\nWNRcWsHHe0uuGvuiVzD7eagu5BD9x4Dyo+9lr2F/yv0bJw2EEtKlRv++VOoN\niD4282Joqb3Qb0JXTV8rbik2EqH6t53OtcVDlawhoXBZTXnRy0vnZiInQuIe\nd00oYPygqfETEHAv0UOVyPk9GZp/FDjqv1f2VBFQ6nkDz/cIoNTeDl8c2nJo\n6WPUzcVLVzTMNVsjNeVk3tx9EUVWTbHJV6FocI1dutiD5Tb1W3UNgfiSQLN5\neRcFbOUHkkMmoKjfQ5Kw0CZ9vhahV6tEnZHWDcwK0lU70rdGHxO9w/7jrC6F\nru2QtKGE6+f+0MH/I/hty2F6Pcoj3s7ioGEdDZuWy5kpQ79MxgzdMCJG6csx\ns4tHr21gUtEUeonRmoQVwU0bHzucPuWvXEzTxsSABvYfBK6wrNC6mP8aj4Zg\netWK/IiYYeGrACRQ/sNqwfe8RZBbWRPHTa0ATI08Zz5NPu/faySDbuqrmUb/\nPTTMapP1uyqYot6YQOJK1BtP/E20+nFUcEyxnokkST7TvmjL6na3X2d4jOmm\nbcog8ELViSufduuOR1FQ4H66I+T2V/vlUJYt3AFrHxD8K4+tChvEFHeuSNIx\nYzQi\r\n=LVQg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"43f043010a4682138cfe1d453ea0460f912fc2ea","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.06ef147b5.0","@material/feature-targeting":"7.0.0-canary.06ef147b5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.06ef147b5.0_1590784815618_0.043484921227793905","host":"s3://npm-registry-packages"}},"7.0.0-canary.8073a20a9.0":{"name":"@material/touch-target","version":"7.0.0-canary.8073a20a9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.8073a20a9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc4325fff1ce3c149868dbfb8ddf5a74643a9806","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.8073a20a9.0.tgz","fileCount":13,"integrity":"sha512-94fZfcyPZSQBrYV9h0jXuDHK7GMEaTD10V1KiKDcyK7zWARqKcwObrnPf11zWSGaQMW5T2RzdUg3Fjkf9fXeqw==","signatures":[{"sig":"MEQCIAdNHhJ9srk3nIP7WgAOok8zvmJDxbRtBudi4L27WkXeAiBrKRhe6IL1hTqV8i/vE9tG8wAPrm7Z3l30fkY4O+EoeA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0ZnUCRA9TVsSAnZWagAABQAP/1TRsTkOgsswEWjRQCsS\nR8QgCAOjjNA+6sSiE5ZvFJw7gwxJXjwRTwxmipR/HpFVArG0pEsxDXIaPG1k\nBOQnlK6xewwWZguq3u5ycQeB0dIFCh+8MlRZB+pbtTPbUBnnp5e8/CzLahAz\n7LpwkuA5QAHzvTnIHroPI1gowaJT21+ZNsJM1UaRet5kGTZFIgzwxBA/M9qS\n6zVlVFv6ngozRCneaD29Y/u9d9zwtM57gORs0oui+kG2P8E72x5pf1S4IuEL\nU9w25l2lKmRAyZZkyTKddHbRbT07ilN1RLXqf5x4u1BB/hLhj2fm+/iNtNpU\nqlClOqlTtX9amTEPjY9xMB3OLwSk9N6EWsgVwmPxPxsRKAl3Xh/MUyBnkqWy\nsyYJkaF57HMavuW+Ha5n5xRznqn6Pfvu9b36L3y15I5VoB77HWiZnnr6onfO\nQnb4+VHSs2xPQ2X7i/pYsFbJMKIzm42OV8tisr6OapsOWRB3eGyRhNYYB/jj\nTLh3uGJjm7XxNmAlmtIt626nKebfkhkz87FRJRdBhpMVETdnHtS98/wK3OP3\nLdW0fXbNsQc037m1MdFU2Ibz37s0HPjb5+Ba8hq/ZvfeVUQ0Gv7e3bnaQDVQ\nS/CFkc9qQZ/JPXvx1C6HIL7ViIbaEEm5mhX3SIy+oJHBkV3xJZzlGhw5BnZ8\nPZa7\r\n=kUDL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"576fa22ec00234b59b1dc4215b8dd1ae982c7c8b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.8073a20a9.0","@material/feature-targeting":"7.0.0-canary.8073a20a9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.8073a20a9.0_1590794707683_0.7347800750335467","host":"s3://npm-registry-packages"}},"7.0.0-canary.72ff42330.0":{"name":"@material/touch-target","version":"7.0.0-canary.72ff42330.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.72ff42330.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6d0dc996900ed8b85e08998d3548259e1c3cf5b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.72ff42330.0.tgz","fileCount":13,"integrity":"sha512-4DBHUxZDb/QwmAosdzvRGXHFCIsmhYY6k7A4LEeyXYklOT2IddF2ToP4wlBBaDGlbTLpKzRc6nZNgFnMo0RYQw==","signatures":[{"sig":"MEUCIFesabqfQOdul4HF3061PC5nJr7TTQ2w0dskQpUzC8sbAiEA0QxqMWTwP1NWwboVrtGPenSsxv4oKhKay+8RKTvVz1E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1TAsCRA9TVsSAnZWagAAqZUQAJnStFzWMxG7aEL/vXr0\nwKb3wkcO6ALE59sBSYPP5YRJt+9hU8b3K/V/etClsP1G47cZGqee0L9FhaMe\nlUfCFgZeKh8dc0gu8RE6JjGr2dmJsLpjFSSRrQ5A2kKe2aou33kemyLz8KMv\nYdKNY317W6YOc2poIWruS4dZLeF8TB+XfVsDs6XO1pm3rV+10TSX3EB9gERE\n5n/3Bc7bwOV1u3qZac7M6VEpJJSOH09n4b1IF8rMa/t1HKVqpwKnk+PEMucU\nWZAkOqQPcVtFJVy/UJQmJAPJnLsVTXc62vVJoP0YElCeEYnhXk1G5R/WUxlP\nhnajJgQQu0a5C9jM0Va1EYQpqjOtefghGgQo8uzODCuTBHXx1qAKfEnDRXJS\n0ZLKAwJjCy6mibpfzEBP9WH+aNdg/U/1X4bTDIYifUVoKZnU45t8Km1YTy+Q\n2B1H2ZiwXPyIC4l71j8kAGzfA1Xko/7mEQdtfAwJjJeIlkUdNNoa4j5izB1B\nn2m/C91wEgWvNovfzhi2OpCuoydglH22AlcA/1Fr9kbe398o18+y1V+sF19J\nrtEMnBzyiSA+ODuD0rtuv8hFuyKMYSPiSm+xycYg2zVL2FDfBmGwfmsVR14u\nwF5Z6LMzA/CWKk1vsWaTP5ZBx0R/ESa1grAZW0D4WngjM0dJDPHAsOrC3IEj\nNPbc\r\n=B4gu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4c820e9d38fc1bae9a502ae78e336f0e8381f432","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.72ff42330.0","@material/feature-targeting":"7.0.0-canary.72ff42330.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.72ff42330.0_1591029804370_0.2355810306409416","host":"s3://npm-registry-packages"}},"7.0.0-canary.9ea52070f.0":{"name":"@material/touch-target","version":"7.0.0-canary.9ea52070f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.9ea52070f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6f0638f8c19ab4b0cbb67403b79d0ccf0a21f180","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.9ea52070f.0.tgz","fileCount":13,"integrity":"sha512-f0OoemqJIhXgcntBdL3//r4RNWwbmd/Nsnx5N2raY6mR7d8t6EzQbpNT/U3QMxk4UqVk7JapzmvZ0xVkGVUr/Q==","signatures":[{"sig":"MEUCIHDiSMwffVkpB3M/TyYe6Ace4u7yN/x7bZhY24hU2ARBAiEAiZQEgdHTDwRHvO1t5S/CGm0/erlBsmswYy8grvmHM7A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1TFmCRA9TVsSAnZWagAAv9kQAJvfB9gzFhrRDe1LnAH+\nITzNu5cu+BZNrifarDXAScBoSyAOjIUPICVUvqLIvRCD5g/ApRb5RNyx3itV\nfjvjXHJwBzWntxWYye+raQ5KCzHoqKPDtEFDSrLjes3GCywRXuW9ItvRcdO6\n3NL8eQNTfaj4XFiU9Xckzpxdd7LPYUM1KD76CN/NeL+oEFX7u0+8tLgb1J2i\nMsiRs6Y122YpsRHviHSRPI2ny12Ybf1Y84LIRL/zpvpLiXsNMlqrfQ8dvJjV\nHiII2FNzKUsUD5gyWTK5d/VcV52/mmEClj7Egrjb0xSm3l8pwv0fsan1KHb0\n4MpoLdfwbRWxb+pI3yqYXW7lOcUG6uacCxy+fGvC4RVnTsFCwmY2++foyIho\nWVZdsc8MteNB+8pNCEt20FF8bdtdoymFvWLJNaKII0wJ1wVbtg64bm7MypV0\nVIsAnwKuvHYoevb6brd3fxxGAS0QzxQ3y6Q+Hc/Tmk+NxenaZXJOMs3zabtH\nZERWwfyLAv4nayrVbG/nzn9kdfDYUPTBZl/dFHxXiHu79LQU14oyqRbw8N9+\nln8Dwt2GqRWGF5ysCrOkMDT32pl8k4I5GxZXWLj1lXij2hVY2P3sZp+4R/zj\nVMBq1XgGqIB1innDOzYxbyXvkxT3jWegmpj45r4ERnoGJhy0aV0iLnf8yVKf\n8luS\r\n=yvB/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1c7aa3231ba2d87e7abffc33fbc156ee0889131a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.9ea52070f.0","@material/feature-targeting":"7.0.0-canary.9ea52070f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.9ea52070f.0_1591030117830_0.8457992981205811","host":"s3://npm-registry-packages"}},"7.0.0-canary.d86ad3b60.0":{"name":"@material/touch-target","version":"7.0.0-canary.d86ad3b60.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.d86ad3b60.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"23287d783dfae0a6bf9156d780da489ebeb5eb3f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.d86ad3b60.0.tgz","fileCount":13,"integrity":"sha512-a74VshQZD9Gtuyorylheuitg/cYdRSM/ZbgnY8BdYxNyKAUMTc32CF78AvQ1q+G5xVQUwDXRa8OS3iFeK/F9hw==","signatures":[{"sig":"MEYCIQCEVWOz6Wef80MQauh49QmRnX1/BslNCr3SR/f+O/DYIwIhAKyaN7gfl4ToUiM0/SpzCnYm7Jav3JA2lVnh6pQlmnhM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1T9qCRA9TVsSAnZWagAAkfoP/RJz/5opztv8q3ZNXTXt\nmcXCd54WtsO+9gdnpydkLkIhFOlg5nJUllFRyxYlbutP6/S0JdkQcSBFtFd7\nfsV06qT5FzXy27k7SaOq+CzZyRh0Q+dB9FSaE9uaJiKPVQjOFW3o5SMn1HAk\nytezRpecHDULdFBCTMmCVCrvkP/vowM2r9ddQeiU1bYB/AJWws8hOw0jbvBa\nLwO3E+YYj6kCbxhBpUByk7hNJxf5d2aQ41bljX7PTwy0/QbenZs2N+xgOd4l\n+++aN7M51LEkxHXCFPTJLgG4zFMekZORzhFP0xAc2k4xUUrYxHX4MMmagp2b\n29xMLXyQGewMvQhuhY+vxTIdOjdbMKOjK9btU5J47HZ7BhKjYMdUqUxgdkYZ\n0mKJeXJaOaMHYGHo0UH2j6IJrTtSCTWp+TEMDwQSBVh5tS3oOe+FEtQ91ijo\n5FXr5RRwN+3ch2QaMcmv3gKL5cScS+8jE/MxPOJ/gBQLy/bw0OMT93pgnX4f\nw4mApEOJZ0eji8YHyjhEl958DR7m0CM4RH7NN/EKR0ha7SRfcIC6sGWG9/Jf\niZV8eBCx1s3XBu0u14PxLqqqNlPEkdQ6nlHT4jB9vlVktf+SxMm7AaW52xQo\ntfSj9siNa2llJF8t1CkaQn+LeSkGL/DqodpTu9P1in+alirJiFEzAkKLTlhg\ndTD3\r\n=hGPb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ff64ee77c98ab8a932f9397689714c078eb9fd02","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.d86ad3b60.0","@material/feature-targeting":"7.0.0-canary.d86ad3b60.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.d86ad3b60.0_1591033705757_0.9189292159669571","host":"s3://npm-registry-packages"}},"7.0.0-canary.b9776b1d0.0":{"name":"@material/touch-target","version":"7.0.0-canary.b9776b1d0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.b9776b1d0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b5670bf8a4ba79b2bd0dd61e78fb16acc19d964","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.b9776b1d0.0.tgz","fileCount":13,"integrity":"sha512-+kJbup4O/m3omShGrfBl4LmcUkEE0SgDlr7xtIU47Bft1BifCmwqFK2ovTNigCdtpah0KUBDYgRpPlTSkEzggA==","signatures":[{"sig":"MEUCIQDH8CLUd6LP1+h6VpCWm52PwOlAkPdji3vNZYBAu2mXNwIgE3/5GCZBLKYgj9lOVYWnStxh7VxfnVMWZ/zlGWVgNf0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1UgdCRA9TVsSAnZWagAANQMP/1nLhcbmvM1qtfAV7y66\nkjrrZYNFJOHoPxLNJNMxGUWQ35pqIP5Y3MfkAoQq9blFenYlMcUBwyDjXUIL\n8OFvc1EfFqJNA/hjiV/73qMi/SOQt/A5S2OWjSt5AxJ4yOYnCy4sZsUkNb3Z\nhxoyYAw2YqYADbcixPJdiXsTVIfwjfaZLYicv3tr0TUwimsfHDqepQBtdf8g\nQhh5/O7wFKcQWHGHOj4vHklMq/oZDX4kKaYSBB08Z6qurSblqhS7Dm2HBQXv\ng432rqkRhY3wo6TAJemgg9N794fLK5G7KxD5cvgaKExN4zmeZgPqcSmZSRKR\nV3Nyrp+74K5/vpC4LQeT8yGry71JRoaI/RiVgQ13+7sC4ARWS7tlmc/lYho3\npkUrVFK+2byugMOlG3SBFMwLb6VH4P2t9rnQLt40aSuJIFV4ImdRzPaeZ0XB\n4Tg3EKkzH/SnphDnWycasByrOJbk28NAISfPtDj6iZlpiopewzHhysRkkJJt\nCyQcjN+DDCR8mDQLajoXSA3gg3asL0EZCIryTm6BxLmINEbjw5WeR9XV88qi\nhy33glK0WkHD47yURUI7k96EcJwSgdZD/PMg8m95U6gz6loy1KF5Z5amSyuq\nv0NM+pyOd/m1P4CnPc8qlL9Wt65ybjzmVn7JuTeMIQET3HzuzZqWvYy1IMH8\nILOn\r\n=ongc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d43f6785558859ab233dac12d042ada9fb8c1b84","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.b9776b1d0.0","@material/feature-targeting":"7.0.0-canary.b9776b1d0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.b9776b1d0.0_1591035933418_0.6137890333327096","host":"s3://npm-registry-packages"}},"7.0.0-canary.ba6f7c294.0":{"name":"@material/touch-target","version":"7.0.0-canary.ba6f7c294.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.ba6f7c294.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"baa932e31c9f5ff1d84b2850948f355eca5801d2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.ba6f7c294.0.tgz","fileCount":13,"integrity":"sha512-DFPNwF+JRAsOfPg/+AyxuE+zradWDv4A4jWLNDyaX/p4VCbluAzXZRs3J5P+a178n5s/1gvUdz/YBTfBApYMCA==","signatures":[{"sig":"MEYCIQCsUIqSvLSgn/NeZbUA42r1d3kgaAgTpjA+cZ05X6GoeAIhAPHBScC4tNKUHUMDyDB66vllADbsaUZkNjt4LwQHzvVG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1oYYCRA9TVsSAnZWagAA9ccP/iOURwKojpbrnxN6210S\n59IOM0olMnZ2w7TNfG6YmctIfFbu2/VwQc2UscVZYP6lAm3vq9/VUKv+09MJ\noR30MY06Ap3Gy3HzDp0Fh6jKZPYyG1xkpTODrsH3DwxE5JLJOvpQtPFvczch\n8kKyn+1n6JZUdL0sdsrHZ4Ii2/oeYm3K1uYMYn0N7WhdHFWuyU123qf+n3ke\nYWwVTBCTs2GdmN+h0zP8z/rYaY7tx9IMIFS++RlNrnkhpuuFfCPTu83/kurZ\n7bfE8MUeBZQ0Z2Zo0FAMuwq7UdKiViywvdg0tHqiZsK2oCabPCQq1+b/e1GN\nE5Wn0zydHs5xeVUlsWOrQt2CLESUneFprKd8gijeOmQ4Mf3NxXHz1Jh/3P7S\nHiN6VjcMsKFNdZus/bddgKcZHhlqJEjQZc9Ljy4pv7nu6SXmgc4fvAy6ObrI\na56heOhFF9ss84ha9AWDxj1hiFSoc2uPBQa2v16cevQuuZ5gWbyUhtmw2tKF\nlZxstjasGURS5Pl9zDvIbz4TAC858U/ZCBa5PZJnUimq6G9J0sF5JzHFCoDy\nxYGfXYe78Lzhp3Z3ICQPjAaJZx1E3xG4PNnZcSHhE+i2+Hd8laJDh942Xhcf\nRBodOMACNRTYwMVuQZ+UJBQdlykecK7Lh/2EyDOiXi2qCW0/yy/8vSYfo71R\nfBUT\r\n=Ee9c\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f181fece0cab022dd478b7c2f4b768aa14f7ebf7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.ba6f7c294.0","@material/feature-targeting":"7.0.0-canary.ba6f7c294.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.ba6f7c294.0_1591117335744_0.4873324380639106","host":"s3://npm-registry-packages"}},"7.0.0-canary.cf3b664ab.0":{"name":"@material/touch-target","version":"7.0.0-canary.cf3b664ab.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.cf3b664ab.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cf08c3b614418bc00fa3adfd95f6f4bfa3522354","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.cf3b664ab.0.tgz","fileCount":13,"integrity":"sha512-eMmmgBcgOBCn5FaDf3Vg2yPbG3U8m2QLEYZXiEhenCKe46hsjJ5E8zFUfzmiqCkJrXtTBSTi0oEUIwQXAucwUg==","signatures":[{"sig":"MEUCIQDThiNJo3Nu7dPdC4MTzA+T7h9ELn7Q+zLBc9IAHIxXrwIgbQmC7w7iXCN+QUvQIoJZgyuUe6YF8qGGXdUU4ygoob8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1pkJCRA9TVsSAnZWagAAkDoP/RsmZqtImUtqpNOnjtct\njzH3G2Wy7SZdDoWNh+9ZC0S+RVpQcbb+GX4/ay6v2oBDKDXemFdaVOVvJpPb\nTaYrvu9le6F0fC35FXdk+9NFgCdDlxUFEALr6oILDFWiW6Tm5psZti4XLlb2\ngjXOoPzMcDwh0E+ba88jw48xK7iKV7qVbZaGlnf9r3e+y+gY/qv4dKf7SCya\nyWrbFMdwRZ+A1THcVoyZHfoBcbaBqba7fS2jigr7e6WZrMfzJorC9dorwakh\nHDSMxFzViCz1AacnCyWUjWk2CAD8MUpUijXfeZOtSwVnQCzA9I5NPn28PUP6\nVp44EwIU0Jbh9fJoHA792mrof7qBpToGWxrVaNNEoteWJOaZykMn7eXhk+Lp\nTs8H7pyNXv7H/2dkZ+opYWAs+Cqx08E3Q0otHXjk9fmyLSIsHlHHQcvfcDxn\nw94nL8DYNA8Hv74o8kMUhvPQkrlG4MAhu2pjqULfoiKRdqsADvSo95X63M0d\nPnMW4ZrNGYInN8m/lPaRWfmMHApgDKuD4/domWv5aCszhv2/uF4VEv94IXvy\nacO5ZhbC+kjkHYZ/Khpz0O+vZmviG2ajuKUjYppHWclXzaZrr0rYEooTe/gb\nRRtirS9UrXGR6WmrWhCUPu3pIcpk9G6TRp2I2ebEviLC0kYTbdGqlArFjhO/\nqE1W\r\n=JS3J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"708ed8576095ca5e673311fcd970680f855a7b59","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.cf3b664ab.0","@material/feature-targeting":"7.0.0-canary.cf3b664ab.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.cf3b664ab.0_1591122185451_0.4001572130346034","host":"s3://npm-registry-packages"}},"7.0.0-canary.4ba3c9a31.0":{"name":"@material/touch-target","version":"7.0.0-canary.4ba3c9a31.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.4ba3c9a31.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"842c7e95f93cbfbf9fe57bb3a4534a8a0e8ec985","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.4ba3c9a31.0.tgz","fileCount":13,"integrity":"sha512-rNpY+U1gkOHmFRbmuGJVXMJ5v2FuQi3TkfYU7Fr2MO8irc7+A7D74LTnTb05uXYMm8oRO7rTVIUMV4iDjewNag==","signatures":[{"sig":"MEUCIQCVH6gZJ6exFh9XRsFn4KocUJY7GsfDtzqhizi03gPiQgIgeK2D7OMySdbt9kgz9ScvV/1ow9qddWhgkGvAuxICkY0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1uYUCRA9TVsSAnZWagAAltcQAIh9783PB5oLhrqiVp5g\nyKZfuwqIWmZoD9uwOTizX/O5lg+t7Qg+Rjo0YmY+5XtmMMPZdaQixY4prMrk\nqiVkJrIk58x6HzaKKy6wqghTDZi0zjamtjZpaafMdfNlJYypBdvzsmS9phJ8\n+jQ11ja6WGegYxUdUPHc4HiGL3d6hXGzbSbz6SyDceCrhwVVLD03mlrCDPv2\nZQ5JkPOxVX6NCmhPf1gczurvKSGNlepSgIUyn/BozNUDpdWl9b74vm2fYQZg\n93aIyQKQo33qck61U3gkIGNdtZ/4+9vxTxbQ9edlsMmjnZB5NfO2oYkQn2Cp\nrjipbXEECpTPvRpF+s6ZlzxKVHTX8OsGuRuuUi0d70JY+6OIeK7mAG/cfuTj\nkut7q4MZepffWlwMuN3783emqvVWnOBAXXfmr9JANV7z/Ru3pTHhBo2dUOt3\n9WThKi8XoAnY74FpdCe4NPbvXyszpkr6wbFAj/Ii43pP+3Mlu7RR3A4XS1N9\n0jpn4kw6pgYk0J5+wd6bmej9efVmcW55iUTQiXaVpOR38N2d7pS1MHWwTdCU\ntB5d8OG1p7AsJw72ii7adVwlfCk3MJ6PM/9EOuA7NxmDIT0V5mxEaVspAT3j\nv6JphOMf69gjxreGYyBDPoDAh3T4sRYiadlVQMimVekiQuDynkmHZdadf2WL\n9Gm5\r\n=Uc55\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cf7f823aac5f803db06863c865c07f432ec4fd09","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.4ba3c9a31.0","@material/feature-targeting":"7.0.0-canary.4ba3c9a31.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.4ba3c9a31.0_1591141908412_0.1329671741023506","host":"s3://npm-registry-packages"}},"7.0.0-canary.388b042c7.0":{"name":"@material/touch-target","version":"7.0.0-canary.388b042c7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.388b042c7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5faaf31487497c3b53fe7ab1c192a9f3763c250","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.388b042c7.0.tgz","fileCount":13,"integrity":"sha512-Hz6O8RIrsuzFcc5mHgPK9chCNsbPcdssCiJ4W0oIJMNUmxpInkz3FaHEmYHqJ531BccQ7RCtL708gQCDbyl9gA==","signatures":[{"sig":"MEQCIHxir51gWCPTusy0hSNasvD9csaamuJtebShPa6U+llTAiBjlJLYKqTSyR0GceFjUdzp/nUBwz2peEHQoeM9AcMu/A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe16mcCRA9TVsSAnZWagAATIUP+gJCyaE+37b753FRqD8k\nmiHHBcupmGvhzhujfMfU+JDvZVfxrUuqCaQCzOQf4cdOVEw2j8D+80RzroRE\nQuWTRXJCTgZGqrTGvBfJu4rncK7E6nb25g0vT6dVbyklkywNkBF5SqyCnW3o\nb2es5YnynRcNPWd92ZDzra0FxT6xEeRdclQ6TNGt7TTpyI+RxRP5WxLxIJMA\nAUEASbaoUZJWhKQ5ulRFRtSNftuWT8qdFelk2dLOb0Jb/UBTpVP3OyR/wZ1U\ntH7kXlgrvsYjSCrwPEOpVFlyMp9O9yIAalIQhCeFEPrUQMCXsmi9G9CDyvup\ncl3VSljrT2rqyopowizQpeo8oZi9hc4gTzWVmQc0+r0ZHaA21Fa2E5oBZ8cM\nkhFzinQdbFA284sDVwk6BONgtCYQmmEd2IDetrRYjQ06mj8s4ZehUVaBce5g\nyAxjv8SLPYGi4TCt5LK24ciG8MnAyPp4Jy+8PyurQBLwQ82eqkgfoT0/AgKA\nOtaS3LsAw9DrfEO+yxLaDE29NJ7X7XQpSGnMzxvlvFYlAJONZvDcq3PPYT6d\nhMQf6Ryv8xnX0SLbnBTbrWfaY3JWP/FRQQx6OBBfwaWLiqeVrApm27gtMSCZ\nKGxrCBsAGGB7HpnKBT1/JDf2eJJMlH1dC355tDntjFQLzPb4NEtAk9FENKC1\nQ4gR\r\n=KMy8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7c9ddf94f1ba2ee332d7acea141e5022b58f79ff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.388b042c7.0","@material/feature-targeting":"7.0.0-canary.388b042c7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.388b042c7.0_1591191963840_0.7218259991884242","host":"s3://npm-registry-packages"}},"7.0.0-canary.cca1ca84d.0":{"name":"@material/touch-target","version":"7.0.0-canary.cca1ca84d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.cca1ca84d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b27b821033fbe2fb3b06a6cd9571d0f8e8d0212a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.cca1ca84d.0.tgz","fileCount":13,"integrity":"sha512-SfiZTA/GdpMXK7qxwblg8neluD3KZbkC+eDYtPXmvN7fZ+vt1/nxg50TYc+kfQO96ftKt0wAC6CdveqzzLbt0g==","signatures":[{"sig":"MEYCIQCqDSmGy8IYkwPgn5DOE9BfrWb7a1t5XevgWX0E/bCAMwIhAKhmijSr6YIl9iknNsM0kW3B1KHU3vORbR9Km9UQ83pn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe18maCRA9TVsSAnZWagAANyoP/RrOOQeo2/8yVLxB9S+V\nuwHQDWzGBJblHIM5j3fjQsnT/1Alj9oMRr9Az/P20/y7tzbb8Yq76/zqizDy\nIU4dPdV1wtw/qO3nZydOtK7qGNJz6dAh2v2X7rG47Ysn8XJ2NF/2IBUt51ZO\nChJlw1SodhCDgKNWx29MMRhjbJhYhM3KoJ43BjUqUo8HBrbV5ldMM4PHAoMH\nbGUVWTF7Dcll4BRHjPEE9qhjzXPQ0VqM6pKimglMg1V8men/YA0zwb17Foer\nIxkkRy+ZtihCl+S3+DaA/dnFvuq010GJfgc3qIv8OOmbhVo7ewTCtqCYUcQk\nP9ytjjD8qXngOD+FqXCqYLHL1A2LuLgvziK1E97A/BHaD/v1aejFR81z/nS3\n7f2fi8DzwNE42FhCHM58D8j6tR/31pXDyrJyORy1V3lzTZycRGogJXPV4eeI\nkECUeDwMSdVA2jGfvHBp9u+c/wzmBKrkf+ZLd8vPWUAPCKpqYLv5xBigZx/i\nLsEV0cGDBsK0o11WIzF0pliBHZy5bIt9blWIuYRbkLRvAP1B2AJcyV+Ae67y\nikXi5u+oEsS/RF7ffSUuwpSWVIAe0Wgivk9Av7MImfMroqmWc0lsDLdeU995\nFqlZcjeJ+cKGcXV5P57sHJZALA4uTEXtgW98R0jZ2VKr2iH9N8V7H3kZiuGe\nKjkn\r\n=HLE8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f154bcb37f9df5f07d3c6dd0c397a436794ed609","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.cca1ca84d.0","@material/feature-targeting":"7.0.0-canary.cca1ca84d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.cca1ca84d.0_1591200153554_0.7899387462417982","host":"s3://npm-registry-packages"}},"7.0.0-canary.9b0b5f2e0.0":{"name":"@material/touch-target","version":"7.0.0-canary.9b0b5f2e0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.9b0b5f2e0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d68cca535ba6da8913b012441a0f0bb73ca4f15d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.9b0b5f2e0.0.tgz","fileCount":13,"integrity":"sha512-N2B0AQ7gtkQHbdtXE4l0nT+XBaFeAuBcRD3FvT+40gJbDotjLCcs7P93jKWCsGmDLXWJ82eRNpv02EPlGH8AEA==","signatures":[{"sig":"MEYCIQCsRBa8eQ3dL86iKnA3wBJCOaeTKnp3U2a78yXsT4Vr+AIhAObufVvE+3Zw7LCbF9hdgDI34ZknvoyUnrjONDQfXgA7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1/KGCRA9TVsSAnZWagAAlysP/jt2ayD9ynHsAUUjlUHv\nm2Sp9WcJ/6IyLDTq3QmTuHcNgcwq6fnAcDMAI3C/rvs+lrkS74w2K91NF3yv\nQmeOvDR/kVLggjTIlHQ13V+NT7mH79VKGDV0Ajw7TZflHPhmgFRMXONQvULW\nmqyMBwvIBXFN6PIPCminSxxMlkbPDqYkdvE+8T2LKHSnJR4+gPiMCZz1W+4C\nGT9w9V3AJtnu48AqZsh0puDHoxAFFAMx70MGWrOZRjz9CLb+t2vW2npiij6R\nW7U8cuPl9UOdRCnWc3R1Qf7ppl58rG10g6BzFe7rL6gISnaQhzlngmt9s8xn\nHgBGkQi5ZJzk7pAR319I0BXZNS8p1/Csr915XfbnrcrxP6LowF9Hu9hwD79I\nyKWtfvdbb5XYYaHf+dSOnWbkwz7n3hNBEzjxC7rodR9H4yBIIuiBEO6g3OWW\ne2rkHRZUhkswPq0vtrxApGnCv0ydvDR8TSyKix9fRw/Y3hqEbrACxVhElngY\nAYjfQnJAtIijuBWaR6VKgo9yr3/q3MBniXaT8ZWrY6sgHCipnduAUHP9xLOu\nk+qY97rldOBlxytlgO57wyvypO20tt/dAxFI3LLVihZH7Ne490QStbk3P8Ee\n1qk0vPyKQVJ0u3o/pWfD1ybY5Y6mhKEATcasqkTEWYddceYWG6gk3oHIKwwE\nUqKt\r\n=oo+Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"35348e60387f88e73ce8e1376b7f352877821cb5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.9b0b5f2e0.0","@material/feature-targeting":"7.0.0-canary.9b0b5f2e0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.9b0b5f2e0.0_1591210629917_0.9471039969204611","host":"s3://npm-registry-packages"}},"7.0.0-canary.0a7895f4d.0":{"name":"@material/touch-target","version":"7.0.0-canary.0a7895f4d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.0a7895f4d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac9239e9b14d0d73ad872337524b5880c5021837","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.0a7895f4d.0.tgz","fileCount":13,"integrity":"sha512-RQp8mjTNnVRAiO7z27+xkNDSXUqs9PVdB7yYpiKNBBF+p/uL+XNIcADGFqJ7vf2N1vr6k3A32mRL9SWvP2jiCg==","signatures":[{"sig":"MEYCIQDnx0r56zprOfsLiz2zUle0Wnqki3fPAu2eQwBuxzle1gIhAMaADOPEV/b+sB9neL36lkeDNT6Nd9G+WmsLjn4q+EbD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2BFSCRA9TVsSAnZWagAAqV4QAJ/nne2+XtWPpuQ+YLqa\ncRSYlJfLIpPjjRBfMysXdUJSyblN8xTFDzU75LgMyiXdQ4iM9lN7VKZd1GCA\nR6UGHX6P5AXbot58EIY2ISemgS2+iEsrKOYa/sVoWmOgUjMM7eH8ioravv5r\n5Zdq69DiLJWv9E5D3H3aK0dHUP7chyVpTYCZgct4G/pgYeusooceGZUtGQoQ\noXl5UcPWN1UcuHdNx+cbauGu1ByKOeODVJEj/XmozC7vVszUR2EvpVPetlFn\nrZif2im9SoxY1b8dzmrke9Phy/j/aSL+zC0b839dOGFJeygwRmEja3gwG1RA\nmmu5eave9NGAogg9yw0ghil5XJoL9RSwI4N/+dwZSQPxhnHzfwKd/WUkjsoS\nBGDcKPoi3zHs2W13Li9qHCkTamYX2Rp1pjS2YWvaTZotEy6ISTenOcKv5OeU\nIVqXlBlgJA9WyQbvwZWLUUmApb84euczc1WIlGpqQB3pzF9VeP002Yw+8Ggr\nd3w4RePZi0JtOqMmv3i5MEVAgjnKmMaaFM2DKiJAARgIaGU8w7+N3iKEEvwj\nFbWRYm/yTciGWdCGfLp5dCEC4EJObKynZipT+Hr64rpAm1bG8rs3t8Suzazw\naniMsenwhFXqzRh/H6YbVsbI9+sczPp0Uvwz+Q2bX/KOVds+L5ZffYCDo2TL\nP7JO\r\n=6W/5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"929c9bffd0636490958fcf34e0b40578b44a9cd1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.0a7895f4d.0","@material/feature-targeting":"7.0.0-canary.0a7895f4d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.0a7895f4d.0_1591218514352_0.7626229182145499","host":"s3://npm-registry-packages"}},"7.0.0-canary.7461aad68.0":{"name":"@material/touch-target","version":"7.0.0-canary.7461aad68.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.7461aad68.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e767b08f121e2bfd11832a1305c98d1e123006ab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.7461aad68.0.tgz","fileCount":13,"integrity":"sha512-sienAgj4N3dLsJ+cQ9+yBuemPkJPLhqVW1Bixlxb6pq0/gwPOqQSEAtItiLAZQBO3Rt44Te2RwI8zLCnqXzX5w==","signatures":[{"sig":"MEUCIAfVacj/l7+YcCzmTzABOt+V15+AlopQrblWCd1VATaqAiEAtpcPRZL8FIyvXT0jWyB5t1LkCIc4EtbYU6OFmrNtoZ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2CApCRA9TVsSAnZWagAAEmQQAKLzBWhB2oyOxrdui+F2\ns3HtmvszJmE36IBZ8QKzPGK38QF43EtwMuXVEG5ExVGqY4gODRg7jVzW+MRf\n7ZIP2zhvEUFv7liyLYheBvc8piOxf+nYNGIO7kpALg3dM7IWpOThE8MDWCFF\nw4cPXeESRLWrrIKEIwc+FMD2u8yeVwdENZKasbtZ5K9pz9P3pWgNoYWlCCKh\nv6U2aXvFHXzRJ3UQNGnZw4txxET+V3PxyVCXf4M/TXHGpm/9cUPLcA/xKMPz\nazit+HVE2v6I1HqNAqSF1Iii2SVXp1YPSDQxC6vZNgz0NuVpztSbfktrZG3b\ncxovvOmTSATxMvS50HxQOeJIsiROgSdZ1Xu2UqaT3NdqndHH6i1/OIDGTzdI\nrgyM5CBW9soTT39RxOoKd18K2ydQfQgQFM0qnAw276PdHszqHof4xPX0uwRR\nJxmlhKgGjwDXqvBiKn5D+NSvjrIDK7rTfrQLv6YKNnh88Trt9VMweRzXeG64\neHQNnRTNC0jvUz1YWzzwSIsHC0ze0WBgJ3PaVtGAwG8xwj4O01RZg2/mhodq\nb3kfOnfaT1O07TNwmhTPw3d5bz9Th+FsDdJG43pIi66Feac4dXdvjDCisIQc\nmrVWOXQOS1Gihv/IESX7DtFy1ObzKmaFZIR1/1TrHFFKIYnh9g3lljCmOOtI\nVqjB\r\n=y5/r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f9166e39b20f57c6b5cdad1ce684529ca891bd81","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.7461aad68.0","@material/feature-targeting":"7.0.0-canary.7461aad68.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.7461aad68.0_1591222312757_0.5301042397618572","host":"s3://npm-registry-packages"}},"7.0.0-canary.a0dc2b5c4.0":{"name":"@material/touch-target","version":"7.0.0-canary.a0dc2b5c4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.a0dc2b5c4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cca14514ebaffd2f01c5eb63f2eae1caa5515f4c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.a0dc2b5c4.0.tgz","fileCount":13,"integrity":"sha512-KUuJsAy29CZq0VG+DfS+bKfqw1U5JjLygKaYeH0e+krurqs6lyShZlRZvsURctV7m+REim1QnBXRmEQLq1qM1w==","signatures":[{"sig":"MEUCIEin8zX3ZYOPyAOF5f7FTrDjf5DexX9LxmoAFGcruvQtAiEA3Afx7N9lxN0AEhuifLYNWTOW7dWjQkuwMjJ6sn7QqBU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2WP8CRA9TVsSAnZWagAAVwUP/2VE2R3Pp4u5fDbYFL12\nm2J1Fpce4SN36/IJy+TTLax/MZzlMizDkRGwtdqRSJdl8v6eJcQ3KVGYxKSN\nr2fHvUyEFwokr2ACciZDTpUdVv2SLE8Z8U9S9890qZf/0RxKXQf5vOl4hN0H\nzAPirr+Mm4KgmfSCmF688vPfmyUKbVmZo6Tcp7c5WC5UTBUWnnP5J1GXOP4g\nKw/Q+XdMlsadRFBC23WAlQlDAAuPAC0tq3+jzAxs+3ypdRGnPX8BaPiECQwL\n/qpNjDU9vERJ6hyeERzMg5fcwb418M0YzELYb4sjyCJksN+kxFEw67MhZdDU\ny0LzVEhlNf2rctH5y+OnR5boDb90OiAHIn/kyOaIkubOQeE3nresBAvXMvif\nXv5cVclIhmh10bO4xL4beVA1OnT42Pwmai6IVKK/n6cOtWE+WrSWSoyRPDZX\n7ebzCjq19SRmqgiNJkZHm3kmQok6WdTf2t8/gcLQ8E056WJ7VhfhZ9yERwGJ\nEAEgwpuuyDEr4ZcVrvEeg7CJKhPNH2EpPzH1BVqXf8bxlS5i+OV0cRmwiVVS\nQ2ZjcFI+tTVVtzQMpFEJU8lySbJ3ZXTPF0gYwoTGcOwidoIj8bS8UH6YZ8PI\nDraiEzGPXT//U2ciZUa5VvaCN9+3rQGBP9mq5BirGFTTxOG00O0ewcvwsJ22\n2NJj\r\n=fgV3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5970f3857673cb8c032d0d4532a6cf1209f94c47","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.a0dc2b5c4.0","@material/feature-targeting":"7.0.0-canary.a0dc2b5c4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.a0dc2b5c4.0_1591305209049_0.2589194828918271","host":"s3://npm-registry-packages"}},"7.0.0-canary.2b420c5b3.0":{"name":"@material/touch-target","version":"7.0.0-canary.2b420c5b3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.2b420c5b3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"137dc9ce3ce3f3fd03a972fb63bad0be5c6658d5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.2b420c5b3.0.tgz","fileCount":13,"integrity":"sha512-S5VUJ/DxZSbep2ly0Q5UKiUQvcz4pvl2Atm0uKTDU1Gvxnos0YmDHFRxIx7Q5PY4JjffB0uYXpeEFKXUTKnHpw==","signatures":[{"sig":"MEUCIE1NyfGNr12vxtgt3bMK68Lsz1QoCx3HA7Xkp6NB77/FAiEA8CZvZpP6abEgF+hvT5NHi3NEFQTqxFPSmGwFFQl+xjs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3mPFCRA9TVsSAnZWagAAPq8P/A8ZtAFRwS/tUveYaZBr\n49oE094T9nHGoiCahkxynynOHUridGiVRAW9LOfHDEiW4pPJLBx5JumZHKk4\nYbz70cPwN8ZoJL0Hk/7Oiq7jeTpFimI7ZaQd8hSqDpr1XpKlxWAbq4oSL9Xc\nOxSWkuee2qhkQsLcvNkXhR7iHh7nee9gMBsZwzGCzdnboudkhzL7q43sLrbm\nz7b8t7yAaxTKCzdKb/zrSBaXb/7d96S+6XLoE9hBJvDAPuq+mJVU0XkRDUX+\nNMNkV/dd7Ho2lVnL6ZTFntkcWlONDqfYphMCXYrJEeeuncnEa+RFBDwOFDHW\n9aqKQsdsb4By5x+KFEZ6IZ044m6mlbcisZB4NIzU3jgQuDuSd7EPkP7UPpKG\nHOdTPwaz+xT+sNG30cVhviZPEQghASkV3Lk7omtphNcEDuH4TTmgdxmSx+2E\nbJPu3Xj3domEQ1ZR1tqMYx/+HzOKTx6zzBCNyo82LbDw6uatNxkLH4o9jLHg\n8KI6g/RlN78hHsFQKvSwzviGjU6pMf5wO6ABApZzkpAnF0/kZXUmUFndzo1+\nfi2nQ+DVZhLIyGUuqngv8d9EVaiwhETHJM5oA0y64oDAnMW0nofbMNS5o6R5\nzHI1YnBhKjLw0JTJ5kgVYkrPfghrFVfJaepapuN6aYPCv3n2wRuEWy+IuTum\nk3Ez\r\n=SoYW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"80cc16a27982fc781b2a68accf38760a98fdbe2c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.2b420c5b3.0","@material/feature-targeting":"7.0.0-canary.2b420c5b3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.2b420c5b3.0_1591632836806_0.2768527599532338","host":"s3://npm-registry-packages"}},"7.0.0-canary.8fa22aacc.0":{"name":"@material/touch-target","version":"7.0.0-canary.8fa22aacc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.8fa22aacc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"108bd12bdc7fa0411875869b6211394e3187bb9e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.8fa22aacc.0.tgz","fileCount":13,"integrity":"sha512-57mXYOxjqk6wlOy/GM2CbspIy2vBHY2WP1dmGhg4jy1hkux/3ErZc1nZiEsw9FrE9NEr2ddot+n9wzSsIP+6BQ==","signatures":[{"sig":"MEQCICtOy38cPNPQK4Ttn4s2fHPcnnX6QoNDbrDBpvQ/OvssAiAGMrrDKgwoVD3vQAwF+Ks8Jl25DaOX4J4G/AOOQySnTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3n2aCRA9TVsSAnZWagAAgdMP/ilx9rz/+e5yxahUWcHa\nZJKHNDHXlhNMDRzYSNDWzlVukA+10L0YLQr9+h2ibypYU5s1XAGtPojcMKpU\nriSbsmdbTRe9ae0/XCm7rQd1GklgH1cF2uKMeXyR0zKbYnWzKZV+uy6+dmqK\nsqZ8RRdJxo9lPHxs7tZAR8IuaWXxhJ3RbpgFKv1G1BKRCITviYRD5fBUvzyi\nlWfSy+q4r3VWgYXSBO8g+KeBAvaMZPTDdiFh+qq6Xu8ndygTVdCypDOs7RBV\n/KICasz8cs4Jph0mE22NUXjokeoa3J52hbeQkcULI8qVMNhDkot6O+fkXFqG\ntTcQFP1eao7Pm8X5JXhqUlAuc2ETlZTQcv/MQwE3kenMoXuAYKtxmbXSK/dG\n6KydyaHwGT4m2Xqf88/rf0Xpa3XGtooRstHB9VLVQEdwuL7PvYImubHm9f1q\nNd7XOoSR9AITyL1saCSp5n49FYcDLG4P9NLJssNiZpb+nsUhNsVlRYlvsrxP\ny1X2R0w2xTGjaPFoI5FRmRjoX3zSLMTnOzq6msmJNm9KldxPQohWEYa3hdpF\nAE+lT/j7tYb+EWYHDXEWpVk8dbZAVcvOEUXxBurKcNkWrbgQV3WARkaQ5cYg\ns8DgStHthGk8DTZRU7sd4bV74/AtGtHvnRItsJLTmi6GgDYpkhdoIO4e690g\nAUr1\r\n=A8yw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7c66b081ba582f4d58dde82c8b83ab1dfbed6063","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.8fa22aacc.0","@material/feature-targeting":"7.0.0-canary.8fa22aacc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.8fa22aacc.0_1591639450348_0.8066070037836566","host":"s3://npm-registry-packages"}},"7.0.0-canary.21c4e4ed8.0":{"name":"@material/touch-target","version":"7.0.0-canary.21c4e4ed8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.21c4e4ed8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3b8e5001a838f77bdbe9ddb9a0150b73a0160123","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.21c4e4ed8.0.tgz","fileCount":13,"integrity":"sha512-f/h56okJC8DRHvKvmR61sQqKIGTVm1dEdQpo0F746k856KA+/fhPEimPWCAXQQf29NuA1cIBbti0ynVjaG+cug==","signatures":[{"sig":"MEUCIQDdh6k3AlBl4yXHHVCgEvVsdkWkFzQetKYHBF9i9jy6xgIgcayxGZmGx/1dVAj6od0qpyRTbeYMIV3rVt5dm7yW2MY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3obkCRA9TVsSAnZWagAAsRAP/AsvP1dtfwGUsoMEbNKo\nUilKQ6e5O4oUxM4m0dZsyjp3QnepgsdNWKcDTBUrP+VxyaiYcnkqoHPXOXol\neIYoYGp2ppe3lioJH4Fl3qgcAgwdTvkOFnAzsCTGwlgG7FleEdZg7V54ypEG\nU6lvynU0FBfrVbGKwEG/d9bCRuAyLYJV5+7Iweo68hJSaXgU1t6OpeYWI1nS\n4yD4u3YxQKkLqAEMj57cChcUugTh0LfXjX6euCq2VXOMh1of7f//dL0kCj0N\nYZ4T9LO48IbLNwdKXfW2OWus9ln1Fk9Z7elAvyXvDidcoHQW7sOPWYgErz04\ntu++yBB3tNwsyc3MVD6oshH12q8GgFxZRn+STFMQn9quxNAgywndqD3s1gMN\nGPF1Wr/X8At/b1p9oNNzXEF62NTm5/64YvDIBJGvrq/6K/IHAu3+6X8CUG2G\nOhZ+WFvc7ViUdHktFWVNebymIxdBi8/a8EbSmEjMr1+brbnNMT1Lysg5dQOC\nqrzupREYUHPlpV7q5a4OHdjyQrHRZqzeJi+L+4sh0R2ZGiTVZiRhmuKxwX3q\n16FbqCtdU0Lsb5yAXqTDSNdzDjsd0QIVmtM1Bz0BFEgmNE/+5tCP+tdTpx/d\nNzmFAzjNLUuBWXtbUZwT0llwLfluySd4jluhhjoi3NpYKd3EhqeILfG9/xKt\nR37C\r\n=qtmo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4028e059428ff6b13f79ad3f9076ddd853ec1904","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.21c4e4ed8.0","@material/feature-targeting":"7.0.0-canary.21c4e4ed8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.21c4e4ed8.0_1591641828581_0.7736978971098751","host":"s3://npm-registry-packages"}},"7.0.0-canary.dfde46516.0":{"name":"@material/touch-target","version":"7.0.0-canary.dfde46516.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.dfde46516.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"87450ca74426aba178741f82db8efa213cb57097","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.dfde46516.0.tgz","fileCount":13,"integrity":"sha512-PGpwqfXpotNLy8ahzNL352WDNj/6DcE5tSi3C/il68jbJ1DQEZ8OYB7BLM4PdKJGu/k/eaMHK45Lydrbvgks6g==","signatures":[{"sig":"MEYCIQChGipnuPPiNw8Bo51ebjLn5tbZmoHFvSAOWpwM2li7ZAIhAIXx1uz7imHCKoPkawUNvydhyxDXdFn1DkGjof6VwaG/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3pRhCRA9TVsSAnZWagAA9AQP/0n7ICUbQJ7XXdBWta/W\n0ZGGwOiUgxuiyhC0RjwqYP6l3Nz4aPFbBhxuYT0gcTLpk+L7tcWHK6Z8cbn8\nWiuIpA4z250vSyaDTR9qUnJkkCORWCMCmf67jXDGJ5EaPgRwHWwzM+N7ArLI\nZ+ZyNPWs9LQ8jEtv1wE8YHghYTGUfLY7zgV6JQyDLYWXvObwaeJkXThRhXel\nmwkFt8olu2Q3jWbCf7Ur3HvOd08Tmzy/WX2wdiEnIWHbFh1Et1fQTKYaIg/W\nJFvvA/4PwbYNvEkGX6b80aHiZoq7mUD2xruyIoTW4AI4CcqRnMRBakXaFxFU\nme+l4uyXoeDH0vYAcwOj6LnjRYu2kFFuFr8QIzn4KNubnY75dgt6Fij0Cq72\nhSCcbuOdyZ3gGDZb2G/1AOfBfRGRrf3ES40CHnGWQPN/96T32xwodGIHsHr/\nYOXAcNeCM44DO2tLMH+3A0TYUPOXwt0pzk3bR2zf1MaXOR+c+3BYZNnzIoHp\nD7n4qhZbnga3+wREt8uXHgXOIo9NAzURBQTdVvqVkI3gZJfmn16PS4fNCdlG\nDhq7cKGaM+pteJkCZfwZwzK9Bw6qrU+/7oVngaW42C1aJ0fy60WlvV4U3Ikm\n11HMlI3m4e49Otn9P1mqCv5CK+mL0u3sKhAnfPYrh3bOfHJ9IeRMxMYmm7Kv\nQomZ\r\n=Y1pa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c25d474d22b404bd6774ea12567f0916bd7fd165","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.dfde46516.0","@material/feature-targeting":"7.0.0-canary.dfde46516.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.dfde46516.0_1591645280848_0.43633311756404836","host":"s3://npm-registry-packages"}},"7.0.0-canary.05cc5c206.0":{"name":"@material/touch-target","version":"7.0.0-canary.05cc5c206.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.05cc5c206.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"852092d952e858a52070b877aa98159483ed4455","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.05cc5c206.0.tgz","fileCount":13,"integrity":"sha512-HIPkGrUpIcari2baNlHlL7y4zHYPtNHHzSE5RHFDU2ZFh2AYARIgjEd7b0SC9jlK69m+CZmXi8aAWVPCN0EQzA==","signatures":[{"sig":"MEQCIDZOzFVF23OfLsi68A92rX0HrXFvmeUwqg+NGnl+E6RiAiAmjHAkg6oiGuEn5TtmeH2fnZf+Y59y7un4nhjIQ7Pm5Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3qXwCRA9TVsSAnZWagAAe44P/iv91xNZzZEw81q9PccR\n/ihs/L4LsM3SKZNcO14m0CunFodFlymc/ARlPVHdMEBDWpDZKyYFVTXfZTqk\n0gZPWX9ed9uftf7i+82HDIokwcSzlIunks7cAlOIBwX2pC9d5jeoJniaq7aj\nO2m3oYCvdyb33pOqmkbYK2X9oPXCm05rtgcbWd7mmQIYkcZQ01xTMWlw1LIO\noAQz3jFGSvZ0/1aee7dZDFBl0F+/n5+m+lGpyhNuM/433cTakgImgL9Gug1A\n6q2STu8iU5EHRoDMlgKTVqTGIsWaQdj80t9IgBb9dqID5bzKXTrMn0I5SFQD\nUC+G/URD2RU0qKp2zq50I/FlyY2Xm23bJZNQOxB/sFMZxQvhLHAQIuIQYsXE\n546gtvf9Fd3XU+5WG2kaccGvEl7dXQJKhjzGLc5rwh01Ya4NqllYVAj4Psih\nBIqMBz7BcvXtIE2jXKYhklnep0BcifI2955+DrG+Ac8LNwqIg0SwzB80EDGm\nOdF/FvT25VjBnBuQ3Vkn1jZ9TE2i78Wb05LYEZH0Ask0q6mIxeiJgWOIjCDa\nG2eJPQw47EgyUB5MxQqUJ589xLtiDLUIEffVOsKdUBrq+4/GdADwd4JEU7vi\nW/snjBuIju5CTCdyK+xOP8iklOmXhvDKRUbxR6tBJ0uhJqAVvVQiPsAXGp1Q\nA84x\r\n=tZiG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"933ae32b3f02920ab3f6f1660cefdd6302297532","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.05cc5c206.0","@material/feature-targeting":"7.0.0-canary.05cc5c206.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.05cc5c206.0_1591649776280_0.6371210921970551","host":"s3://npm-registry-packages"}},"7.0.0-canary.3ee488f1c.0":{"name":"@material/touch-target","version":"7.0.0-canary.3ee488f1c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.3ee488f1c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50fefec40706fdddb338fce17f6ed1c229046c8e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.3ee488f1c.0.tgz","fileCount":13,"integrity":"sha512-hsQT3HC1SEpf4NDINW3/opx0bBWWmpGUkfeLeJavp47cFHvAb8qmolGV2nhiBfrsiL9u1sMEeqZUK8yV/K2o2A==","signatures":[{"sig":"MEYCIQCYMW//sl1kOMpwl0yYTaK75b1224D3WqNKKjj/Ax1w6wIhAIeubVAX45WpFZjkFCoAmJYjR4MoKtl8IxpP9Z17ukBh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe36JsCRA9TVsSAnZWagAAmwAP/24bAmQQZitBPdaWW3SA\nJO8dTD2fvVbWQWGAMFpdHsa7jbjrc4Z5UADScYsOp2rSr+jsphgRaGJdQufJ\nUdouKX3j1Zapd9vzRwLxF00WQC/MuvPohkpsgUy7TBUpAIO5S+zg8FLoSYox\nduvLwJznfTZvEB7LUPAaWTqs2nFfzfDwiZXbUhOwyky42NEnqCGu7wmcYp/0\naNUO2+VG3i6iSempbjf6gt1tkd6BLrocWyPaKp5fUuLA8DpyuLpaZBwndNBv\nQBdF73XGaeCYEOn75zwELrKX/2GH8Yuatzhd3e/mVUt++QtcvDBKKUlmx1UK\n/Fu1/9kgtFYK2nA6DXYf6XI/i41yeWCZWuMpz68f/tJcnPpjQ98JVw6vNE7v\nF6M6yWD7IxGGJGjEu1ReZrNVEMAs9GuuslFvA7pHGTasreCyyNO29DZ+NQy0\nQD2dakwJLmIbL7UFCf49VZTUwVpo7mPOSZpoZfBai/fVrvzybpme+6h1/OZT\nJWSRIm3Y1N82aMEGQaM2NDMRyV16W6KPjO4Iwn03MOfmNKzzzOAFTjlED0HB\nlLAWyXyC9QgxBM1s7WzzlnH83jKLy/5+QRXXZEFS4CquEnYs7/xJ/+iXUf79\nytxPi2ZhG2vK5MssKpvb1cO7mUTMjUQHnajAbKdl6GpaybASCPM/EPcIfAu0\nPCyS\r\n=27Sp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ceaac97d295d5d50e71137ff6d4b390630570b8c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.3ee488f1c.0","@material/feature-targeting":"7.0.0-canary.3ee488f1c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.3ee488f1c.0_1591714411952_0.019661297847000547","host":"s3://npm-registry-packages"}},"7.0.0-canary.b83d720ee.0":{"name":"@material/touch-target","version":"7.0.0-canary.b83d720ee.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.b83d720ee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"24a8dc16b61c9c52800350a680b1b25c316d381a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.b83d720ee.0.tgz","fileCount":13,"integrity":"sha512-exMqf8/a0TMdsU1VICI9RKxf4RbhwTVDAC1nN1HOB57CVd8MSO9pg9MKDBIwa6s40V87FeSUxKisAks9jANoAA==","signatures":[{"sig":"MEQCIFKed4SCHO3SRL+sVMK4t7p2mt/7TZ6aENGlDPAa0kVFAiAIGtMg9PMpZTBeRcLWvVpWvFiRNJ7r/iDkFXUIXJSiRw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe38YeCRA9TVsSAnZWagAAwQUQAKTY7VwGRSfm7HN5NSNC\n3+51dQOZcqVUIMrdRYbvMkFQVn84rH4oSWNIeaw2OFBXx5K9NhLpDHsbPxn5\nmrI+ZIbrfjBYHEBhMbl4/cxccpVRTVbKyY1Nxv5W4wqlCQZ3gr71t99lNunC\nl60qNCPnjWBQ/x/LP1n2MANDwgMXHN/54t6GEEHr4EGhLahZAKhMV63CK+m1\nIdJip9IP7GeViQ2aX4/cPa1SL6OvinLQu0dnsIDGAb2p6NZMAa8RxI/sIOTI\nW1LtWN/Yt7793VwdDVpGBVjREG1CzWiSAcYFqQ6NRtWxMxa7s1/DC+EprDK/\nvLq8jvlYSpwvP3+0hWEo9ilfstMTVfrJFN4iXNs1zhCLlPAyDULd4NyKH1o3\nfDB/DSvEyyNttWYAuX8g4oWgl4Rj5RDqQMzCTLXEfXr6Xmx9kpkzmPHZMRNW\nPsgSO33zd95WCzZXtY6dsspCpnf3aqsrD1Yem6QDet4b7GVh7FvpUUAI6B9X\nLVvLJ9AZw4eNgIU4LHD6VJwk8YYODMRgKDsUo5B/dp9iKlfNI/CC5cYJTPQa\n7oTVEQ7odc2j/j52ml5HRexQdmjwOsQZ5zPbfiiq2o7eUQwKlk+Is8ce7ESC\nWaBWOX+lbl9VClBUjm97tOCt4zDDzi6Ph8FOB0VZqS8H0hoKrjR3X41r7MvD\nv+jP\r\n=IloS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3e998e476c86bc89c3bb626240ddd068529062aa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.b83d720ee.0","@material/feature-targeting":"7.0.0-canary.b83d720ee.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.b83d720ee.0_1591723550246_0.41621457693166874","host":"s3://npm-registry-packages"}},"7.0.0-canary.afb1c11a9.0":{"name":"@material/touch-target","version":"7.0.0-canary.afb1c11a9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.afb1c11a9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"23bca8449d8c6f9c2c82eae2ba73393959106daa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.afb1c11a9.0.tgz","fileCount":13,"integrity":"sha512-hN36G1kBxfE09PTlpfu31glBxhjMlJJTluRmKlKGWL3fx1nUROZAKVSHuZqKqhyAt2EAmBW2/v+e9UswxOTBWg==","signatures":[{"sig":"MEUCIQCIYBiDC/1miQ4w+FQnzb1K2dPpp8eCJtETQX00U80WugIgGgDhSMkGmO34eKk5KMI4szvU8rG/P0nhUy00tjalZ10=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3+3/CRA9TVsSAnZWagAAOWAQAJ2KcEzRhcznqh1hg7EA\now5oR5Dry83m8knN6A5lLAiyG1f0D0/yZzZvRZMeTzHFU0Mwb1jZYOZ0HeBo\ngQlTCnLgzTPbjUxa8+UzuPEDJy/GaZluSn8NvQoZTysQA0ZGSkaUuB5MLCGE\nGYwHAEfDfis+manU5plkMxnSJyib6zmt3HlSzRA5x6nKIds+oC9+kwtQfJG6\naoDZT8sq96ms8eCtsKCmLP0EQP+zJxjioRjIIU4Yz6OBm6+/c7kYXznOwoDO\nftXXg4etL+VnY61Rc2BARvfNjEqe87IuqZcdPmC+IU+qiPGGq2PEvBSvFtHO\n/KC5xhx/45xtRLrb868/dSX1VPf0C0xr81Rany0XWv2VetK98khWEUxkGcIh\nAJRQ2bNE4AUB6Sp8Yg+V+p+zcQjOUuTUQaMjcm33p+HgMghxGJ5/j9k9hKO/\nAJAJrdhdXClWstbHQlgXd3Rbmf9MWpN2hHO8hClvvPkbBNRZ9e6OdB57kAo8\n+RErmGkb6log8T+wXvosBDch/IdpvEu9amriwoybTI1IQpKhbbDPG9yHnDgY\nuw+/N1zyxDPiAzRRM4pl4aE6esbAJAM2LEX/AzmHRxQCKSDrF++4fuGylgJP\nupP3Xlyh01M7JRwbmj6MxSHfso32REhJvJR7539IWoNvRUqK+IxhieHEmOyq\nxT9+\r\n=Q7Qr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"893f09ebba8aeae1b012971b66ce3c77c410b823","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.afb1c11a9.0","@material/feature-targeting":"7.0.0-canary.afb1c11a9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.afb1c11a9.0_1591733759095_0.9958387964207178","host":"s3://npm-registry-packages"}},"7.0.0-canary.39e6f71e2.0":{"name":"@material/touch-target","version":"7.0.0-canary.39e6f71e2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.39e6f71e2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97838ed2c75ab73972baecd61c4323a3ca3b8258","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.39e6f71e2.0.tgz","fileCount":13,"integrity":"sha512-3N5k6ZxohQL0tbyhCPgiNQfqLG7BruHxjKhVD8EkUyUUs7PmT6BzayXM9+U0HsrBmAfAdHEh+uAXIBDQofGFyg==","signatures":[{"sig":"MEUCIGXhIgmm1s3SBRfoLSsdiU56lVAM/Dhp/gY43VsxVpdnAiEA0F5EJsHyPhOI+y2aabnAqqA4Mu3eOAw7DTF550JV4ic=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4B2cCRA9TVsSAnZWagAAhFoP/RhlY+ZkwmUGO+XB9/le\n8A8QPfYTJJNQnmQGQpeBi2TVUwcI07/u2VmIN8iK1EY9Z+an8SFsN+DLnzAQ\nWvU03OtYn6vCmsmODcdISSNFgVV2i6RiSfhmolxnOw06bSXjzu0xyBl6fNqj\nt0O8kcRaCJCxhnV8pKNPj7sQNALp8CQnKROGlXiTFYL9o/LeRKuKnlo1Wuw+\nqqUV0apiNjE5bB+0EzVo/yy7TZZoQ3RTaOeL5o9klJm0ELHDUOcDyipfKTKY\nvQ+v6F++kONDExGOREAEUueHM7lMIx0RRPwW/vmInZemqJnZkfxYXmknr0OO\nuMSWZVwoj9b1VLKBLWT79hd1lPaXHscwlgmGLcuuFqSVZcRoD0F4AG/o/OIT\nTByGfmx698a/tHEIvSyTPNOjIU9KmQu1Mz3kD/fjRj1LLr8EDSgjsEidi4pQ\nLY4PwvKCTnoW2bgUGoEzOkSR6ObVY9dPUjOU07vtERcLrGSjI0qyuk3JzeYT\nz+x4zIDe2hwbvfyRSedujslbZ6whaZ96FTYY8MSRgdfBWPr7eL6OKRFGzm6r\ndjox/oDsufo0mIlANewdhbQx2DR9JEeRZ1pZGob0pAjO6RVxl6QkE2+M+tjX\n34Qq4IH4VVEzOb4WrNoGtuRxmsShVRdojl1F3XJbnGn0FRhUpJm68bv1FsQw\n3+Xy\r\n=H9xb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2f7273891cbcb7da6646bdca0ac4c5dc2ceed9b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/base":"7.0.0-canary.39e6f71e2.0","@material/feature-targeting":"7.0.0-canary.39e6f71e2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.39e6f71e2.0_1591745947497_0.5520548007154604","host":"s3://npm-registry-packages"}},"7.0.0-canary.d4c66dc7d.0":{"name":"@material/touch-target","version":"7.0.0-canary.d4c66dc7d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.d4c66dc7d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53e4265d6fabe004c59a1ea07e9c0a98c82fa091","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.d4c66dc7d.0.tgz","fileCount":13,"integrity":"sha512-x8m8HB0iPaDTaN4uPgkV+k9QBonPAsynWcp3VuSU2Lz+KXNUYMM29dmRf3kdFueJtPqVhVc+V6QtlqRxw7W88g==","signatures":[{"sig":"MEYCIQCk8P4r0LOEFsP61YWqzO1715vSe+BI4QopSR0XX86cOAIhAO7cZt4IQjRwuS5uoMq2jR4mMi/+FdspnmRkU3ucdHKf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4m26CRA9TVsSAnZWagAAmacP/2DqWxJ78HqwZXoJrrC2\nfWCZgtmIDCcytDCTnYYlJ6JlqIO3mmeZHtLvOtWx1SprPuEgFlIV50UbZ6cb\nNm1WdHUHQ6x3qoF5tZwkuFBS5BbsjQABtFYeI/8krNd0nIdovtIa8o8YGxqT\nwnBYclJ3i1GxeSpD7RC2x7ndfIYLIx3BX5Fk22H4+45bNdEixUtbEG1mIKBu\n6M646yUxuODrrrLqnhCp+YCPmorelofsU1YQSdlhiijLLLYyJA+dcW8Picsk\n8ntS/kenovWZ4lfCJOnpHDJ0DGDV8qLxn+p4lE1sxJJJ6tSQiONE6dAlsLk/\nDNs5CJ3r4kOBILN0jiedzxPaRYRkW6QLzzBI/MBkJ0Z519PrdJAyQJ8CU90v\n9mPxhoYNKT3gtcGkBV+kOdR20FimpyHKFy5OstcQMFZGTyvhw+/yarYhzZ6R\nLSr1jA6EwcJ+BjwamSd+H4xtvZc9L+ekONOruvZ9ksRghM2XT58thiTC6UG+\nrA2ML7MtqvfKgsp1F26z/bdgMTbvtpT3WS0z2f981e/FjnbxSBRsHXYGm3KK\neGQ2Wp6BKokmrWiZ6qRrKljfO797Eoh1VqJ+eVekx2Tr3f+HpvimsAa2E2C/\n2lLwp9/MKM4yj8qVtoni1RZjYSvehVV5vvkOG/IH8Pcvw6xLl2AkTumeca8d\nYpOd\r\n=7Se7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5964d9e6836962528334c54ef81ac4cf4898392a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.d4c66dc7d.0","@material/feature-targeting":"7.0.0-canary.d4c66dc7d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.d4c66dc7d.0_1591897530039_0.352213506041545","host":"s3://npm-registry-packages"}},"7.0.0-canary.be4a19f9f.0":{"name":"@material/touch-target","version":"7.0.0-canary.be4a19f9f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.be4a19f9f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"49e95c4ab173955649df64926683873833649d5b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.be4a19f9f.0.tgz","fileCount":13,"integrity":"sha512-17J/g6fcJmraeVcjvKc1RGawamCB5KU2HQBdkG91eukLEYThgCIILyQVNsHAJFVd/RIMZx9d4Qz1Z5yKRzp9bw==","signatures":[{"sig":"MEUCIQDFrbP1PDf6WxdzOwRtYAVI+4ih/KjePOif0lgcIIYLHQIgKs5PA+trmMCTh7vgTQEH4uuAyMtrFKN6o94IutD3B7I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4xuvCRA9TVsSAnZWagAAFzYP/33190oXh5WOC79K9kwM\noLdpiaifkNG8ZzrxPzqnG6igbROILcWbzhOqhbKwmGnhZg6j7c7ueboTYLZq\nH/jys4AS78dy9FvdzpcxixIsqtqFN0ZTfrRaPIFPqjVk1DWFmpn6nX2EuyjG\nGywi3Ock2ljiBBJ1iGKf7VkFrWupmRZZZeROg/w9OAXGZYxLkawLXIz/WHBz\nVgyHQIuI4gmwh4SrXxdD5AomOCOzbDlQNimOG9W/tsPIzJPtqDoxt1q31BCv\nrcGoJdxDcFJIes/ZOqDTrCqqeXvqT4Y4yz9uyvIGp+brqDSLqqQ55POaSs7I\niqB+jqlcZ/d19z+etOkYn2Vi2yhLsRnTKWGWJTq1quplJbFBGTaEQSwEGGmW\n+30kntGFXEV7JiJlsoIS35Qqm+sMR9xXMmA2Z8eR1H9axCuCWze4hL7jtEYW\nSk7bXlGdRCa8FHcbeqYVAfHt5bADmtaG8qBddhQK7r35z+MkMD0+FDvZZFk/\n0EDD6tq/sOO1BO8kTUEhYUqx6q924ARnOkpjh2aVZoTqXcpPab0/8+u3QR9s\nTXiEE1P1aYJR/7j7REq3Vpo+1PrZn3SkzMAqtg1xRd0BsIJDHYtl3StBoHTX\nDjd9R1LA71yZtFTRu4yOgDktbpNPtd2JctnHOHCoefNsD7LNxZzVk/qWgqIa\nb1d6\r\n=e81t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d7a0b89cd18efc7fec60e96de627e59883e3657c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.be4a19f9f.0","@material/feature-targeting":"7.0.0-canary.be4a19f9f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.be4a19f9f.0_1591942062705_0.06599087120832436","host":"s3://npm-registry-packages"}},"7.0.0-canary.a6ac8f629.0":{"name":"@material/touch-target","version":"7.0.0-canary.a6ac8f629.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.a6ac8f629.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ab8bec82ded3ca2c5e568aad7d1c1bb5008632b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.a6ac8f629.0.tgz","fileCount":13,"integrity":"sha512-KvdE8SP0xEkNonwid6eUAGJ8mh7VdIeiye9ZtFzocFQaK9EijAvtmiPgdDt3jitEkB17g6Po/IrrIrnQfOLE3w==","signatures":[{"sig":"MEYCIQC0NSBDmHV7g+WdkAYs81ak+T/hlyFvczvASW5OOMyIVAIhAInaQN3STZg00x+kGAeqmlK7yBxUBKbh/ZFitk72keeN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe5+hpCRA9TVsSAnZWagAADw0QAKG9De7MBSFz8Z2bLhqT\nJ7g/WgGK3/I2ntq7OXqPVWe/pfqFkXxekQhOcVvQCdx92E/6LYWUJpn/xZ1q\nug1FVTAYKT6VqpIVQrQH/sp7l8AdbTK5ic4V+/UmjDhxJ/LEhTvRTB2PEHy/\nSTCVZSwxt0ieUBdw6mRiqpsWNxf0QpNPYj+HMqLtjwUd5aq0FV+qM0RIw+CK\n6JI1Vh1vFM1OyUZgNjeXM11hp364SiucKrNRSdScymR2JeIg910++DT0++jX\nssNWb6rDOMVKB0RuV9fkj/RFG6QAARmKNvTqgcU0ykjolkxJ4/PKCECKByrO\nldpyDu26U0YPn6fH/keUSom/meYYHNY1rH+njZau+qn4YGyU/OmSP7Xi6rSP\nbsXVWOplzppyYTdSiuE/K+WnMmE1nKXPZDYfpsIa51ebSp99vb/wZ/flRWXx\nsQEyNb7V1AkaDTL4bOIHDmv1rIhXFUIqzgTq/QYQnuU5KwpyCHoN11sJF5cS\nylajrZyfVi1DLuZhhg9/XEvtr7uiXQNSzi8ouvPpcTVHOTBV5P2XZX1MakD5\nKxbENLX8bDlRMIQ8ijbSSw+rTmoCbBJlSxYOft5/Vd2gmnTddMe4GPBty8A2\nSwqbgXDjybkNVFXre1xr+z7gJOYLG3NkElkJrPGCQNAvQA5pEWzbPzKrWxut\n7t0N\r\n=64xu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"30d2dc59ec3530f0f21233e5b8e93c990a4a2776","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.a6ac8f629.0","@material/feature-targeting":"7.0.0-canary.a6ac8f629.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.a6ac8f629.0_1592256616778_0.18994007613767216","host":"s3://npm-registry-packages"}},"7.0.0-canary.9833dc287.0":{"name":"@material/touch-target","version":"7.0.0-canary.9833dc287.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.9833dc287.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a800db69050f1934bed4660a327d4a8e5264964f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.9833dc287.0.tgz","fileCount":13,"integrity":"sha512-793L9FBYerQirnkESuOu/yZti0rvmi6RrChT7w8koQfrzxo2jq0p43pb+w+5XU0IWqns8uL0bwwZeCo5jBEySA==","signatures":[{"sig":"MEQCIClTHjrbBS4d6SmttEijR/w0OvUN/ghKOfTr+kmT+f69AiApaf0V3gK6Mteg3vZPeiURKD7uUSyybAmANuIc/Z0ZOw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6SIiCRA9TVsSAnZWagAA2O4P/RRchPnLw1DVkcOEFrlB\nJfH2HSYgseutRh2dsYxY5Rph/Li1BHoMlZri606TclAIXnZOZcXt9DgN0OC0\nWenq22h7qR7rDxygjMlSvdBRnQ8eiw3+JvDsLd2YokJ0x6FdA7RfSTcCChyr\nzSW7vZ50MTFHDeCckn3/EJfn7+p5tPqEhN5EGqSbdrMkXtE6hqsNpb8VLiqv\n+dj1LXSQd6Xofvqt49XGihNp+C+UAeMoPFqWffqAShDm8q8WKsfs+COrU4V/\nSrctXNfXdRa3+Q+w+ZLpeUd2mw/VYr2NAFSJL8AEgwzskCfpN7AJKqH4yfii\nGogczdnkQWXLQNsayJLwNn043B3smBXXLUpuAJTMBcSOtIvIUa1Z7EN2exVW\nmgvAv1X87nu0F803UHwoR4TtS63aJKp//1CD1aocNjB26eQ/AhEfLBJ6iMSx\nrOkfeKBAeuYhuTkaXaNj9yHOqQh5gQJ0Bb7Kumm/rkmdRJeM5pFhFQxJ/6h4\n1KvRkuuLbccgP9FTWU0buhTbyNjdnq/ywQkwzHYSFIVgcWsuPwzdZ6Mtipz9\npR5k6euU1qzRxjjMK91fT7DgUCsYACTxa9q5U487Dmxikhgyr+v5LywSc0jS\n04hIYlZblK8wldLg0EX26T413choKsJI7sQqgy4ehPYuX9gzUJE4EUuB/ZPo\nHsbY\r\n=uDZE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6852334e45da838c4140c1aadc974a39d80a83b3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.9833dc287.0","@material/feature-targeting":"7.0.0-canary.9833dc287.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.9833dc287.0_1592336929881_0.6865277074264426","host":"s3://npm-registry-packages"}},"7.0.0-canary.3aa33998e.0":{"name":"@material/touch-target","version":"7.0.0-canary.3aa33998e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.3aa33998e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eeea2db4a4c6ea53a2b034b010826ef7bb4a82a4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.3aa33998e.0.tgz","fileCount":13,"integrity":"sha512-OMhwS22TMgyzjGxeaPvpVlAbOeOEth5+6USU6iRXy51I6k5/QD4+2ZVqU5pMMpyLan++dMzneRJQ6R0JTe6LZg==","signatures":[{"sig":"MEUCIFnhA+ym6PN49ji3EmwpCSq236BtVIAYTdiqPy934Q/uAiEAtW7O00GOMDy5tXQJZMuXqpEsu/B0Tw9nE0D7/haJtd0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6SmTCRA9TVsSAnZWagAAe4AP/1P2KFxkdCQWagoF0JRQ\nyQJsZDjJbVneBHexKhqM4+cKWHB20TiSMfk/VXQ8DPqFQrum52ILSzvaV+vH\nAWxXCOmSZTOPhWY0Ik1MuQFHXWdMZzQCVu1xaEcwVJ+Ws3x1YGg+++f59DyZ\n11N+9MewDrFFt8/4DhCknbk476uqP8fkh7aKOkyTm2sG8lS/IVEz3LDCiGcI\nyl4rveK+l8cgKUEhYV6HXqfbrq6YKXVn5B54kZPu9LaVOjReAroOX5I63zh2\nYjRjOhfs+ZEYkAv/oyIKmxA8gh9LC0yr5k4XLhjtnaI3lN/QmbCY2laED69x\nE9GXpy68L8srccqOVMbLMhrA6ZlpUi0cTPG+tBEH4WlUOwk+ehkntlZLaH9w\n8vY/vwFhv/ggF17PG+zGtSYd4+gqG1vPEm79zDi9EZdb5JIlwTbxi8fWGYK5\nLGq6shkT2b2u4Z6QaUlTcJpwNM4qeI3USMUs67cpmm1Xlr383Yc+BO/L4iYL\nq2Aovu/Nt1d3Xx+3dI4AU+vnCAkTnHmMvKgzqK1rCY8ngpA2U3IR1dAV9FOE\np5d238P8s73UcWb+x96cicsi0tZ7PMj8ZgnEeuxoEkLct0n6YLzSE0hgJYOT\neoOIoNy/Xhl78wnInAZU6h4Xe6Eqpt7hM3PVvYk/gQYpFew7EQkgUQW3JN2m\nh74v\r\n=XRX5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"20873613db8172781d25b42fda84ee1fecd88558","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.3aa33998e.0","@material/feature-targeting":"7.0.0-canary.3aa33998e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.3aa33998e.0_1592338834776_0.30977061632291125","host":"s3://npm-registry-packages"}},"7.0.0-canary.d2b54d183.0":{"name":"@material/touch-target","version":"7.0.0-canary.d2b54d183.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.d2b54d183.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d0b47a6a08a9ca0b95afc9537da3ea198ae86859","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.d2b54d183.0.tgz","fileCount":13,"integrity":"sha512-U5D8ARsQn/VCI1lqbPNpJkkCApzFqErotc57prymxmXB6mg51Hz6078uiM4hxB7o2X6UifNAeUsBtIfzvse9OQ==","signatures":[{"sig":"MEQCIEvlWPGfyuIMksd+EI3g6hHdXXRE/xMHfK+Nn47jErsqAiAVxgCDOJVIlNfNLc+XLrB4/MNBm0N8dr/sSRH9y+1Sxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6sAjCRA9TVsSAnZWagAAwwAP/3R2TA3v1ln4Jo0QUI02\nX4Ugx/M/W513CRjBLt+MY514zBSJGwP6nJiV+lBRSUUI5zuMu+MxkZknh0oZ\nuJao3jMau1TXpYGv+Kb3dKeBS/JwKVBubrMVagZbupXMOBJRfbQwM7+k8rsK\nbCyO9P8GBu3boL5qUg05HyTWs+4cR6WW7d2MuwtUaFZyW89hBuQuFnXWCD92\nAGIVaumeOX8mnfOcj+/nEUmOwqtQLRdLyofnuvuUzm8lmzrDxYJjjn57tNCl\nuL76+7wRBWx7ZLM3+asW8YB8eVLg3ncHsYjz4jruqPli27akcIX0IrCJiI2r\ngEU8LYoa6bHSUMuYN20ZrKy70n/C3PPU179w7YDfwiFNf2s3vLx4S+Cl05nw\ntsYyfo1J3Jz/yInBYrQFkbQ96/1bwv+PSJNALdYk9nPo/M4I2onhGFEclRVk\nS+2qEXy5bfCECTQYOcgU0MPq/PJm3hsWw+BukGT2v0qW6qkrfSqdB1WSa7ox\nasOJ2+s+g/aoSB18XAQchjKD84fvZqDqkJb1dWWgF49aYthXFoaUgIwHBuR0\nEWKmBsl95yTP7mMJPtNs+WXVkCp5DlHGSlLDiAqI9ryLoZ+Mr0bWiyrD/en4\n/MMphLAIqZNjjnuH4oRm0CC5o4dtg3Vs5N94YfEA5n1xORvYh58WVijGopDm\nJ4Hm\r\n=cVIH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2941697c8abef0c194a923cf548ee231dc67a2c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.d2b54d183.0","@material/feature-targeting":"7.0.0-canary.d2b54d183.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.d2b54d183.0_1592442914610_0.8795956542157104","host":"s3://npm-registry-packages"}},"7.0.0-canary.f2a488e95.0":{"name":"@material/touch-target","version":"7.0.0-canary.f2a488e95.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.f2a488e95.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"87203efed1c6f6afcb7b9e40bc52b503348ece09","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.f2a488e95.0.tgz","fileCount":13,"integrity":"sha512-DJWy9HVSK10Z9Pzxz+psb9Aj64E4rBpq1KKBXFfNpODPkr3Bjn9goT4RdnnZnIUpCpBaf/F9LZZ1jqn2y7Q4cQ==","signatures":[{"sig":"MEQCH1Lm1myy7O9HiNtQZ9eMdRz1mVxESAwe7i5bs6x0rRsCIQDNaG/uSFkWEt9gUuNFyey+rp5UX4kgMPFxhhNBS0H6Kw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe64JPCRA9TVsSAnZWagAAZmUQAIPCydba13MyQ4WNUxMm\ndiUJTk2/OXTCsO1lBKoheivHYwR7TOdsZOpf4xpWH2a8u/4Kburn8D7pcvxB\nkKPdnAYUL4mGQGdPzIGAduWS7QlYdkn4W+JNvo54atrQxd40G/Ic7zmepuZL\n9YYewg/OUlyaNH3FZ1mziHwNRqjHfJiIoQVG21/PAoego9OoKkUwSt73UNPb\nXAUkBKdZxW+pJWtrjovFlhgNJ/UgDCAcWEIYM77LxVK2zAXwqyM/o9LaqCig\nVzKGryNBZre67Gj1ExoQmARqn2RP3A5MnK3GWdc/prEG/y5bR1PcImCZ6WYM\nd7DDEavpLTzWrHtVe6bMuCksK+UthfL0p+bl3O2818fTHxBZsPHBr4klwKGK\n+jbT5cBDUsPkN/SY65xuPx1UXxLgJwRV9xBaZ2MGOjR1WOPuc1uBLQWL0hp3\n9r9+Wnva9g/iqAp3L5CQLksWuORhPEKrj4Pk1tvZtxTdx/nhFX3rqSYc6+0Y\nwCnnOZilsFyXsrUNXk1ooB/ZEf65aJuZkUWy3pCeNj88y7aikQJazjZQTE3T\nekP3foe3C4hcaGSYb8e4X1YnbKFd/ReF6Niu2uR2IzJsYTMy85ISdrrsc5v+\nK55SHUisHknZWD/1b5iefGtlsQ7QVRVrt7V9oBmpyN5I9kdCO+9Xgq3kqo5I\nNJbo\r\n=/IKa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bd7f6aafa23ab94aa2f862ece45e1775f1895b88","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.f2a488e95.0","@material/feature-targeting":"7.0.0-canary.f2a488e95.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.f2a488e95.0_1592492622635_0.6498905331205886","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd8d1aafa.0":{"name":"@material/touch-target","version":"7.0.0-canary.bd8d1aafa.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.bd8d1aafa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5b03d39e0d54a67584cb3be621bd4d65f6e517e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.bd8d1aafa.0.tgz","fileCount":13,"integrity":"sha512-N470GwbkMQ7uvydOsgUr5puBCJ6/guI6Pjy5ff2J4RcwWNJDYXzKCcOAWXIB05lPBtRexREh5Ih/3Zd0htvuIA==","signatures":[{"sig":"MEYCIQDn4OPziK04w8JsH4izf/3O+H/hJtOIneLVySbhmspi/wIhAPWQwwk8n6q7+8u+aC5UWWO+COa5xh2fUamT8bsqxopB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe64UnCRA9TVsSAnZWagAAmy4P/0q4kcpCDff85wWQv5CM\nv78E9Y6Ht96MuGNjwQ1OL9hQxyS2pkej7u2aQozCaSqYyhtnxLGbJHdRpL5K\nQByx7oytNW9qodWhIdVboUcOiej2GvBLh0OOebtOQXocJwVT5haFwLAw13Ie\nvhYCkUiq/e09e6HoVDQVpdYQ9Qnz+CMENiHGqVgmzJgxYhkjsZ4TCfZPC25W\nqP05Cwkddw5Eh8dMJyh2aNls3teMSTP7W2zVuhXg7mciUADXCZqd+cBS/MrY\n0BykTRhvBN+S6/qKwd3+p5v+BNEqwwPrn2LxvJrwREa1M6JO0D3z2XaY05Rj\nlq0PUNHS1hDxv4FJwbEUEeexEV5G+a0/fae4wU5ZTyJMyHhBrQ0Zn3Ki4+ok\nHsqxWLO5dTkuMHj8+75BpH5H2chc8CDPcTH5LFsNxc9Yl5ly/Lh6DSzyEMqL\nKv5LWGFl0wnUUU4pVQ88chPJ8B3NZnL17PBm3vhugQBw1C0SyAVMGSbLj+Ba\n14e7jtYqyEDFymowRp8VJ3vqAP43q6n0U8Q6MIHP4yT+/VIhf7u0onbnyHn4\nltDxbzEO83RVEPWuYsTdah4rBXyLdK61swcGZERwiHqDDqO1YsiBWoLA2DFh\nzCa90fEcvjSj2KhRoi+DUK25hI4liz/k5MZiwm2YFTP0h/u1F5tX7K2/Aa2C\n6gW8\r\n=Bvrb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"05dd265c139c96ecaacbac16c7128e4a851b00f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.bd8d1aafa.0","@material/feature-targeting":"7.0.0-canary.bd8d1aafa.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.bd8d1aafa.0_1592493351446_0.2163341143430788","host":"s3://npm-registry-packages"}},"7.0.0-canary.1321eb968.0":{"name":"@material/touch-target","version":"7.0.0-canary.1321eb968.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.1321eb968.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e313adc19fc5e4f1bd4ad54c68835a5aa9196909","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.1321eb968.0.tgz","fileCount":13,"integrity":"sha512-hNuR/HNudqg5rdoh0H+kfnzeomzHllPNz0mA9cBdumuKgzck19eEfVdYtjn3mJTgpXbp7qztwrOWjcY6pQLgUA==","signatures":[{"sig":"MEYCIQDHowfJErqh3LwMKdF/qEZq+Wqxnl9zB+cDLMsle5bAsQIhAJ9I8yW9vvbB1OF3ShHUfGs/fanLsQviwtbF/2zVSbue","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RATCRA9TVsSAnZWagAA694QAKJUdkibXwQw1fjxECjR\nJpX3a8e41STbdeeAonKVBx3T7o+0oKWYPLeq0uIbrtufCsUt8w9tRbvLMArE\nfV1uaImxfY6FwQqZUv2Icl+d8M0wM9zUxFwhDK3cVupmK6Xb2Xt/bR9EUjlr\nbmrW3hHN9blUu7nSQ++1i3gbez4D5nNEBgG8lkuM3QbOp4oQIaJWzLMJm0B6\n2+anBHB300Gq3d95yYH67Ofr5RJzvWvRpTbRXUf8dC1SiBl65lpSCYNv3P/W\nv3lXZkeVrrpta/PPGlDgh9Fq0agqfCEiA5DuaPVDftmQRhGVxoUPPRd2WEZ/\nfU0Yw8jH/roZpcT1AsQvfZFWzDP/fJyQGutoTM1VUAaFyZrAAu1adSJ7dve8\nsBgVSxOykwHKXGpRDxB3xUJf8tguoIsOAvQA7twbgx1H+qtPz2Qvg0G4cIql\nwUhHYIxvL93C7BV5v5m9XhE21G2JU6Aeh2BeU/gox4UgYKEoJaciMc4UGRPt\nZiKI0A8HK9D+R3MVcioIfR9EvHDcJ1OAGSrUbeeBSKvZPLNe+RDK0OEw4Xg5\nET1MeHBKeht3Xsg6BK9sRio+5iOuJQBkC1Y7iCojA4J9GSpe5Y/ID8uDBt2E\nW732/n2glHB6w+y9L+yY9ZmeuOBzXuTN1u7M16KvFsfJjS2mf9mK9gI1Ay9r\nTrIq\r\n=IXpD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"41c074a3370c2ff9b4dd6af27f2403d15cbf2832","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.1321eb968.0","@material/feature-targeting":"7.0.0-canary.1321eb968.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.1321eb968.0_1592594451247_0.08672819099749818","host":"s3://npm-registry-packages"}},"7.0.0-canary.db5cc0382.0":{"name":"@material/touch-target","version":"7.0.0-canary.db5cc0382.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.db5cc0382.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"54963b325b3e26ddb1c21e89ad3b045aba679ea1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.db5cc0382.0.tgz","fileCount":13,"integrity":"sha512-fA0nKf3Ra9409H2UYapEuN4FnrkuwMJC7aLFEmqvqGH+ETqdIEU8ijtLLnwKWvzr4z0JfztBmABfK+ILnzsaWw==","signatures":[{"sig":"MEQCIHbBearI2EhyXiDUw1oCRA71rbvP1Ov1pJmPB4IrouQkAiA6jBVF7uzT49zasxKmHLVUAOTeMxfHRUu/F67w3JVBLg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RGTCRA9TVsSAnZWagAAFZ0QAIpN6igd9JNL5oBlf4mB\nAbcCxaMZzPAJsBRl/OJKmbtMtQTXon89e/LjoFpZyJ/ZMGpyXcDFkDOOPM9U\n2DzxsIOs2m/yQHOYjZ8YGenNxoCDxA8VtJ7M5XiPzxe7HgxymXkjj3ngZZUD\n7x83/vNRvGYYSlMR4E425GO69fGUX8CuDtKJJgTb8mMM2oBOz5KIgDRjxeeA\nKe0vhpN9o/nz2Y/y8ClM12z4ikwVLi3x2Irb/ztVqXvXjao78ZPcE0GVHbkw\nv4b+kRIZdg7hE6A+F9H03ZGwc+BCHvzEB9KisHSmWxYVET3mxS60nK3+xJo7\n39R41LNNwQIufgdQaD8tKh7Q+tD/njv+zxW5YibBbYHUOoM0smV+VcrZBGeB\nHiuho2IhbUA5SKTP4emzAvN48nVjFIdobYpM5BN4fqLFvei9WV0wKvpWuoHE\nXiwWeUxNZu6RMzw/Y1rB/jEAW5pJOOi/q1759A+bmyYSpEhCtQzYIcmiqVMs\nV3Y+dMkQgJM/FmCqO6yo1emcJGMBo7feMPXE1PhpN74w67gmQFUjPeEgJgJa\nj5OMfpFN7mEi/FkUmxcs+RnAFtNzTAX9712jFLpd/21nUCLHrRrtQaIAgygB\no5hGfe8ZSU9eb75v9NuGjm7Aarzdllclc3Rs5gK9lUN162+1m+IdJG2vezyZ\nX/Sq\r\n=dt1m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"698cb6184d0d6e6823147f7d050c39efe9b8e3b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.db5cc0382.0","@material/feature-targeting":"7.0.0-canary.db5cc0382.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.db5cc0382.0_1592594834792_0.4967716135764093","host":"s3://npm-registry-packages"}},"7.0.0-canary.6ac9bf031.0":{"name":"@material/touch-target","version":"7.0.0-canary.6ac9bf031.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.6ac9bf031.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53337a50d21df811ea78a70d1d42787e1fe9eaa2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.6ac9bf031.0.tgz","fileCount":13,"integrity":"sha512-3iQJd/r2MwD2uZAoCvTkDk8InB11e64vXbO0MsWAU/D6SqcuVpQQgxjduA5VhikS65ypRaI0zz2NW2UGdMfFSA==","signatures":[{"sig":"MEUCIBCFSZc8+NKiyvZ/LPrMmCuUxppwvUCkK78k824XBfGcAiEAmGBaZ/EWLZXYYMn8PyoejR9jWa5m3FjYBXOSmumm4DM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RZcCRA9TVsSAnZWagAALjYP/3wdaSER+0B9myFhiF2q\nbTpRmCDX7rRZ5FP+Kqc76jEhNSG0uTDnWrU5K/Q3vSaB8BGQyQe6+vdXt8NH\nopTjB+nkIyx+zVjJJrZdZoVqLT7CZ5ytcQCZlNA4LpjWGdjTIEtxraVehUoF\n9XS9gwT7PKy8TETs4lksrJ1wyBb75/z2ugiNRJrlnzKxcbx+yciSYtuANLL1\nXhur4Z8DUWmjDtZCwbNyc32ytcuBysrm3RZwuYZeugf7DY7xLJAIKjanFdIa\nFVxjVApNxQ/XPHJicTTXJg05DcFerkbifzpMpFScGrqfknLBWz5niAOWwI9R\nwKcWVMtBstwrryu27oehTfxk5Ytt8niQ/sze9Xc+KZhJaiQ7rMhoqGcr+C2Z\nWo+fnAjt7JOvpgMqr7LoS9G7fONV5djIHYtPLXtv4QZvepxLZ1ky1ks5gYov\nMZD0dPujxzzwiAR0zk550CvF/pWZTWCyNBKTLlZWqbVRWp1jdrsRrD5NhHon\nafi+2lj8YkpuCIYrJCrOZARTB2aroqhCGdlvGkPxBwnSI0NnWpbM1YGBkAXv\nvhO4GeF644wZhhl18RkfFgldFI4avkBQrCxl2MMn8jO8vpcCLSoDdwD499YG\nWwzIwyod890ybeLxUxaauwKpR4FkVgSZ/Xdi8FHfRAXVYZ6+aiuc3gQsOqGj\ne3XU\r\n=N3wz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e80b52100d3a9ae7653579d78250cf18752ea92f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.6ac9bf031.0","@material/feature-targeting":"7.0.0-canary.6ac9bf031.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.6ac9bf031.0_1592596060099_0.3368105447753298","host":"s3://npm-registry-packages"}},"7.0.0-canary.c21b5c367.0":{"name":"@material/touch-target","version":"7.0.0-canary.c21b5c367.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.c21b5c367.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e68b0e5836d035f094598bf1b78cdb0e7cd9164","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.c21b5c367.0.tgz","fileCount":13,"integrity":"sha512-Pn+oSRu4hS13BrRGNkVKt4OQla4A3f3J50Iu2Ufuap6L7Y29zGP9yJ7zjpc/db0AxmAfVqlGwg+2u4K9LMdGfw==","signatures":[{"sig":"MEUCIQCRKgNyUy0sa2dhIOOr5onYA8Vy2cSfU2DvNLxTJYpBagIgNoTxFodJ0lZljToqysUA2UdshQhAifSXTO+Dy5lCREk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RuWCRA9TVsSAnZWagAAttAQAIRnbLpL0cWvUS47V/3H\nec4h0wgTHw+4dekot1s73073k6isdddu21deigQqV2XKVcDzcJTUvZ859VNP\n3DUGYKkVcxLQbhZBbyyk35yuLX3KGEMmqpv9FEf4CINocMh4dvfAbnnI5DYj\n80LfSlv/YkWvhF1p2nUwCHIfNJFgvUWRRsY2JC7K4i80WK8X1kz4kYIY5B8q\nG9O8w4/fJnqkk/IgG9uLw1gUI25mnKNLBWVf7BzaTGZ2dEs2sgYTiPLvwJnK\nQl1ERLRDZgdjJ4pvSjPEPZJWi2rzZipr1PfsQ2Q5xA9N/+jIapaDQEEC6y6O\nJZ+QT5b3yWj9lf7w//AMf21fUxH2fXQP/mXD129wn4rxvNyJGcfpoa53QIRi\nCixi7aiiepYk+nXfIFIpyppgkztanCyr+QQv32Th7PwRIt+IDpwBLuPbpvKr\nmg9vwKM/d40Hii+7UYuaqw0D5EQA7SyB4I4VoOyjS4jOjVNHr00k9OIUbx95\n62wIfCZDRgTIRgi1ZI0t3xhxOh/L/HB5bveYWVFhU5bD2TnQ+suaGHtQM/Pi\nUyoMn8c/BCOnPpaxKhvxcgyYYnOg7rBLULcqy/EQyz/gCPLGYYPwQtxgc1hx\nl6n8l8fb/lZ86NhgwEufeQgj2FbGueTOOa7yENlBjp3Q5W4rcOQjxLYk7i9H\nJs8c\r\n=lFdF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"08c734c10ebecdcec22cb27e38dd9d3941fbe847","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.c21b5c367.0","@material/feature-targeting":"7.0.0-canary.c21b5c367.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.c21b5c367.0_1592597398147_0.47803809705026157","host":"s3://npm-registry-packages"}},"7.0.0-canary.bfdd7fd39.0":{"name":"@material/touch-target","version":"7.0.0-canary.bfdd7fd39.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.bfdd7fd39.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"502072c09cb4f0a3754c6095a6a9d48067e85542","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.bfdd7fd39.0.tgz","fileCount":13,"integrity":"sha512-rpTylz71Ulkt+llV/mI67JSZXkKC1cMHXNRyJixYZQr0RWKNL1MRCvfnod4CPia8DaahEilB8UUtwO/181bXrA==","signatures":[{"sig":"MEYCIQD8EXjq141g349wP2otqoOI7Awrd96fJtyysbRZU/ONNwIhANDKsAWPPDhef+gHvm+SSfEftNbI4zvKg6o/D3rG0Fl/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7R3OCRA9TVsSAnZWagAAAHUQAJLd0R+EK8U30lrMGTEv\nN5iXoJOAlmhGbxYkHbvuYt5Ulji9Oz6B0x3wSbESSECp/19Mz0pojkNLK75T\nz8ATXhIeNh8vMxWzq/YmKTZsMFaaTRW0Tf5NlVYftGD/aOqklDRCga89qib/\nbK4qaxqffQPJOPyehXkaTqHBTwfnFr1CVNpU6GjQf1iNToeYNXOUJZS0r0RD\nQeSW6zNKqt7Eb02mYJQGtBDGxaTrC9plkIIFUPfgM3GdoZqscWC0qgT+Als8\nMAzP7HyTlrFWrUYt8NhRXiEBBytPqxImM8TAJ14Ssky7LAqQaP26zTpBvOIU\nRJSCIf8dXpArSlTi9+9gdlAGkQAOhZQK9+KGaaNIShA+x/iUDBb1ChbHYFqH\nCSfrgVadYUjsj0gbn1QeMk1UbFoULJ2ParBbzSnu6ZCZJcB0xWaU99+dQYYK\nkqcUns61lr5Z/G6TyZnH6znEiUS45bVDgN3yDw8pwHAuktk7HpLZ0qSal+vQ\nhLiyPjT9F2XyXrXBPPxmJ+JpmpaZVER7rThprKwHnZghtpRgRKtY54YNdoNr\nsQlSVlOtqdD0TZp5plJOU0An2WyBhOsUCuAbsNB+7iREnuDDzsZT7jh3AQdN\nHhmlnwQdqmNyiRBphH/x0NPwXr8MSTg/V1CeoW4yENCN6PkusqVNc3JzEElw\n9x14\r\n=nkxV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b9b865bcb7a8ad91c21f4b1cc433f6a49dc627a2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.bfdd7fd39.0","@material/feature-targeting":"7.0.0-canary.bfdd7fd39.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.bfdd7fd39.0_1592597966071_0.9075772192459279","host":"s3://npm-registry-packages"}},"7.0.0-canary.10b505785.0":{"name":"@material/touch-target","version":"7.0.0-canary.10b505785.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.10b505785.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86aaa393ce90c05218878d54056527eeb60fb0de","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.10b505785.0.tgz","fileCount":13,"integrity":"sha512-l2TflF01XRtfKzax4BucQmPFBCa4MXIyzxdI3lRIJ+DIDnRaRDy7be7gsW8hCRlrCsL3AKBQsUgVXg1k5p5icw==","signatures":[{"sig":"MEUCIQCx9cNc+WxAuIHZco4A2XzjXG4A8LC2sPshLfuXe0rppwIgL3CQqDXCyuCHqV4UflQJAm4KdA3PzZDXbjhIWTXwrxQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7R4nCRA9TVsSAnZWagAAFY0P/2Zp4iOh2ABwutO043MX\nGssurFKg0sohlGYlUcfFUVlZvIQ/k+m2A7hKozdJ1ZVVeAkDDUBddndqqIUG\nCDCcjFw8T33L8uhV9wtprFasEAdWAaPwgD6ec7ij1t3PNLJWc+udHl2li7WX\nnuFDlXZlfD+Ila+tlsLkBvI/kXRR3ObWd+Wn3pVVA6amXlfs3I5id2Cn/1aU\njiuyvfz8dDzba1png47BgxszriRsHamZuQI9+hsx7jrDLn9zlchTk9a1xF6+\n/1mIqtqGOEbRvJzgCF0VCqpVXaFR1ETj/zFm5c6/sSCl3wMhzTZsleaGs1Kp\nc/+nFlR4f6+clc5IIuQxW5Qcs3xDe9Ld6bkxc43SN1a+ecLVoAz1dyE2zIVj\nsjD1nI6kZ8ifqAGf2/goEYx0sagslACEwNcSkyY1PqiAMb76Rtb3IUW2oQ+/\n7a/SXF61dam/J8W4bP3OEQYUaPag7zuOpnjn1EUAdPBCqgujxJiPUYd/zmpm\nBtDwA2qMTHIjRFEZPBsHVotEiQaVaVTzMK5EqtQN+sCuXTPTEyJcVZHGzSzI\nwj++Mo19OBy+NS5VwmKB/LxNcTg9DimIxE2QgvQ7ayh96T0HvLFJwYZ2zTNq\nzK0cPwSelQhXVO/yeJ0iE0u2yxIMjM04riSQ/338Jqhzt4jJWjOcl+q8fPSW\nYVNv\r\n=+k/O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ed5923edcb43bfccd9d40cf56cd605eeaab00d1c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.10b505785.0","@material/feature-targeting":"7.0.0-canary.10b505785.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.10b505785.0_1592598054867_0.2620685253096795","host":"s3://npm-registry-packages"}},"7.0.0-canary.6483d3f44.0":{"name":"@material/touch-target","version":"7.0.0-canary.6483d3f44.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.6483d3f44.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f64b41d698f2200e95d8bd774889f87661b7f7b4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.6483d3f44.0.tgz","fileCount":13,"integrity":"sha512-WOzw2t9QqeC1shwbG9AuU2WtWUWunlhN1P1Ffhpqx4NCSoBrrHxrDCsi0BaPh/BSXWSyJ+XV5VcVnNFKpdTlvg==","signatures":[{"sig":"MEUCIF5bGOoxOFeM46o0YJQYQZyXUs6lkbU9AfqzXKJSEkojAiEA+/MtVa4j788HSSPZP8vaWmnCZhV/J8s+PCngqMKClFM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SHuCRA9TVsSAnZWagAAiaIP/28un9+HoNaCqeGYicPf\n+CnEfOc0jltjLlJfWsDZFmdrDX7eAJ4aOXm076jeWaSDKrdqZUsyluto7LO7\nIOaLtBQdBdpwP2YxnZO+GvGn2VobIYcyF5y8T/eb3etQ/CqIBG39I07ndKQp\nTRMILvyXHikNthiqdcZhDYxQbnbNYnFlVCQLRf5Ib609Uv5/WvHvj/dFVfp5\naWbPyvbLlbD8PvYwxwVXqewc0qsUcN6w9hWe9fh3ZwE20jQ0aQl5joO2dM+d\nI1fjeD5FOhh4IqkWck9VYaUKjJAY2s+Cc8qoTrFaDaZ2QPvqDJ8e9unKk7Kl\nn00yBxQmIBISTRSDHHYSQrtN926LhLEjBQbKB325gSlDT5Gqu2cLd76Gn7qg\nDWzMrwxtbMgQlBT8rj9DrW9xQjlsWeUozTRJ77b0BkGIwf2m+OrbdZ1tZ+zm\n0jb1V4EM4JgwFdnq98ZMjlGwTnErH3mxYdtBGcAZohmux/xxqM8pEWCusmq1\n0kwPFozq9lGP9zmWgNQfiPi2TtOKg+gd6YXCMy8lHnaR+HuR5Rha3ravY8nv\n50LzKl29oP/KNqZV9G7p0ruEcBdQ62aN2U7Bn8unrZ4kDlqLRVrMsLeXvimy\nzg4aGwwqHIuzqIj39iL6LkE996AmbxhUNMJruxgFmVDvXaZsS26oHXfAz3hG\nwvS7\r\n=fcPd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5c831da018408423d31c9c4813c507ca591a010f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.6483d3f44.0","@material/feature-targeting":"7.0.0-canary.6483d3f44.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.6483d3f44.0_1592599022531_0.19934037544571503","host":"s3://npm-registry-packages"}},"7.0.0-canary.30a74e921.0":{"name":"@material/touch-target","version":"7.0.0-canary.30a74e921.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.30a74e921.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"806de6feb7d85f1668b106edb9d22610ebf10aa9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.30a74e921.0.tgz","fileCount":13,"integrity":"sha512-fR7TrrHjTzsgRr6UEJ4Ui8UzvjMoC4Qvyr0K/UyrE2UyURCieSJBqk3CfgVi9tDEIepamet8XuIFwNc1x/VWfQ==","signatures":[{"sig":"MEUCIF0gs8IICwWsppF+Gtj1z1xFNR/myE2kE4Nid1hOgHYQAiEA9RQz1K49f6qldAJC0HS8gHCFFLcQbbt5D0dIgR5DITA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SJ4CRA9TVsSAnZWagAAERUP/RkI5PH4lWZqaVshY0sE\nOyE41PKECDhu/N0cMm83UQ9kY5dzdnssvzPr4KY8Eo2X/AXg4U4TsYYRnkYl\ngOu1AgmY6dSfGBvThcNloWTCwtQCHIPptNpbdq/bu/r5M7scOXnzpqUhuv4x\nvAAzyRtnBAU27xbfPVAO39PPXfLJBaBw+/qv3D+ZkfvZQMfOda9EVdcYOBCB\nOlI9bNO90ZZ9Zb/2yWhhgVKiYWNtPsiaoaAbJHWKKIL2on5WriXAjlsBXLuV\neGZqS/OvHEPxcYEv6EJaHnjI+BXGeiyAZj5+1v2KuCByhzC+rgvfKctPR19y\n/GJpDpTOsy1DcdZ4qTlLBo1Sw1s4/yXI59xkNA85tUaHjDESt6IMNTlg42En\nGuTr29amMua2W4J9dXOOqv56NNUCfUtHEQQB4PWbjqXs6aCgpZwlk4x5mLVL\nOwqCMJ3hihZYu60U7PuqXo29LGmf2lKdniIJCfl+24/vGM+fGQnNLVhrY0y2\n4oqwjMHnmNHYT+a9aN0nKDoKGY9OObA0bxKVHh1rFRv4p84Lw9zGWtFMhS6V\ngKVCSjD7HSQ/FS6Q7QuS6i0puJNW4bP9zb2sQyJSdqfeP0c9YDU/3jD+A6IM\nnNXQ8/ZBxY9lZXy839vG1WZtVbn5c8yhoSDWCJpOIgxWFPSWg7liukah+WF8\nNuCs\r\n=nMaQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5f983e004147b05efcae5aac51dc16aea4a18a8b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.30a74e921.0","@material/feature-targeting":"7.0.0-canary.30a74e921.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.30a74e921.0_1592599159932_0.6716299823704113","host":"s3://npm-registry-packages"}},"7.0.0-canary.c20727498.0":{"name":"@material/touch-target","version":"7.0.0-canary.c20727498.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.c20727498.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"053d8e6e49be5e15b6f303e6b2cf4d5aa5880a0d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.c20727498.0.tgz","fileCount":13,"integrity":"sha512-EylRvhLXBAnr6Hob8tGRCBQNnGm9YIA1tEA6xfgd2iY65HF+3O7afv5TtjIvVOuDW4aRxdaS8kU9EIjQzJ7qOQ==","signatures":[{"sig":"MEQCIAkxrouw1BbMAhrfHqfJIaVUP8dcIXHOtRCr6dJEpSEzAiBj/W40Cx+rB1UiBlBpNPMPSs5BVOI765xfN6u3ag0bfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SMmCRA9TVsSAnZWagAAsWsP/2WNv0Hu7ca3HgIVFL/u\nwRWP1Dvb6tuEU/cJkx2zNWcMwyVf/MSj4rE3kn/0xzHeCV6Gduwp0mIo6VFX\nqHPYxe/cFnwADFWqRRlCFqZf+sWcFXufaafTzAQSA3ypW9xbnrJOTtZf6jB4\nfyjscFXw4fIsANKjMeab2yX9kb8JY2sEYvC1tjpOAPFtaKmGhEGi4ITgrinf\ndji6LPAED+CQ2nVm1Sxc1swqJ8xemyIJQ+7HLNsciLilUmwFfMb/IJGIxWbP\njbGFz5xrBhARsJ0wxAvynRlYDlF6LadmRq30lkeQub2bjQ/Se6ICjrvOhqzp\njuGvNX8UZ9WdGUP7wnVaguWr47g+m1WDjFrFee44CjpMeZx7S0JCspYqkvlO\ny23JjVb6t+MRi2IxBSitfELwcXX6znT0Bvy/jn+ZvW4/W3zft8QS3lFgoqh+\nwUPeqF/fGxXuw/LHQtofr12iaUcebEYEhBQO3luk+GJOfJGSgGxyYjsE/kNA\n90pmgRbhu0AzZP8sdZfQxl9y7t449wGa++0D9fEyXd9PIWocQmp/h+7JS1Yd\nrvFv+Cr0hvchq3wej9huBD5IA9nIdarduhcHsveVYbSGG09x8gqJctukkrwc\nxkW7E95AseF+/OCw04LSH7qSMiTaJefge48jiQah+0zhG7/x/xqRk7rzZYx2\n63wq\r\n=loxz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f9ac75746f7899d34903c19ff758bcadb9ce2d30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.c20727498.0","@material/feature-targeting":"7.0.0-canary.c20727498.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.c20727498.0_1592599333666_0.20192755409163388","host":"s3://npm-registry-packages"}},"7.0.0-canary.4e360ae94.0":{"name":"@material/touch-target","version":"7.0.0-canary.4e360ae94.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.4e360ae94.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d24f1f1a0abf95773df917215bd3fccedd531253","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.4e360ae94.0.tgz","fileCount":13,"integrity":"sha512-i6N9ZhcyNAF5UCi19n83B1QeIO3PagbV3OIO7NoEARvGEIpcT58BYB6yq5p13gUhG4UIDX1GL/vy2eT/sgXxsw==","signatures":[{"sig":"MEQCIC9pDXy3prHV3HWvG/27DGbrr0jKv88XbZAHzYMyZFZBAiBri/37PuVatoow9WDNfDN+xI7o1eLqBPjsqkPSIBOymw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7ScTCRA9TVsSAnZWagAAPCEP+wfhKyul0qjXMD8tpj6w\nIhXwdqesgVL1LwSIfD0V+TktGcBU28WlmWtJvF5DSh1/IzfJk5zjQ/RN1IIi\ng0o8CboMY8cGnVHRWGx+YQp6H+WbGelvhiRm3eaxe4pOl0Z2PRrFieymvBrm\ndlT334abKYdpmnBGU7/cUrIMyvdGJEKf7GcXKhwxvmKBwkC3G2Kad9H0coXK\nxD61IKUSnojZxXyO+RitWpLhaL2lNRJrO/7DAoGpWLlGvabAq6gg1jVWFBJN\nFnP767G6Dd5OMejGByjbBI/xK3rVKysNh08DjmIZFsVZCg2FbhMDZz31RdB6\nyqpYL6O9pK2Qcp5878EeG/t9SfUItUwP3rfHId3QrnPNgZMuh96zt60EfR7T\naKgjYsxrNgKHo9hS9p7brDhavu4J9pFZYdMDEbNuPpErlH0JW/6vd8ElOQ2q\ngIilv536L16VYQZJcOWTbdV9c3YRE09wHdTXE6idMRffWQSI7bae+IgQAknz\nz7uTNz5sEQTNiydsLQJrJOUkaTzZZf6R/bw8K9BA5FwVhSDRITVJzOwG5psn\n3vqfiZ06z09phJbgpyvilN0OnW+PbW1aTg04ATBiYNUBh22qBkX11Ol4CF4R\nKTbbbrSfg54DSk2rRv9mhbYYimihU75rEZUPt+6Na1IrBG3+fBWIZrcf/oNt\nR9vj\r\n=oWea\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7bbb3adc3aa84c4095304613145fa53862e147a7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.4e360ae94.0","@material/feature-targeting":"7.0.0-canary.4e360ae94.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.4e360ae94.0_1592600338968_0.9890847730136814","host":"s3://npm-registry-packages"}},"7.0.0-canary.8550fa53b.0":{"name":"@material/touch-target","version":"7.0.0-canary.8550fa53b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.8550fa53b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f4c5f59b7b645757a5bc86293df9032dbf2ae550","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.8550fa53b.0.tgz","fileCount":13,"integrity":"sha512-o8KhBb16mLoE5vumTDsA8lOG5XvXt+Wr526yHscq3l5JcCVZfbcZK+fLOgVny9ShLxiBHLOTWyYOI4gf+4kQKg==","signatures":[{"sig":"MEQCIF0d/eDOysUwW1DWeoH9TfN8+tM73GUiIE/ueapkYuz/AiAsCWzXcUK7xO61cVCDNyciFWPFSxIr5S5nHMcQfLmjug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SeaCRA9TVsSAnZWagAAvB8P/09i6wwGL5YvOHAuxtOZ\nqrA09CKUxeOzOin3wYv4SdVOt/Aq1rubNTiDrZ3dAVhBofGpXDcSaFwfS3CH\npvdNg2NgaBXIQj3olTFs0/TJNpb7yO+l+EAdAAXbyQx3KaMT4zdSh7FYdzha\n2+5Mi7HMbIpwyxkXZI7Bw9M/YJOUBfGuIqjyjeIIrqM2ZuwIk74cCYyQYtsW\nD/+ieZ2w2VhYkpc5Yj0bH/7a5sHO/AzpXjZsWe9LnJX+GcFYpcdXLwaU1e5x\nCZ83cAm6LIA/WpMwXz6+Mappn+PYt2ujTwRyfgMXpxlhCzJ1l5lAoMKxDEi1\nPorFZ/XwZe94maOyY15G1Xx2Y9BjOWwvSS2wBPKYfwwtd8pzzcqa8Pd9jfR/\nHxYph720mWQ0cohHqdgBjmCkAF76D9J0vDeACAXwtmDEVpkB+9+qVGppyni7\n+pm4+WmWClArZsGxoV7+wukCy4aFd6GLSmIAAJBeIhE2RJuhA15uX9QcEiBZ\n1TbhwKR9+qwaQKRIIj50UwJLBLGcjee4bw7pB8FgaO2uFedP03K/L+wItxqn\nDSwEiroV/skGHUUs7lMhUuZzTAJSMSlVzlE3k4ttsAMAkOuHrBrmtLlA4VtZ\nsOoppc9V3rKjlu58GQAUn+vtWvrdM/onu1BBrg4eAvW8FjBMlERiW4FVVEPL\n1d1H\r\n=741t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9d8529cbd579dccb2470a1f19fac57883cb2a5ef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.8550fa53b.0","@material/feature-targeting":"7.0.0-canary.8550fa53b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.8550fa53b.0_1592600471637_0.8690853864853232","host":"s3://npm-registry-packages"}},"7.0.0-canary.93ade142e.0":{"name":"@material/touch-target","version":"7.0.0-canary.93ade142e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.93ade142e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93dc0a0e109fb6e1116d3332ef1beb324474edd8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.93ade142e.0.tgz","fileCount":13,"integrity":"sha512-CpGgzMLq39dlLqQsNvxjYowGKZKXVRpCgGsBpOnZbmy7YxcMORT5tiBxygOWmnL/an7bZF4EXtbFBCHV9Qe9vA==","signatures":[{"sig":"MEYCIQD0EKU0yXAnp4jC+WmRhIuSAdB2h9xAFOiHOn1tkzQfnAIhAOUQpzpIQMdL5ELNK2m5AsAg3kBk6cMCpAKw/C6/dcMt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SfgCRA9TVsSAnZWagAAuBkP+wVPJ/oypPig4OFy43lB\nzEdkGJTIAT0a/NfCs0BR4cU0FejiZZsINSDSpzJP1XIA+HfF9GNG205IepGH\nhyczbhOd/+MeqLMEs31JubCRFLXkubZaEkkXF22hsCr7DFJnQzhBZXls9asl\n5tk4RvO7Z7fp9KHFstQwroUz237zCwC1sQLmO0pHuv8fC8ag6ZlZ/CncLlOT\ngxnUT8cwnWz1qOUXO7WfAw2jYFjW7fTonZJODZcrTdg30/owdzXd2F37URN+\nIzVa5BHqbpQwp5RZ1vmiV3PaNpa2wie2p8hVmtfWfSjG1hDdIBaFId4QysKv\nfcmSPnV8uuEF3LBzlJEYG/Qzv62G51QCoFGnXKAkdbdFZYOFtHfdlxIQ9Jqi\n4tYTl5/u76alwP7xyEE8TcASSIvj+F+ra22VizF0XDJsRUjByi/66LQplvm8\n/zhIfCU5lMRSohbw3K8r4W6VoYRs2ErkASEg+/wQEQWOEk0cp9lDFMCWXtIi\nwS2vMWtjGYqkJocU+zcrwuHkJdPQuV1yM7xAo3YDhC7aPRlPc31xSJfF1DEc\nU3dYjBhYMbVkHh28/xv3s3bF1aEh7XWXJtDSluZmZQyudlUzefOeXmkA9jWA\nF3z3F4UoNnrv5WqmdO1H0vCHAiE8Ih/fgmKOKI8MP8ijF3Djkv4SRpxE6gma\nSJ1e\r\n=DC/Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fe392b7ba8c7033e5614eb91a20bdf2e6d7d7936","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.93ade142e.0","@material/feature-targeting":"7.0.0-canary.93ade142e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.93ade142e.0_1592600543333_0.3770148885024347","host":"s3://npm-registry-packages"}},"7.0.0-canary.a0032f5bb.0":{"name":"@material/touch-target","version":"7.0.0-canary.a0032f5bb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.a0032f5bb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"637a5adbe4d05285112c6ddca24fece528c660b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.a0032f5bb.0.tgz","fileCount":13,"integrity":"sha512-mJvJ//mnRgHYQnnw/3aIj28mfaZSPfuljbr8m40bzf3nWfnOgJGQuNN9nVf1Mq5e28LYvXwOGOt8FOeLXVON2w==","signatures":[{"sig":"MEUCIGomLhMFsWhvQhvx6ef0sxP78KFr/XLdqfNIWtFJZ9xdAiEAuxiCxYGbELexTqBAbIDGS+g7IET2t0uAqAnn0fGmb/E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S26CRA9TVsSAnZWagAAjJMQAKIOkuKPNKm+w904KJII\nKHosEAeozAQPWrLtV0NU/7IE0cOeGk2wIgd0nKUYXkRo0lC6LTKcQxUG04mb\n32G8gZ82K83kkuaTU7CImoE06DsdiyO2dQOeOodBcXsyShO845ZMilrqU6Zw\nKotXPUEjlr4FZGUs1TyUbZ8i15G23BzctVC58Z9NoUZqBczbUozj1YZMFtLU\nLJXvS6BYkXtZ1L0zHhdlOaD0NPbjtuogZqczAi5jaFIxeF+6JlR8l/rY6JKi\n2jzC1UvjuJ/gckLFFCbEpSO4yGu7h0esNOiNOoC7TFuCzL0kDOeHjiEX5dbc\nzxgwdRmphmogVvABOBkHyyI50wc5WW3H9lrgux9Mwq6pjN6FyjBn0Ofa4hxg\nkMQnKyqUbECdBCgSkZu6U68YxMLAAgwveYUcIGcy90kEnM84QWkaXbdUyEJ4\nCG9pPmPCAYA9vbLdbyDA8AM15GxDttLIjHPk6QsgGWANmHn4RqqfxDTGh3ll\n7a7NRyR0e66zM14fuuKuuWvysu5szhkY4pMyiQfqrkLn4NN97UlP8HlJQ+zu\nHu3ZPCwGO69eqVSxTTtmt5Y9FUXGziKkhNhORomHFz21G0HJLZq8x4o5Um3y\nmGwpAiNmHVKrzt7hInXqFcHFE1/ftiOhHWl8fwesabNeqfzavyAcOvcXR3/J\nYnTI\r\n=p3Vj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8c0789d8c409d91f7f4e13675ac80e0f355bac02","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.a0032f5bb.0","@material/feature-targeting":"7.0.0-canary.a0032f5bb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.a0032f5bb.0_1592602041830_0.486765655766235","host":"s3://npm-registry-packages"}},"7.0.0-canary.3f342e721.0":{"name":"@material/touch-target","version":"7.0.0-canary.3f342e721.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.3f342e721.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"862ac2cdd9a33a7c8d054b8b0dc3b571ed66e75e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.3f342e721.0.tgz","fileCount":13,"integrity":"sha512-K/oByEzYS9AIP3/j/pl1nl3tn/zRXCAEHDoiN1eMD39drawONb6Cwl8K+VrkNTV+YdCHPb0U3tYNhVbVCPdUmg==","signatures":[{"sig":"MEYCIQDsMMAuMQjPNptQRKJqeu9gukyHCsjj5ou2ky2n4NYBIAIhAM7amw+vh85jjchV52lHMReR+IHo8uN/FM5W1Wdx5WSV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S5BCRA9TVsSAnZWagAAKq0P+QES3f3SSKMfJNX6yYUf\nf5R4VfFAYco0k3n3EyQI2mp5Fk5dRb6UzxAtNaIxAO7gyz5wCgH2tlloCPFP\npKBVC0HGGOqCDFX6OaYqS86xd0exZ9rhAmapuejLk1qdxqJucTljp6259wWy\nW2+JOQBrv/DUQA+rJiOzliMB7eF/v3hcWbHn6OnDCltyh6YVYTLYU3riPeyh\nLLA24VbGYTVoPUHPctBoOqYgqkxfWxS9XhvnGcqOxV68eu+swOhcMat0wK4W\nuDjrxxeFsK/MR04dUOgIF/DQQTfrBwQivVkaX8s3ongcxyTVDIiXKVFam/PP\nWzv0aOUDRwvI+wdfU2/XJEuNqTeQdk4Rglw7kZ4cHpyJzrEOADLCae6IDa+e\np6woh4TyHwsvJIq3RK6jkUEgxV5Kit/Yz/yH/XXbQ+vRGHkFjGI2jetu0tHq\niSnvsElW78aRZwpmjhL4V0dlrM2TI7olGNR7T0o1mULb+d7grVNHXRfEpHFB\ncyqMZWZ1qq9TY4cheQpzSj/+nYYqlVWHstCR704BSClxWnTaYfy+DvTiBsQz\nJ8IXmv5EWxPgwmQ47SP82BYRbtZRkY17C/odZhMsQ6X0Hs9NvvolWW9T5nQJ\nzRvz0BT0rkM6U69LP3ahWl9DRomBpMLulGr9AKlRXMQOKM2ilcTbubxDpzxd\n6J1h\r\n=S/uN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e972042c8ae08ecc8469492707d55d647e3495e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.3f342e721.0","@material/feature-targeting":"7.0.0-canary.3f342e721.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.3f342e721.0_1592602169208_0.953208980699447","host":"s3://npm-registry-packages"}},"7.0.0-canary.ff89457cc.0":{"name":"@material/touch-target","version":"7.0.0-canary.ff89457cc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.ff89457cc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a1268436c7490fcc7e9156005cedb0819123682b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.ff89457cc.0.tgz","fileCount":13,"integrity":"sha512-evN3re3ai4GkqGLpH13qufuV60l6wfciFPV/kDZVDFao7Q/gstdVPauD8LeBZmpZn2HX0nhvqnRSB6ksKuJrXg==","signatures":[{"sig":"MEUCIHVPQCkBSTvYNzwUkGMUlgslviwJ+oI4cJ0uvPxLgO8fAiEA8BYfmmaNNEYRPyHtG4zQgR4zPsHaS0Iy1GtO8MbCtXA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S6KCRA9TVsSAnZWagAAdRgP/jggOrdRmPwB0JRzLEkL\n7b+2EvdJ33G4Gw3N2Krz+lhxlPrLVHKNTHlkWZefii1R0ob0uZQcCoV0mBHZ\nrHnkgQ6r2XJO2Bf2h8uUrbuv2eh8dP+4rsV7ZOcoMKI9EoSugpKXUWpOeOfW\nJyD9goJC9YZfITFNoYHQy2RgLDQkHKkYqKakUz7vnBmEAS1bqqQeXf+7qjeH\n+UdO6FAayEyyeme06ShfvJ+TOSlYVqmZX9/O42WT8s7d9G8aa6qtIazXt8Q6\nXGfTqx0JXGsh+cKSJFOl1Y8A6FGAUXdLKZrpoQw6QOVGqQ56qpZfI1/VI/Ik\nepRtQ47dGnGnJx7FGuDH7xJyl/rZIQam7mx5tj2dqfCVVQ/gCTrsQWf/frPx\nrwgbPg8tkE5vELQog16BQ6ddfjgwaVGPnweRWW6VWKiVDEFuIODfSo+IPvY+\n9i34ZBzlOFR8S7mHN9yY/NJy3ygh4tkRBOvZ9lF3/Evfjn0sK2GmwtLTEJj8\nbQFZ5d0m54KvbkU8LbIz7f/jjY2x6FOxIT5OrYuSf+B+F62Cju2tvfF/hszx\nU0oBkzr3OmwZQLA5MMOwwO8HcSEw4ksGeTqunG1xEP0w2mTI1ly1+GyJgSuD\n+BfhR1A0FP63TkayFLsoirtYFSdLt1HbcBIB5yPv1mj2qRQnB/qQSc/CD8SP\nkJ5q\r\n=kAGS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1a3ec64383e8afdd818b5edfb74f32f6acebd044","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.ff89457cc.0","@material/feature-targeting":"7.0.0-canary.ff89457cc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.ff89457cc.0_1592602249845_0.9988757335087035","host":"s3://npm-registry-packages"}},"7.0.0-canary.4a1855cf8.0":{"name":"@material/touch-target","version":"7.0.0-canary.4a1855cf8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.4a1855cf8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77911d0867d0718e3756916240c4b21d82c6dbbc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.4a1855cf8.0.tgz","fileCount":13,"integrity":"sha512-zxk40mXxiyqvjBRdgSED7WuQESocGMM4GkqEp/sq8AIHiqSEHu/t0U+J6u4TCkTsspT/yCgdFMBnrzlWEeYoVQ==","signatures":[{"sig":"MEQCIHJHJ1EuR4fLcrCqwMUeEFg6/Ciaoxd3a1bJe8kzlXbXAiAW3whJdaZ/4Awq7++hrve5TJnolyQ2C0n+XrBGINph4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S8tCRA9TVsSAnZWagAAMtMP/RMFxCXDTHWmBrSwV6Qn\nQnYlatltTuATwAtQogQUx12fRpMZ3icSqsHxSW/B65F6NAMCaFGXYmKKEb6I\nC0yk/k98b3UajGMwCjCn5Qe4ld0/cJIWgIE/woxPUhUnYHhKSVZkp03oD7d4\nsMudTvQhHlizFZvhCTrKQF2Tx0SFurNhUtdOIfkVFIvbxPEer+kCCoe9GcGq\ne/oHPazDr5rVqY73LZJqdtxz9qhYWGtNVDr+msxSGr37igXp1Df1bfCFZK6V\nTwQ4riO880PpW2eLxvobKG66Ox6lnNwaQGvHsq8tXGGrKfwqwwREaUVXMoCN\njPFLfN9k8p5cgwg66I32n+KD2/yO6h9JYW8iq4O1JtVFmM+/P4ggIkTGwksJ\nshhE014nyI9SGpv5m6z1zzsZXmxlN8r12VA2McsrLJhZ/D5y7BTfWQ5UOrwb\n4ClWtoPJ3TVbkNMtvKMZHo8qBGd7gTDDUpogt2ySDXVlo4ctTyuWKLluMX3Y\nctO9EnXV5IDvDjoiXl8T5o/d5hNElNokLttGa1rcH7FODJB8uRlS31WZwLhe\nzBPCiigHE8kHeZfHVHKVp08W3UIpQcKBAmndF79EDdslR7IRZHLJUrzKN1Xf\nu+tZVALKS0B/p/krcDR7NmEbdVrkAS8YbaX3ZKea8ze+3PEhBfsGtsUyxAes\nI/yN\r\n=onrA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"eaeac5e820cdb30fcedba281da8c2c4a846f0e73","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.4a1855cf8.0","@material/feature-targeting":"7.0.0-canary.4a1855cf8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.4a1855cf8.0_1592602412643_0.8468400327986063","host":"s3://npm-registry-packages"}},"7.0.0-canary.8602f1b4d.0":{"name":"@material/touch-target","version":"7.0.0-canary.8602f1b4d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.8602f1b4d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"202b31e1073564273f233f277ed951b981258f36","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.8602f1b4d.0.tgz","fileCount":13,"integrity":"sha512-nHBgWNWhYZUyVSDnQYP9PBhXgGzj5042KP9MFEQneLhoagsGdXcAutrSJC0D15ViVaHuk5dLzGKrX3g+JOF02A==","signatures":[{"sig":"MEUCIBiQQlaMqRdUBKDczeQb7hDjy0do27hsrtbHwgKZWF5NAiEAlErlrlAManTk2SLndJsMOrGDG9oO14OZl/wuHGaUo1s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8Oj5CRA9TVsSAnZWagAAAaYP/1C3zt1IoNdHST6JnxAs\nnvICgH10pPRj9JaJqvk4h73o0ztLgg51hzTuThsmunzd+eqBYVQ9YDZ8T15b\nvZVQU6V8VslRFK61qdzeGGfZ+8loze8+ByxWOdM9nR+Al1ADGqBkrK2sbCeu\n9doEuvQmUEILG/d2G3tQ1i1b7VuWkgTZHZ9FLlxili7MndC0/yLf40K7yrTp\n+/mn/e22s0tfmO9WUUWM+UFFoUTVCqJNyfgQ74zoX9P780m0qseokQ2LV/WR\nLs0zs95JOPXc6es9GCO58xvqBZQGCZxdoj4yg+aacmTUELeA8JtXcw881sPY\nfMNgvN5lnn3lBgCxRI/r6GVAY/ggvVGzDCKSwfp491VDJzyjY4C/GyMct+O5\nANqr6/Zkpz00/kC7Pgwn7dwALj/MlX6dB0ucbc/E834qwsFTQfMqSSlHIq8P\nAuMKi6N9VMct4ocKdR0giMhkq6T4BXGp3Q9b0Wo4dbNUwQEqxjjl4PJLPNpW\nyglXdNvqtnp+Nc7Y0M8/7Ntwdos+6NpHSMOdcg373mYPps7Sjv5RG8wCRbFv\n7SqLhPmy7QKHfq0rlva2jTTDrdVmgMJ4Cpiqbil5jiIkXe9nJK9zSfRQXh73\nrj8OEg/Q8ifPj+kfW484UVvTgj53msbBdXKqDvmAuartQO/j3+bFmm3/emcv\npij8\r\n=WAnm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"07f6372c5a2f6f8add971db62aba74793d912f70","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.8602f1b4d.0","@material/feature-targeting":"7.0.0-canary.8602f1b4d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.8602f1b4d.0_1592846585359_0.7017879588325964","host":"s3://npm-registry-packages"}},"7.0.0-canary.69f9f0982.0":{"name":"@material/touch-target","version":"7.0.0-canary.69f9f0982.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.69f9f0982.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9f0474f70c4d2fe90b0ed1e284b6ede920c7e74","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.69f9f0982.0.tgz","fileCount":13,"integrity":"sha512-18xoHeQZHRWHFsG4+amvA+H4WGjZaq/vVLyzHudjRz/KwVu9T993XjTkGyds5q3GqEmAjLbZd020YlD+HgVpEw==","signatures":[{"sig":"MEQCIAxgvv49Ij7/LOAvZLKhosb4hdw3llQSQdmEmHMyudvmAiBdR8bCn/zsWnbBkdqFcxiQRao4f/HCAID3/etgYiCAow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8R8TCRA9TVsSAnZWagAALwoP/A6xMD4JhvMphoNLKpDU\naLnT6U0l07nPPA3Yg2OOVWVO4A4zqXEfbgOLPJ1RsavuOHQ185mtHeFx5f0I\nOa98YdJnJcAVwfaFhBEeZFEZTS8B+lUI8omrep26ksjhAWva5RlEhowJrHaI\n43WDOhTgCdxK5WolQ6l5NSLvJOlDNpydLgDBWzGpJ9yfo37yU8Z0bctqeCeO\nqbnloGO9ONGbMp67ghVNsYJOnBXb+B7dBlyUWeHk0XSiguoVOUVjcerLTRaN\n74RdlAfo0etbiaeDcOKommFuCKic3ofGXFkm+2IGgyxKJGn80KUs6HeGJFSb\nf+RztDgvYzmJZ2Hpilkt/ZsoJx658k5I0a63/5ctMp0oycbje7JFOYowbEU2\nTe6zFfdN6ktS4w8veDurxX3pYKjjWCdtz3MSc+akx65qyLLKVLo/u5ve3W3I\nFx9JLmSikRaPj6JQq44yyPZmQvi2KRZahhWKHvvbOgI5Itc9EvF/cDc2Kow3\nEsl2f6yCCIScAgzaC7obAJL2JiGr5839zEhrXM1jRXg1iwNPbBAnc/Za03VZ\nzaXiK1usGFGa8sh9Yo1N1GXQodk1+pWFDwgey/8lNFO2zd3fQJkX+tjivcC6\nQEba9DxCnpOP8ZR+nrSIHG+Q7tXIjXOvqHAg3njRggdtRSH+HU1Pa5sl7Hls\nagH6\r\n=KAZl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3aa0430a8c5f21a2aa9f3d54afe07b1c1b1cac09","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.69f9f0982.0","@material/feature-targeting":"7.0.0-canary.69f9f0982.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.69f9f0982.0_1592860434760_0.14810889432786434","host":"s3://npm-registry-packages"}},"7.0.0-canary.369a293f0.0":{"name":"@material/touch-target","version":"7.0.0-canary.369a293f0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.369a293f0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9cf23807dfb09a3a9d74821974e4209840b759a6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.369a293f0.0.tgz","fileCount":13,"integrity":"sha512-rKnaJciDZZhjRGVKxa4c23qst+PnABe59zlLWk1Urjj5WOYbdvpgMHmEnUdccdYRmmBNcyuLS3Fa20zqkd5W3A==","signatures":[{"sig":"MEYCIQDnjQIG/eWa0vMbuuAE7Nu0hJI2g7KYZ7JAE2XKV9z3/AIhALX3h0QyBZk6HBiAw/BgefRilERLz79QBis95fERXOma","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8R+cCRA9TVsSAnZWagAAisYQAJMfuVgYqXkEn7zFPm+3\nhE1gEj3z+yDILdeqrArf13ltI1DUCa5E+qLnnXLCYC2BnLPbm9Nbb5FRrirE\nZMTUa4vNDUseZHeF7yR94SGYCm1vTtmmzyoSRF7xy/+j5Jqb5DMg9u77R/BP\nx1kceJELaTpWq49USeMks8azHldqD5XR4tJCaPXwXQXXcQyAW7HVE91TzrPH\nSalOGe6i3XbYX/LpXb/ea2EoHKl1DKX4zZB4X8KoAZ+Xf3xQHQ5GSw5P7BX/\nQzVOy1NlPaL+q5XucBmicKbH3WWBntI4tttPvcNygHlA9oi6K8PlmhITS+dO\nzrU0gYRdGwvQFEW78qwPtC8chHeM2HoiXyIwDg61YKUdwbazScI5DaJYPEz9\nxvorCNEwbJPAkB+IckjkGAlObH3oiGmxBSQXKdoDcvi6KqwmKVddRJV+Cw8V\nLA89dgnTeS9t4zWZZiCTEXy+ykQZ2L4qKVKdEnHXQZpDpTtEpm5/JSCEnFhx\nKy9x/vRNnM4REzzGm+5UnFtewd4rWZwOh63sqQoRDgM/atLch5zLI6iUgXFs\ncmCrGgRAZCDyVFHHOwrrEbZfu3U+m0ONUb49RrUhd2rikn7f6rEg+tqbQw0c\nL72gVbLuX0uyW3jcHJcYsWNpLg+PHc5OQ7bKKDsBzADTHXZ9xRUMunrKm4Qw\nTvZu\r\n=MDeL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4b9943a16a4fab61aaa8f5dad0d4f7aecee862f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.369a293f0.0","@material/feature-targeting":"7.0.0-canary.369a293f0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.369a293f0.0_1592860572381_0.7451198015599187","host":"s3://npm-registry-packages"}},"7.0.0-canary.f1432b5c6.0":{"name":"@material/touch-target","version":"7.0.0-canary.f1432b5c6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.f1432b5c6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"226044a20e6d4e834a645ad75c83c94b09af85dd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.f1432b5c6.0.tgz","fileCount":13,"integrity":"sha512-PFi8S8xHcWv0/0tiJL/YX3k7lXoOBwfLkh1+14UZ4yxMr61/5STe84Vb1qAUasBQHHHK4kMt2iImMBNKK5QGZQ==","signatures":[{"sig":"MEYCIQDeKsLsNRKKjaOoPWy80S64IFRjC1lPczga2AQkdm+QdgIhAOGb8e7aetQA6+8NJjNZyJkMUUV4LmNifbLmd/dA0Vr4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8SGfCRA9TVsSAnZWagAAI0kQAIXfhd5JQUoKWJUZBaf9\nODP1lD3Ifga2TWFt8n9C1KQm3XgEtfzQhVkMY7/gljbWStpbAZfdoajzi6gW\niMPALZN/hCIgOvwKzmXSlN1bz8eTBRElPmMOODm0YxWIgfnj04U36Tvton+M\nNcPXE4SOTvwWFUMfRZHLJztUCbOVsie43GiRu+JtU0IEGB2uJ7HxV6ar+b0m\nJ75pS9YLxtBR68geURbwqW/HAj2e4MT3PKFBEN65eohWQ3I7f7RM57S68Dxv\n7e8xVseHGm+jpn6rlYATir0Dr2SLU3gsW9O+G3SQD5f26hM5kff1LQzgh1WV\nicVs7kwNs8UP4+Ix5kmhroJen9v9Nob2cBufWfwSXbJZuanDg6DhqAxcMBDN\nfbJ5wEjp4Xv4F8wRVeBy+MNIqxiOAw9nQhYcvwUt6P4lcVtfVIWLKHRZPNEv\nYusKOXUnchOJHcQj1ssZMcDwUEZOdHWyeB4X/RG4tzrj+gLLeeKKplfON9Oh\nU0HTd1IlOJJn5TfMc7fGwS1ZirMBbcMBROnxY7AOfxsZHXsqk+IEFBp5/NWF\nDl8M9NTLYLsXEivsf5XmRtXt82kdCV0EtAz+G/QkBgkpvdWiShf6qLWqyuMI\nECV5P7WbiAVP4y3VaDEgjnEPdQptfk0VbiiJn5HgbwZnGNnDshojp8DvhuPx\nIxjT\r\n=GrGB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9987341fcee9f9c549490bf6cf1a6ce57b5a83e4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.f1432b5c6.0","@material/feature-targeting":"7.0.0-canary.f1432b5c6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.f1432b5c6.0_1592861086811_0.1563686035852656","host":"s3://npm-registry-packages"}},"7.0.0-canary.4757a16b4.0":{"name":"@material/touch-target","version":"7.0.0-canary.4757a16b4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.4757a16b4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"233191ff30e782ed5cb15540fc1b4ceb01a17175","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.4757a16b4.0.tgz","fileCount":13,"integrity":"sha512-0baNGT6YAvbRKB7/djrGpxXHbKijdjDjgnD9ixI8xfLWu8WYawuykYUWCISsG6WaGVcxc0L/Sr9WSjwEmrLvwA==","signatures":[{"sig":"MEUCIQCD/m4qDmLgmYHrZJPDMLA/udgOQO6pe6nIghyn33dl8gIgG2Yr24Bgz1xmJh6eAhPrxsawnWnlQVRCo/77szh4+9A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8SgxCRA9TVsSAnZWagAAp4IP/1iikolNOJOR4U09QweU\n/wUaZfxupQyPlnk+QBaZWtlAjoiVFP8Dz5S8SZu0NyCJsOKx1i20xVHefCSl\nkHsBEl8GHE26GVpEOKMTkBG5PHD3whqtAhz6ddvt8xlVvOOEkQ1WipaoGZpp\nVqsB9jMEtETxHDVTsWzlayOrUEiaVYcVmO2foW8LggI/bFIENhVRhFxGMIbS\nMlIKJmyOsIwc3ihPzr6RkLvUFgU1N103R+zNPARKkQigyPiscDPi7upyVYTE\ngVI7YQQZXghb+4t2BLiN4QiHO/tfCJIU/Iipo7TPzwKk4UJHPCog8OICgJWt\ngG08QqrzEUGk17Z539/EN+TKpafFXn2HyLTWZUqgOpCwaIJVkzeVL4skgIj3\nX/EwruEn6hXNFVlRUt3QpH4tfELyqurD4HpK+Ccpgdg2SQrS36QopC3OR/2o\npdPa02idJUdsf9u8PbVyXShO479qDOw94OQi/qlDy0H4INtrgc9TvYKLhS6B\ngY2665hEeWUrwOLrIoBOsuB2nMVJdoXTRgYiB9ty4/VhJaT9XAIXCoZ31sEW\nDYUxiIaszlf+t4XefCUw/mpSI9fiWLiM/CFHaF+H9ALQtrhP7dNW7n9D2EJW\n2Igns+0bFCdFlIti+hob2sdgUlWgpA/jBQCXtUccH3rhHoEyHGOhSLq//BEZ\noNaG\r\n=eaKC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"50b08262743d25109a9cd3d4c87d82d0631d9c79","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.4757a16b4.0","@material/feature-targeting":"7.0.0-canary.4757a16b4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.4757a16b4.0_1592862768838_0.4404062777444413","host":"s3://npm-registry-packages"}},"7.0.0-canary.f8f472762.0":{"name":"@material/touch-target","version":"7.0.0-canary.f8f472762.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.f8f472762.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d328b629be7ad65796b62719f97f4acaf074a547","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.f8f472762.0.tgz","fileCount":13,"integrity":"sha512-fLcUT4GLfOLiJm22FmmaHpg6GjfHpPcJ9tBSr1r+B560IpxcrUp/5N+fZutdzHn+qQx5T66R2Q+4kzWSVRhGOw==","signatures":[{"sig":"MEYCIQC+blY/1COB7ajCg+DB3+4O+JRMouxFoIh8PUN2B3W3dwIhAIUrfCaQQIdUKZoK3o7oeEVo6V4Yd8gfeECRMKlDpRUk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8SkmCRA9TVsSAnZWagAAIO0P/2VyEcIe7a9sknkse18r\nX9S966iXbxHRDgDOxXWToO+b3mrPLO9XYGKe0GsnkOunB7lLfQNkCjMYUk0B\nFZ4Tub7rKJL3CKXZy4+1gy1GAWAvqCQt6TKruRObVNTYS05rQ4hSY5s4+4zf\nJQHHUrgR5lXQXssdUEa2LKuzfqH3/f/94y44UaCYEZGE0LH3spJRgLii5AIv\n+LI5sEVszrP2Wh0nPf1XhgVRvBIavtafTlkr7/T2yy1U4iMXP9JJZOWXFVRw\nvQ/v7ngcR1rSZTy1AY/exkYo4vuKrm0bp7UMRrvPZMH97ULFupE7soBRi33K\n5nGdJ0U92j8GgULiVKKjrf0eevLcAGvWPKju9rkBLKi8CJpn6a+2Kz3WzL33\ncU4qEL8xJhAu2HbhAH9nwHB/VGms90/UmKHwwyTFiP5FiTijxTJ8gJJzBDsl\nRKr744HqazR7Qu238lWW1dV4/TKpTEM4pIHs37+kCZhuIPITuLDH9+xITVw8\nF+pGDyqX7ZLiNDQBEpbFqBUOECBLM/W9rT4okqEBuDoizie9NHlz3jAdn+i2\nyrw7je5+AsjxTEPQqUiTQgg9Xhs2eIW3fhmIB/JE+EgB/N9d/MM/teZ0fRiL\ngeNZtKYy+siajzc0LzlrSc/uLXDwQiGEmee3Wlh6yNQQ5ieIninP9QGkSLTx\npSEJ\r\n=vtMR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b72e40a4e5c11a670f3423da9ae1ab370f088535","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.f8f472762.0","@material/feature-targeting":"7.0.0-canary.f8f472762.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.f8f472762.0_1592863014121_0.8333078900989099","host":"s3://npm-registry-packages"}},"7.0.0-canary.7e4d55c34.0":{"name":"@material/touch-target","version":"7.0.0-canary.7e4d55c34.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.7e4d55c34.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc98acfe977c2812c31cb6a2aa1c6c180aad01c2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.7e4d55c34.0.tgz","fileCount":13,"integrity":"sha512-pxrB+18zNFr6Cxk5ydEpLgnq1fZJmPAQ4rt6rY5HZdXvO1mO3jT4NsSSER9TJmNxnC6EIOpw/aFjBomZI79Jlg==","signatures":[{"sig":"MEUCIEzebPqmlU5FyJrvAJVbsdt6MMqSU3e85jv+i8GFL2okAiEAx77k0lUEfrDj5c6sEmeqRueuQq1M/PwdNSbP212DteU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8TChCRA9TVsSAnZWagAAQ3kP/3pTHh/ErgcB54Q7G/dU\nmWyI77ck/NR7sla/metl05/9n4G2hS7QJRYGZED8vmNVshsCaKQ6PHm5jxWw\nZmqKld/cMS0m6jO7AevxrYEY2qLsrRoJKPJqwOJSJw5D9lILfL4INlfu+t3g\nV0JvpEY/eZM/j1YuYFuCC3/Ib1dwF2JrsdAVr6DFoYeU1Xygrzcs9rPTRO7G\nM4BIPIofj8fkdfvLhzmuEtYsFT9gQBxGhQNnFDpoXp5kAKlNo7+n6g2abZbh\nm1cbEGbyfFg4ThTs+kv4arDouS2Z1uHHO1YH41fiazt0X0VZ1Tujp+PHLjY7\nI10UrnjoUGyIILQUnp2l3ZILSrOpfwHxBYbKfdSUbjcyunEiP9h3+XYNhF+z\nx153HP7N93T75O9qaLalnDjtvxJSx/V6wvCY2fdsOmD4OocFWS7eRwUKZ1zm\nTjMLU+enzAIDD3F8+4x4TCl/eEo8vSCXR01nlcTGxb2PJwJYvgiAACqnKBpK\nE9EqPmZ15Tv0y291atE692jpLg44bHf2+CwJss+gtyUiq4Q4teCmFETvfrOe\nSUoYnGZUkIzNVAL0SPYzLUN17CmhARpPjxE6Xpu8FZvAZEzPZeJ+3xCldyzd\n+4b9lgjsE9Fu9f6OEtEyJy2/8z1CZp+N4w7dEAxTvBYtvtcy/JQjs+ckq3SF\nt+mw\r\n=LiDD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1dcee78d27cafcaab3b8f265b4f1bea83600563a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.7e4d55c34.0","@material/feature-targeting":"7.0.0-canary.7e4d55c34.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.7e4d55c34.0_1592864929457_0.17405836600902047","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd1dbc91f.0":{"name":"@material/touch-target","version":"7.0.0-canary.bd1dbc91f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.bd1dbc91f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"22a5623a01e19644f801e10ced96da7aeb773021","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.bd1dbc91f.0.tgz","fileCount":13,"integrity":"sha512-BfU8j/XrqPJ/95h74TKd6iYwL8rnjua6/F4/55rURLF6SmLQVCT6h805AeoDlNiXn1ZwoFyQtWG+tgDTG0JvAg==","signatures":[{"sig":"MEUCIAJMmZnpw+DCJVUnW6BGSeYEVXFG7ZsinlBD9viLuITfAiEA0CHMN8D7n+UNE4TmCXI6Tk0bDnXY6zsAYaYnvMnZLHc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hFPCRA9TVsSAnZWagAA8q8QAJXkLKPGJcm2npvWHF7o\nx8zKH5XJpZhWY9cJ6yVTHbPwaBdIcYNgnr6lIvteuj+Y7V/OXMDustkU8Sy1\nJlhHs3zO3dZqlHM7VtKmGyVmrtzma8EWvxFyjo5qn4A67UyHyaC363d8OSM7\n5fGv1TYVv0o71jixTUSZJ/zNmUAqSO+3lJzjc4jidgZTVPVZaSKYYJwn7snv\nVQNeOGiHAJLns13OptWcFwEyM3d/Pm0blXI9CMEujiLbU+B2cnmVwBpPeO0L\nGJAVvEMN5aoxie2dpLYq9OIteB3Qydl4ad96zk7QvJn3vTsqNBsePe75sc9p\nzOlWBO5R8grGn9eQOELxOOTnZ3EIxzO5k+RKL271fABAwgZygK4Zg7IxiMtq\nHPLvqoP7RKeJqYqd2k7u/VH+QdlS6wua/zlBDwFgkXvBXbUip2iwKcn53XSx\nLs6JyNaxtNpICRRTJLbOE1Qfyy/Gjbp2WBselP1TKj1zp5CtvOYzBu3aqJ7p\nAFaMnee7a3c8UQLDvyTcaZ7E94IlAIrzsXnW0jz6WIUePfTsH8gGFkb9qp1n\nhu3DQaAOVRZ6bZw/6PXI0unG9PuKgk7yCOUm3NvUVoQuUt8A8Abuc49OU6D3\nH1108Y6f1Z+FONBMDzHIeRmV63+gDEb2wOK2vSzU3i2re0ZMER2b8yYoZeCm\nB8Zu\r\n=KqRP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b63b8059c82f418a3f6134124de3ad8bbb08976a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.bd1dbc91f.0","@material/feature-targeting":"7.0.0-canary.bd1dbc91f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.bd1dbc91f.0_1592922447118_0.7652338084094765","host":"s3://npm-registry-packages"}},"7.0.0-canary.31523bc62.0":{"name":"@material/touch-target","version":"7.0.0-canary.31523bc62.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.31523bc62.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d9979294d91145236490fcd10f7c6503b0044d45","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.31523bc62.0.tgz","fileCount":13,"integrity":"sha512-LjHcupwJr6xbKPodPhSKlzamd0nH0c+ZaoPnMAlpmaiF2KfC4uHoVB4EytQdhIefvwiHv/3XIBsVt/Uh8ekSpA==","signatures":[{"sig":"MEUCIGJwWj7VZqLCzFgX7d4Cxyj4rbQXz3eMitFo2L5L35EOAiEA8HxdixfM4hBHoDj9TwGm8yq+FF7B2hUXbyEFH42hqp0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hKTCRA9TVsSAnZWagAA0RcP/3NN+Fr7IJXUkHtLLkxV\nhAyp09VaY0G+kIvsX4MtLf5PRVW1UaTjMBSRHq4B7fzZt18AMOcmpfVatG0I\nZbpebpKRFlcG+sDtRYQtauQDG3zpoMSYwCEYU0vwaZ9lA80vSGXNiAu6OLb3\nMb4wy6HZd6+53inydig845axqzNWCKfSYHYAf5hTHAtiEte54nfmRO95bqSs\nIc9kXx8pKiFHRAILu4VFrQ7RiewcCc9gdR9iO/zaNIT9xPRngwZYu2VKE0+h\n7e221DKDTmidkAR689TKLlX3WM9dplTiLTtatv9hBco7yRUevax72QZKAjm7\nbLg3YiRHGtqNaFui2uc1U8i0miUX+dXfiNLPlIRWoZx7mSclkw3Im6gunxrK\nVwLx7tZNO3oQapKyZKgWgptMm2WJmutUWpVE1ySeJFO/PVeX7u/9/1QKSLGZ\nBu1p2z+JodBNHnpBZZHFUX1al1PcKuinVI2QEbK4uZOtdnqC4Vql2+xYc19z\n4A2l/cjeVmd6LCUf6gnI5rGAM8kHJHHR+gIxiLqYgjc+6SS+fXV342DAhZCX\n1LBKVn5iBOQs6us/lNbb7FvXst9OBQsOLPDIQClcueSSYkbpaQZ9ZOFrQbnv\nEhVNyBkJZ9E/NAkuoNTzzRC6PUPXJ/RuIxhwcpqFpMF5UqOQrZgGZ00nrzBP\n+nCl\r\n=xnNA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"035ab4d41a8c444abf721e44192fa6e10bed9f79","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.31523bc62.0","@material/feature-targeting":"7.0.0-canary.31523bc62.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.31523bc62.0_1592922770891_0.89988097392976","host":"s3://npm-registry-packages"}},"7.0.0-canary.a96b6d4d6.0":{"name":"@material/touch-target","version":"7.0.0-canary.a96b6d4d6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.a96b6d4d6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ebe68fd1f2c004b506cbfff79f2ebf4611413bf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.a96b6d4d6.0.tgz","fileCount":13,"integrity":"sha512-Xe+8iCr1si1eQK6hsoPRgRexAvzZHKgRY9MW1S6c//HektMeIoxsMO2hRYBdP4LMCH8pKqL/hP1+miic6PJExQ==","signatures":[{"sig":"MEQCIEBfxjhpRCUXrWwn1WWP16kHUgxgHfBiKV0Saj/0Qp9OAiA0/hkOwh9PmAqNvFtr2hrPXRp8Cb6OO3hyYo1N2nYgYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hQdCRA9TVsSAnZWagAAy5UP/3NKHhBNfTfqzXiOPFW+\nhC+N32cYlaB6MN6bUVtte9g54q16e0pgLpMb+fpgkczPKZUTsMa4OsXLexH0\nfuOpXCWBwajCGcGvavH2C3VOHMs/2TZkJKceSbzBYpeNbCh+xYssMOg1F+0E\nVKbVuHLeZIfFNxYZpAsm6y3lnqSyx/onlpylp1YRLDb39Vi+V/RILiptIhV1\nuQ21L3X0Js3cfVeMNcet2jiFmafhpLwc1hBLe+ST3mv2G+kSp+PEeUpKIZe2\nRKzfwU9Uj0/jiQjP16Uc0TTGlf/gv/OAL8ZyTPVPqFAPyCq9S3RzyA0JqFKw\nNu5vxxDhKYRCsmWv4Dx28OxMZAHWFL9BhmiWMpcNRGt48PDEIbInhUrz8U8F\nuhESwxGkZ9YDmBZoj7OrbzocRILx5MVBVcJSWG8klbbOYKurAwix4XHCDORc\nsqeNlWjPXBGc8MGwOwM3iAAE+zczFiF5aqn6jcNjKJd2PSHCTat6kP9nr5UQ\nDSA190UCJVuI5LUmJbdCkdm2wqFd1C3fTP3sLNB8TdgQlkSYNfjR7TQELgp2\nVO3+HTqHbYWrrlS5BpzK9UVtH8Itdjd02HcNy6gug1eii/14hlmFUkWCkrla\nOSNExn5V369npwTKNiTGDLxOHKBS88hpqryr51sgiQVpVbwkZQVEsBUMS9SA\nytkL\r\n=CRbv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ddfc88933cd9a6210bdfc449fd3fbed391abf4c1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.a96b6d4d6.0","@material/feature-targeting":"7.0.0-canary.a96b6d4d6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.a96b6d4d6.0_1592923165399_0.17120264291544607","host":"s3://npm-registry-packages"}},"7.0.0-canary.ef3a09533.0":{"name":"@material/touch-target","version":"7.0.0-canary.ef3a09533.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.ef3a09533.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6726798cb9a180da7eecf9ed17c886ae48713389","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.ef3a09533.0.tgz","fileCount":13,"integrity":"sha512-FEj0G+IWuYOBW0K02EFqU7APVALj4QwXNztxfwNwneoOuSF+1rQUQDgM03VXR+uqGnVkvTBaxUQ6b1iL+4l3JA==","signatures":[{"sig":"MEQCIAYUTbULk9xmFFzp91EEYDP9JmGDASVI7qN8igjbiEe6AiBIui/suX2rUvVevzXD1qilbhiiM/VVykw99q+EKNnF7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hYECRA9TVsSAnZWagAA3NAQAIofOR/R+KaBh9FhY0UX\n0JRO/07iL0CGKuYw9025MIYHjHDL4PuPIlbQq7mYl29UNT4gwYa89U8iV1RA\nwK9/WcYWgvVpIlKkTe+3rygJ0pPRlvcmkHF+dhluVSV1ewUU7Tjxfff5+3eJ\nzBveV4Z/sC2fDtjlUWeeB4o4zMPJGLjEn247I/q/go3La9UCpgkJ4elvKo/6\nALUgqoxPobL+I7PM40SBvWsEYNK2drHlKwq/ioT9xSFZa+F6azmWpd0jCp7o\nExxlSeQAOaVy0JegPFTJErC+UcDdngH6i3brlgsgvJuuS9bJW8F4IxlASzJL\nG27GTUrhBiuk6bdnprj/mYEXNswhT1xPHFacTTgiagHcKTZGRvBA69OCBQR8\nPMTd5f9Q/BhvGh4ZPZEcic71GB2zYAfUlBwzuuM2fTMBtvjwURqEdWSH7+fH\nACbzBFfAS4MpgL+VYl/a2gudtMSTqr4bY1Civ+kWNdT0N20VVgojI68v11Fc\nYJ8f3UK1hNuBoSsoZatW7SnxAePbf3MPYPF1XE93hr0RM2jr9nFLvxZK9i+B\nPD3JAEIQVfG3+QF161ZATalPTiE2QM0Jq5bs7YHN6VRDZ8LeEtfQIyVM8K1H\nuVkLOU0CHjh2yDYXJaMMga69oN5lTfwut1gtnzES+8BQzayQecRD/qTfC7dP\nC9oP\r\n=gnba\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2af091492939e0fee42736977683591ffc221f15","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.ef3a09533.0","@material/feature-targeting":"7.0.0-canary.ef3a09533.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.ef3a09533.0_1592923652077_0.4746544063966156","host":"s3://npm-registry-packages"}},"7.0.0-canary.080965f39.0":{"name":"@material/touch-target","version":"7.0.0-canary.080965f39.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.080965f39.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d38defbb87c12215c1b6b466373d62b457653be5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.080965f39.0.tgz","fileCount":13,"integrity":"sha512-004ic2zZz7nQG0QDKlqSROHDROK6wy8wnwsx+MqJ44mSFEGdcEZ1Pns+1g7tich+9jm11dXc5a7r8Zc6nBngdg==","signatures":[{"sig":"MEQCIH1foY0qR6o4SZXcvMI/5FpnbAJIhiIVJYIK7VI/16+TAiBvzs1UsNpqAxmx0Wd9uphcEAbF5aCslvqHx0x5fTSutw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hztCRA9TVsSAnZWagAARLUP/22QbU174R5+rzYZ3Tpn\nokaL7nhBav2OyTkEWcLRgHiCCQs674pFw3VL+VC772eeF9HpIJH88sjcxygg\nTFQ7j4BGXm1geg3xlNbSmyuCncipkkQvr7OyicoHu7HTkiRZFYUGKO7ce66N\niZ2sTk9RzMuKwwRAnTuUtSC4Qz73BhmKk5UdvXKNx6cJfiu/s0tk1ZNeyUw2\nsE9PuogK/FbO75ybrMcDccoPXPRW7I0AIpyEiUIDJCBlrsw9GonKGo/pIqJ1\ncv5aCEXsYDGLAhleJ3X/0GpLNyDl3qtxdc1ukpY2SBTZBwhWIsR+4kJMwV1k\nC370fYAimIiTgWpvH49eLWndMuCRbQFQhAJ9D0CCss/L+pTaJpCvaSXKEtcj\nfpeHuuqM7/G8DKPgMbkI10Ifv561geFAmUh4vsRHSSfisGqc0XtxahDz0/Il\nsN5wt4shDD99G3dcVUmglxBwgmPJApzrVforeC19T6emyN/qpKINVC96qNDp\nf9H1A1IOgg3dgKiVIkFORmmeC6whSXeFnUHwNwyIMCYqEpwTwzYGgCmGSupW\nTjqK4KTLwlUrqlJ1AqJUBAqNenRVKJg1B8Oiyq2cYGhdUIDHyHALGoqeDm9E\nPwOJ4cdTpv7rgnUfYSsgUIoaMYf6ZesaHMJfqgJszGr3hZRWe+kswymEGjUl\nmFIF\r\n=7hMu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c0d7c5371df46e0114aef4ac9bc2b3aad1377f76","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.080965f39.0","@material/feature-targeting":"7.0.0-canary.080965f39.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.080965f39.0_1592925421441_0.1572673207781472","host":"s3://npm-registry-packages"}},"7.0.0-canary.1bd67b65d.0":{"name":"@material/touch-target","version":"7.0.0-canary.1bd67b65d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.1bd67b65d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"496f6a1ffa1d12d925a5e52a0d7ab8c15487522d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.1bd67b65d.0.tgz","fileCount":13,"integrity":"sha512-tJJN/cujt5gbGzTTmkGFTu69YIb4IA88giNAl9PEEd/Vd487mZMWDm7IWjVxQ4VQ3ghUuY+7tqS/DbcRbDeGig==","signatures":[{"sig":"MEYCIQCAE7u3HYnkBVzEgkG1dAf5sVZj4Vk+A6LZ2Ly8vB+RhAIhAOntg1RMriYvP3EIv1v3ovjt1VdXewmq/l6vhCJXCIaO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8ibgCRA9TVsSAnZWagAALbQP/3AM5zJ2Cf/faNjC+rnh\n44bGnwiFQd5QC/hSMxblyi7Rx34mvJdwdYrv9CmAkHCmEFk3jcj98TtXbPgq\nders4kT5WFBlMNWK4tKQ/4hgJ9Zq4TMauCXikseP+eEMQkb3uYaOPH/kh8bm\n4jtsKsgGROO9wi9/o0w3OrXCx6xk2HBnRomXjJThmCb4j9BjbO4L3I3g3Ler\nYw3BJtORgN0VpE68UqfZz2rDMStiMRCIWyWQ1usvfG8SBUiaIrGKKgnxF5Nr\nZFJdGMxGo4/uZIEjiqecZ1CN/xmd83Y0ezkFVNSWfr3uBXQHxGhPCjz7PGih\nRE4ISe1GwpLnjQK4wGMOAMBZrFIzlhZcymg5fwo0K7kf2iIkS3Jkf/Oj2r1l\nsEjAu6w1Ya2imPG78uTUa1E+is8poO604Q98iMVTHbZR1b0IBTVAWMKn7fo/\n3D+g1zuLp3XYwOoeQx42li0aezmi5WQP7bV1PL+asCAEeMIRuDbNnU32/I9K\nP18yXuG749+Km0Hg2AsSTIyq1kq9X131iywT63+nVRqf6CoqbP2Rz5WFHkBR\nbt+3Zj9IhC1QZBL9/NRSixMw25YovHkrIiIsUpZTNEyqKK2nbNzVrNWjDF+o\nsL/Y91q23HyloOaY+rOHgFi8uL6S0mxpqPBJKLhOItsyDWBoEsq/u0Nl9opa\nUIHo\r\n=PpVp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dcb3206c3f6c1567eec203025b36bff594d66678","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.1bd67b65d.0","@material/feature-targeting":"7.0.0-canary.1bd67b65d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.1bd67b65d.0_1592927967796_0.28183627599360883","host":"s3://npm-registry-packages"}},"7.0.0-canary.18ca31248.0":{"name":"@material/touch-target","version":"7.0.0-canary.18ca31248.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.18ca31248.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9bd057f103d264bcda7ab4818617f421612444c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.18ca31248.0.tgz","fileCount":13,"integrity":"sha512-g23pGg5bAs10GtAEzBWUzK2ZsOMgdpTyg3FzXt/pOXE1sP7+YCmXHA1b1nh0I8Ijhv9t0HfAgOMnhtFBetTMvA==","signatures":[{"sig":"MEUCIDEjV69oskRTI99Q+VhA8FgquUwn7w2W/K7fFF7I1W78AiEA4yB6HdJ7nTVcZY98B4dWl/Ay8jtiO1k9O2G1cLncFCc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8kjOCRA9TVsSAnZWagAAn/YP/RmeInszZ41zEEnB9a94\ndOQSsuaMB+VE15UUXEXdohcO0IXtiJ3VKTL14O0vTYn8T0UZKBCfwNd3bCN8\neT9oOCu50ZW7B3MaSSWwqdYAeuMhx6g/O9JZDGbdoia+IgHtx5jqfca4Acc2\np4VS61TTwoOj31dml+dsX93BxskH2pHj64gvmybZfTPAy6QhanVtrpyOFHmV\nsQzzpVIE+Ki4M3LIoiJyUZWsxHu1Ch6BVpF01WFTjUJAUH85dY+o5fnwxCuJ\nHLUvopjv9gn+LO4ZbM2kAFnUkEH5yShaV/QUlIApU368cxvW3gsMNxG5lQKp\njuqT/eB2zTianOehDE6+BoxD6ep+Ehn2nr0T8ru8jOgY4ZZa1obwvD+d6epI\norE13Agek9zoHqmZEfPSeaYwnvWD4f+Maezhmcj6aGzDTVq1zMsiNi0IHxPr\n1NEWgi2NEqw8VSdRdD3qljbk38/j73+LMkJ1luLi9bFqzJvCe3SZipJ7+9h5\nojrC7GV8COK/2JVnMq/liDTg4tSFl1UtAUDMJL3n9DwShTu6bS3JKAU5Zrva\nAXd+VfixAu4uElMWIEt1x0yVyOdFjwZZsqLbIcKHJAIPVox4ZmNqB1RpDCkO\nUvoUGqWzr/eaRBWDwhFV3KTUDzZBFlYzBAWJpKnggsZtH82L6VUH7+xzGH99\nizf6\r\n=5h8B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"34a77f9ac5b41ab1f71969d01fde32c58ffc08ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.18ca31248.0","@material/feature-targeting":"7.0.0-canary.18ca31248.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.18ca31248.0_1592936654379_0.3738524423045315","host":"s3://npm-registry-packages"}},"7.0.0-canary.39cf00836.0":{"name":"@material/touch-target","version":"7.0.0-canary.39cf00836.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.39cf00836.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d5def951228f930172629a0e02cb864f10f326e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.39cf00836.0.tgz","fileCount":13,"integrity":"sha512-nS+B2i2v/YviThiuHhKx+NbJeR1PiYw2N8lfH1TwDE54QeWVlC+E8oi440RIj1IEXNHfidwc8mt0dQ5pN6XJgA==","signatures":[{"sig":"MEQCIEkEyCinuLra4/5yD0oVfWwiuT/L2j7q41h1hot0T3IRAiB+r+ODrnCWbXrvdx8MCxaUYhMwLeMIj1SBshpZTPbY9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8k47CRA9TVsSAnZWagAADp0QAIqj5D+KNT1rprz+LQ9L\ng78FZy5wD3nPZ9RKEEEx24Mse9VakBbFU10vVCede95XMp/ZeZnFVbOpKf3J\nrYnqcwWlAl3klUju7ARJ4P7DmEQkgB2XrJ6qy9Up8ZiVH4lqB017/mHpyQ8Z\nHw5IdsRN5QYskkAth/WuQ2uJmhuLiVmWAZZZ0Gqb08b8+HpxUcMV6yxn90Jj\n0LjG/gAHBmKqKKEUKuJRVHs30x1dViETocq33yLh9KGSO2Br7iqv6QOSpEoN\n6MCs1AJQ2C0KKNyI295hbDZl8iwYQXI0HHH2bsfEERGKad+OZ9DLsyht3+Dw\nxFJb8fuL8oljfUkOXEPuzTaDLya9CLS8i4dqZl+Cj9YwLCptynTBWkeEmpg/\nXY+PBH5OkgFZ54AqLYwRMVi0IWXWeqaJvNqI7q+iaIXVseWPYqXJ1lCTYP7T\nIEGbtZ+3r//Ho8GIr6Bi4JGPY2pik5hL96FE001cqvPnEqaWarCviH+bGTxu\nPbr32Yv90dpqyGDTGbRF/oWNUXALDdnHAYVxP2IfHlFVuaHTWKpzLhCIMqQx\n5YXciN7Qn5peU/2tNbt73vmS3OrZ2iNI1ySRv3kxw4HB3tVicMdm7fgeWEAf\ndP62PzrWprW2XeHAg7edBSi/HFrXl+QIb9kdAp50UW8gr+Elf7aFuOXDQttH\n2HGo\r\n=zr1v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"490def2a6575f8ae6a6151f024a9af3fed1f5215","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.39cf00836.0","@material/feature-targeting":"7.0.0-canary.39cf00836.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.39cf00836.0_1592938043340_0.7132376198780819","host":"s3://npm-registry-packages"}},"7.0.0-canary.1bfda9e05.0":{"name":"@material/touch-target","version":"7.0.0-canary.1bfda9e05.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.1bfda9e05.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"acdacf277b7397b877bbbc018e9d8c1fa548262d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.1bfda9e05.0.tgz","fileCount":13,"integrity":"sha512-BEuHA1DdR+yMPORNm8zirCAWB5Jw+Lscaj/egj4jT+anJzUCEy9AR6ULzICvTY+h4030bnpOaXH61ZZo2LaLjA==","signatures":[{"sig":"MEYCIQDe7/ZXyvaBQ9lpgUqUwV9pyu6nctKZ+P+Tuf2Vb5w+KQIhAOnoRUyRxisr8IcZkhuUxgP/pjlnLdbsXPOMUxnmdLB4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lEmCRA9TVsSAnZWagAACi0QAIl/NW22vNX918vQCHgM\nEFWIuxgF0tvqY8lOrtf48zAadf1bFWvoNEgn9FnPNo311mkxtgdedjLF1c9y\n8l0KvQsMQN+ChUFP0o3jPGL8kBe3YQeaYNG8eIrqYcSeP7IAV5hN6dZCVyYg\ndZID0NQiz8kcE8fwsGYOLDmKHcwpixfKyL7hJrLB0mSorlRncEkUwdvw7PG4\nrBztpIuQ2ktaLajhhOzFeuRh4GdQEAx21ruhEIM8rYV9kDCGSfqiUUIaP4Rv\nhi7OLcqtSwOTBVuM0YY+dcjetWTveAiwz3S2cphIyQ++eLLgPJfYnk4mCeDx\na3mc6r6q7RVMFaSraUQGmn9u6oQWd4SYCpMSo4CHdURbJrfaFYHV8T0ScxF7\nb0ya4uV+LDHpnYSG+XDQkvF0K1FPmcG3zuzC1zjYez8+eWX1ipY97N2MAuDv\nh/RKikIml1NvrX4yXNSFqBnS+tOSXXxT5bRztYTizPtl+7rFVn3LGrxp2H8y\nDybvg22rtfbmV5LG7dMOhzeL+ouZOsNNpyyiGtmHhHIbHrXD/srKABQuj94Y\nUDFv2IuMgvL4f9isD/E+n4LxuSNaD0ZHr1JfMLazR32KMOfsPLLID0OXNLSd\nWtef+e+ntvxvEzNJ4DYzWC75kYg4f5jUJ25xfTYNJi+rkRmH1JPOSVvAf8AX\nEUL4\r\n=cu7C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d858287d263a004329d22036ef43b63b8ec8eb08","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.1bfda9e05.0","@material/feature-targeting":"7.0.0-canary.1bfda9e05.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.1bfda9e05.0_1592938790403_0.5933969854086119","host":"s3://npm-registry-packages"}},"7.0.0-canary.08731bd95.0":{"name":"@material/touch-target","version":"7.0.0-canary.08731bd95.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0-canary.08731bd95.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"464efcfd04987a85d585ecc3db9408bc545b54c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0-canary.08731bd95.0.tgz","fileCount":13,"integrity":"sha512-tNgkU4L0QuPdJQGTdBbjneWwpRCBLGmNJGWyFZTPSy9kevfkWjunEE+TGJyUx0g+7AxgyD6mYQP4hQ4B08Whog==","signatures":[{"sig":"MEYCIQDCeXr3nExUOknuzeYfNSsjNLKPgI/sFV8nChV2PT29VQIhAOO+IGH2Hl/sAejbZQM1oDtfs12zJcnhBTzRWInYEyni","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lHECRA9TVsSAnZWagAAg00P/RqQvwnzcwQaU8z24j/L\nIqnFcAxxIIl6WPcHHQokCL/QZc0P+iOYK+a4f9MpgyCxy5qXkY7LuPSQ89i7\nU49yDbvlfTqZH3p9/cjwV+iXEZ1WcO4xo6HDSdfWj36UdEbpDVyFCWj6Hkal\n09JGPfKyWuH+zL/yCXefMaI+AolnbWo8Yx4Jiy8yq0SfcbaY699kdOPRKTse\n8aIWJqYYIOv/5KYm5PIq6Ok8dCnKo+Y5La6CIacj6W32KJc1Dt0obiU6n/uL\nShOi1ZBuaVS8QjnnIJFQt+kLLkkCugIin2QA6iOCi8/LekCfkPCvUoZPmuwD\nzBJvvkapBn89cUj5pj2zRMtC2dMCgwFdJIwi7pkBfRdZoiCWHe2mLUTPv/Yw\nSf48xJ82VC6sraHthQp2BS8+dOq76Snef2PQAKQpTMBjFnvag/HLWDVzOd8x\n6ik7pbNc6WBWLAeA379xTcdb/kcvSs8whp/tdIzpwIhezj6KRxx2qn7+QVtG\n6p86QxDATeFJBIljFUjR8r2TM17ZTDnJ47t3GCuDo9p79t4lAGtrzIpOq75o\nqMGithP35YyYB94YouKfMkodlq/u/e+yDnNr4FTfGuXPvTrrcV/cNAdTgC6x\nzGtjSFdWpgPWpTa4CGPgedeWe1t38PC/CaWnU4jvHR4fOqK0vVhXQQmkMlwu\n5xCM\r\n=0j79\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8e24a4ad4b32b05eb883e0de21ddbefd3c8f641a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"7.0.0-canary.08731bd95.0","@material/feature-targeting":"7.0.0-canary.08731bd95.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0-canary.08731bd95.0_1592938947639_0.7490911484167688","host":"s3://npm-registry-packages"}},"7.0.0":{"name":"@material/touch-target","version":"7.0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@7.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9fe2a88d657b50c90db75c45aa00e776b3f00d0c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-7.0.0.tgz","fileCount":12,"integrity":"sha512-9XBtFLMvoUk4ZvNSyVgHjF416DhenLGQ6TWJnqiqQjqIv3i+YK60tYBUl8mqR0j0Bs9VCZCa/FyZ/fx1NPO15g==","signatures":[{"sig":"MEUCIQD5vmL6A8/M/EH/z9GI9xoR2vlsMO40is6NyrRgM6fp8wIgUQhVDAMT8EkHB/dv7h2GP52Ig/izsxb5a9dMJbojbMw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lOTCRA9TVsSAnZWagAAkkMQAJDeC8K1BxnWbuwVtfzQ\n7uppMheGj9OqhH/8/5n2QrDbNnBqOl3vwJyBnTg2jik8e/8KaoNmKFBWfPAC\nrW9jwtQWJ3WiErIyarMdPKqlNs/cECSiLFpx3Bm4PQrIN7i6WupjJ2M3VuAF\nJ+Xcw8K6U1DDnXOWF11/MGH/sJxYOV1BH49fuM5FmuKu46OTJLrrGFd+E6Bz\nmcsQDqiCLd9FmHEna+M3fDTXzHho83DimyWAuTUMgSY/YT4+XuDTazYE/qH7\ncKJLTaPGF8jJ37+ycNJPWV+2wgCkGnlJTzSSB3OhQqjmXnuaYap2TOBg+fws\nem1qXjdM6Ywdaj+xmzOc6PSONAE9kwaA80E2io4PUrATYw7lpTNE1PNg2Uo5\nKgTDZ9jU/5Sejg3KzQWwGBgFIko8k6SH5KUVhuciH55QO2Yv4egHMmS7Yrqe\n1/Ws8+u+jYXulKn+X27crlYZ846snoAGfre9+3ZYBen5QJgaQgV4BzvgR0mX\nXnKVzuM8ijawsxeGd1V7dTGn79sYmh1Ae5Bcv6GTf0oNA2s3wW+Ga3uz+p1T\nJ45zCISaEM+0awEsXEHwJJ+/UlaiIYa7Mz0TrqvBxfvAwZ3eRxg13YUVADw0\nJUXmbm2YKsHkF9qKlodbWMlzSPzivPwyx4sVhzaQo0xEPDCj1TIpP54pH0VS\nGw4/\r\n=NTuA\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"a3212b2099765947f2a41d71af2cd95fcbca4b97","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"^7.0.0","@material/feature-targeting":"^7.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_7.0.0_1592939411445_0.9943752314538665","host":"s3://npm-registry-packages"}},"8.0.0-canary.a3212b209.0":{"name":"@material/touch-target","version":"8.0.0-canary.a3212b209.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.a3212b209.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fb6be1fe08d091ab7f90e720977e80e10cf418ca","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.a3212b209.0.tgz","fileCount":13,"integrity":"sha512-//Byab/Q9B2iSJdW8LrT1cV2qLEf/gog8WdWxMNvwsT7F8sv1HkOFwNDVdgNCV4jO4e1yWprX23hnqqEDiI/dg==","signatures":[{"sig":"MEYCIQCvr6n8MCihYZsupZTmDGFWBTfgYR70M7r0sMt8guQjMwIhAJHYbqLzG9wXYzkib/ZrWlaNjn9+sffbIfmm/BqmWD2z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lPICRA9TVsSAnZWagAARskP/2dgCSeuX1pU93PEUYqB\nb2alZpMCzDxFh4Dk40LHeeYu19dWbW8bb7AKfr21vmRfxXt0CLcCSk8/EVP8\nHyUOPuLDKUhUCLi/HiNeI3qHIwO/SeXizCcr5WpkchV9ZTH9RsMcU3hkJyMo\nRmWeefEGy4k2x2O8MRyqNCTeViujUiLCAb2YyBv87ARhKTkuzpU9WAbSpbZP\nBhm8bS3UDxOcJ4ndjN7Jb6NAIduFuatDpde/rljxHAIWMws3oj9cXzSWk6Yb\nkfeaZ9FzyZJ24dozJ8pSSsLi7BeDkAp4wVGw1SCBx7j6ttbbRtHOH8Kt2XvC\n4V0DuRLnRQyE41F6JyRpGV6+DRDXsi8VHK5BFXtZTk89Malhsy7s7HILOII9\nowAGrhU/TmF+gX4dvMHcQqyD67w+RhqMnX4weGQVnBsx1BausPQtaPD6YqhN\njCRrDBMb47yhQxOOG/Omo+GN/DzmOQtteCsKCopVN6tqVeb0o/EsKm7BGGCZ\nDMUh9Lr+8LJ9wpsgbAV7jmi78NdqlzXHcQRDvHrSBnd1z6X6woDdby5o85Qi\noUL40Bm8cXjzSDnhXyg3/FCJYkLk9nSAOGZ7z93Lz+XVfut2nsSq1fESOE5c\nsjnsf6p0+kU6q5+Mfi5UmrdRfWiR+9mNgZPqWqui9Nz754Ir5XksKB3zjBFC\nwybh\r\n=3N2p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c48f67451e0470c28a2a044f902a31f9fca577d4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.a3212b209.0","@material/feature-targeting":"8.0.0-canary.a3212b209.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.a3212b209.0_1592939463872_0.5579843016578334","host":"s3://npm-registry-packages"}},"8.0.0-canary.15e81fe98.0":{"name":"@material/touch-target","version":"8.0.0-canary.15e81fe98.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.15e81fe98.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a46d9992c0db61dc44e2f584b4bb5202a84f602","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.15e81fe98.0.tgz","fileCount":13,"integrity":"sha512-9bDPqMa3A/ICvxxcmoi4vtTnpG7t4kkI0DTk7eqkZ3LhQYQd51saxNWLu3Uk214waplG7GEDOztG70qlkRqtTA==","signatures":[{"sig":"MEQCIGR0UxkDWzRaJKGm0DvuOV3RGDW/MaR26HqFEJn/eqcHAiAClHm37cOQ5REgwowfNIGMtOWLilNVwh9nTa+PX56XCw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lqeCRA9TVsSAnZWagAAF6QP+QCMEFMBH2pFg3/4H6Ps\nOqls9s9gwUZ7RUz4lCJqhYrxyk2Vk9EUqqEUZhsfmTeQdvrQoosFt3CCJ2/b\no0Hvz+Hpm7IsUwwawRy7U0bH763wKIYPKR3MfKOlRgtf3jy8u+Mdxo4QxJR1\nPDEYBCSGgCCXjjT0/wszM1O1poWequqEnG6g3hMdUJVJk0c/bwhUjeUgWBa/\nHMCkt4vhwio9qf3+SSzEYpAOfqiauzlhd3suUtw7XihmNJ9OfJj13tciiRGm\n6NWMlYqwxF3w2SxLs7h2JltloBjB29MoZJhBFr95SJKhNn7eUXTddYiIEBjk\nEPh5vi+772ovylNu+2YSMxBy1LXJ4bmZk6TlLtzahCBCXcQE2WCE6fxjRIV7\nW+oVmyrSAwr+4ccQ6IBlq/24lcIIWH9Yg7jlh24FqDojCTUP4CY11wKkWuO6\nm4ZyWropXDuPXlTJfsZs1P+CkcqoOVkmYEauIYvLilU0LQTl2vaBsQoAcIdM\nztYnYxsqu1+byxNSftYdeboS0lh1D0ntw1JOCY7Uey4IpHS0DXw79chwGSgr\nlSR6gPx/lnKTq5t6VZg/8JChLQlXHQMpG8Dqv9nc1/LIxkr4d+QszC4tTnVC\n2zJ+rBdq0/pt4y8SYuoLVphtO6EPkpXVZvToF/j5Xx9+7Eq8ayBiT+aIGW2m\nHkjJ\r\n=qhVB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6c7873baffc445c3cff5a006913ebf1bf53617ac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.15e81fe98.0","@material/feature-targeting":"8.0.0-canary.15e81fe98.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.15e81fe98.0_1592941213721_0.9217899526553899","host":"s3://npm-registry-packages"}},"8.0.0-canary.004c9d392.0":{"name":"@material/touch-target","version":"8.0.0-canary.004c9d392.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.004c9d392.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7b87487e16b4fc16264f7432aa93293f34390ec9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.004c9d392.0.tgz","fileCount":13,"integrity":"sha512-zCac4mMauvCFE4RVGccVqvKTLncV49Qj3iWqoOY7PmpR+ffFzUpYSTIFIjzFRY7GGAZLETwaq038lRVYT8SFgg==","signatures":[{"sig":"MEUCIBePBQ8O/Rhn9236iX0cla7eHq5xeNynRpRfaid4rIDjAiEA+bFoqmzl9+1jW9CGRUWJC6mDeQtHT1OCReZ5KXIDPYA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8ohfCRA9TVsSAnZWagAAvaAP/2LxCxGPGZHqDrmN6FGb\noFw77pS8Dyn2YulPutTZPaY6vIYX00nyz/hGoGeUy1+m1FZB/Ht2LBYE1Rme\nGGfAsaYgyRBeCBHlv5QZLjrZi5Ymz4w4X57daM08ruBN8WlMZsF+8aEmOkz2\n4wQO3S9/vDX34uRfjfU9qGhjhs5EcanQtvvYoaYG00JmYcFyOh2KrP0Tdgxh\nr2Qn2WdHMYSNmbLEBsQaEyvocEU+2DaeI4o1Bw4fLpIx5uQF4eZPqSNUe1u9\nntHO0MsfN9FsrwFecr7DmgdZb6u1vgIvunMxGyjfy0dFcfPYw0x29Au56WHm\nVdE1yT0hKQ5OOjzdZvROrKtHa77eqyGuOzJY4/Hi7d29XUH40YF58NPP33Jg\nYCydsekuidafa1fj1kricdsXf//P9HRdxAAlDQ6z4dxD2VV5p4nBRf8qsSXA\n2+Fnvha8p+VE21GxOsklAefWU8gr52zIlQOLfKQBH7lrgoM4iypeDD6GCDf/\ntmsBpd/R3maZprpvXUlVLs+g3fGKDJCHAXRndiq3TBkbA1J2BtzoZ68OkPhb\n+w1rVz9IVIz7K2+50dXyQmMdbzY9GGp0ByQi1UIa7SafKT9g5hunhG2Dnnl/\nfWXGLszWAa/zavVuA7gHO1OUw03CYx8asO5Nr13xEvVxh93YMaSBbeW7251G\nJmEA\r\n=VYE2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"776ec8815215499686a6c5d2a13543285c30a7ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.004c9d392.0","@material/feature-targeting":"8.0.0-canary.004c9d392.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.004c9d392.0_1592952926649_0.04988821822528822","host":"s3://npm-registry-packages"}},"8.0.0-canary.03bde00f5.0":{"name":"@material/touch-target","version":"8.0.0-canary.03bde00f5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.03bde00f5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03f1064b4620ccf7aa39a142355867ad769b2771","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.03bde00f5.0.tgz","fileCount":13,"integrity":"sha512-OcU7NUsmsypkML/+G6Vc9bA+L0k0UPbIh3Kjr5mRwi7HmgAbrIkb/erGfCwOngsuGxxu1CfyjFJjEN3vckBBxg==","signatures":[{"sig":"MEYCIQCqAbXOc/91ZcyPvUmuPoN8lJscNciF1koetR+UNYdMrAIhAKq2e5+Ar96JHLgnTLDXXrkIryd5yN5LXLW9JUGfNUXf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8p7KCRA9TVsSAnZWagAAuA0P/A/Od4m/UIu2Gsbw14ZV\nOocAA2iULbv+ZAAyep0luWQd86FTWgvuyR1e82/nhKaTbLOump3qak4Pd5f/\nITB42jr0l4nwQPljLpL1AvZRGkho/ncZzDf3GxoHUZyccn1EYB9b2PfD6lfy\ncS54mBhNMQveKPwsl9rODNSrojiseRcYD8O6PD5Gnks/QjXcLJLevoraS9ZR\nnCVTCMIredGfnGu/DU3mzUEYSj4W8hYJRUPDs6ie4CFBEi7D1hkglSE6BHko\n5eJ29US1zE4ag8Z4t9RExCUba9kgg49Eey8vFEh+/trHOxFZh/Q+h954UprZ\nszAkW2LgfsRIzWd2n2Yc6HEsXu4EmUfdtS2QACtjULG+MRoegPuzBpWEaxe2\nrUIvHCCrMuVuws4hK80Fe6qFTcw9gtlcA/9bceMi8DZ/GK75gXLwx3kfVpKD\noF8Gwsc+SvXffS5xdiUw+yDBJ9nLyfuz3kY07kVSxxgoHMVOsC2DsZ+EWjdL\nIlLNFQ+rPNU74ensPLEg3GNh9+b6rm/GJggh2q7beh272kzajSceNl1/FKdx\nRNLLnwYMj22t0yuBj/M9JMQDuQUIFLwSRUp2fnzikmpwUk7bsdBUx1TakOLs\nQ71CnAQjQb2Dk+KprGkr1tjMbBVALM4gcoVKkVWRuW8TZwoLTgB2KSUdUl4w\ngkHO\r\n=7WA1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c3937a4069800a251640cebe987bd7911de089aa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.03bde00f5.0","@material/feature-targeting":"8.0.0-canary.03bde00f5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.03bde00f5.0_1592958666138_0.630216956603002","host":"s3://npm-registry-packages"}},"8.0.0-canary.599b8c319.0":{"name":"@material/touch-target","version":"8.0.0-canary.599b8c319.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.599b8c319.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7568819fb18e018e1e43ac738f297ea2e17d5132","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.599b8c319.0.tgz","fileCount":13,"integrity":"sha512-sPGdpuJ6dQfGzc1Xapt65Z69EBjjLMPHyorsIefsEmF43WNc8tY3koW2sDNxMRtrPdER3Ncpf0rWxL8ElbdYCA==","signatures":[{"sig":"MEUCIDgvfo8HF0mUWHnzvahCdrx2UUHFloGiLLnAhxCnd+4QAiEA5lve3GwC4cZRArdYB6im0MVSK/qX8OdYEFt91xSBouc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe82l0CRA9TVsSAnZWagAAKgkP/3hfAVwFT5mX8NKKVhZp\nyLSRfUg0Iw+tm0J1guPvCZ5Cvri9obvkn1KTCxYtquqRTmKqnqbUn59SE0aB\nFTYSmXG8tZ3C1/r/82uUNHwNBHUIoy+CJiNAuqnePQNH8428VgJUF0KO7dxg\nEQIjOcFFeFyGnWHFG++7+4UUY3K7ULe9SPvrcAAZfDRRPzjGYOmEljZbZ/nP\nnR47HgNPb3/6waDj59FUwuhNlbdyjrK088F89Q/lPkHsrIKA5ycVfXmxKIMj\nJCTRI1jnxQ2cXg7xX3aYTRcRlVWmujAOTQm2NtWDARBlyPEn7dnOecv4tJk7\nMrIOXVCIw7i1h9FIFUzBhJGB+5jWiFHw33VWIVYAwsqZXONe32TIe+9USvRp\nUxVqCM33OGARbHKww12QMOrmTKD86kK5ClP79FfSd+0UwREyKhaynDZBh2xo\nNKO6wbVouCbD26R+NzKvMH4ZDj8h7M91Jc7g4uRRr5MjCb2qEeJORPL27ceS\nzx1jIdWm2XStQugi9kIe/daz7VCuQ6o6lUBs0oSpnzpfGBpQkKNJRvqQ8ydd\n/IepM8R86fI5SZJKocWFJYotf66lQDC935lbG3fQ32iUPhiaL5GJUcnwA99L\nlw5hmGjEPEC6wcVOeSB8RyLPlRHIhgiHiQDCP58NqeDfmmVZ0FYL++2NkmwK\nxtSm\r\n=zlJ/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dc6dee1190cd8d60caae49aba599e9d7072433e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.599b8c319.0","@material/feature-targeting":"8.0.0-canary.599b8c319.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.599b8c319.0_1593010547544_0.576939217644806","host":"s3://npm-registry-packages"}},"8.0.0-canary.87e3be418.0":{"name":"@material/touch-target","version":"8.0.0-canary.87e3be418.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.87e3be418.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4487ea5885eb51bad709392df8b6173e4e30b11b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.87e3be418.0.tgz","fileCount":13,"integrity":"sha512-Act2rd+DGBFLQkvBufzqHnaWkJDr4tBGP2BNBuVJ5sqluVmabipkg/z65/z2t3ekPIpK4dmp140EJumwxPy8LQ==","signatures":[{"sig":"MEUCIQDAXrFXi6o/O0KCUfQ9aHWCX9juEIo6J4kaNPTIv51VYwIgbzqm7t6oeM0EyAnvJEgugFFWz3W3kHuOTBV4UVOI0dA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe85LsCRA9TVsSAnZWagAAwK4QAJEUa5wjVpUsz+tbPNdq\nfoNRakAo8xzP7v9ar4B+MyxYjxRAuJv8jVeq3tnAFOciM5iRdOeKpJxuOF4S\nLNTY2MPcw/QR7TKgM34qpKO0LYQpSoqctJfQNo/QGOB0NnlrcT5rXV5RXy9e\n0Iv2PvkQ4P7o7Ei5/MbYYCOVfrRIqrmn8x8XVBTK1ac7pgADz4aGXiRqCqWT\n6sUt+ia6PI8Wl1SsF8DAKTkimMGHmVcYQSzXSKqmZG/k/MX3Q1KLJhTvSOpz\njFActR+nhavh6NVhrnycwSDtJleUT3x5vjUFemFEg+iCSlBBUB3WXK0snsQU\nhDWzVMZTBBV9rLax4oI0/o5ad7SReQMW34ct5nyosHoZj0HvY5iTeo7oL2El\n95NMiIaDThhUGuXGw8EPwlPZfuNi+DqwCdOEAbgfV1SmzbDQMUOYuyIKHdNN\nZWw2Cu14CXf+GEk0ku2CUzaiwWCm8IRNOnYblwsffA145/d++AnmhRddH7Ty\ni2e3KB659lUiNbfFVrd1qO7rmB+HzifFPOxZ0kYzNgarW44cNdQlQeOmed75\nDrwYbYWFGOIncwC832G0k4HyVTDdkg+S0Z9+1PIIMvZogrYgg4fL6l1MGZvz\nlK7yKghWEYx0N7JoTnsPGt1gh5YFZsXuEdrcw8V6bYIrZR6PLBcsdocb5Q71\nD1Rn\r\n=/LCl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4f20e6e641b48a8ec7f7916b83272bb1322a3663","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.87e3be418.0","@material/feature-targeting":"8.0.0-canary.87e3be418.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.87e3be418.0_1593021164298_0.257416967623205","host":"s3://npm-registry-packages"}},"8.0.0-canary.035cf2a6f.0":{"name":"@material/touch-target","version":"8.0.0-canary.035cf2a6f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.035cf2a6f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26956482a3db7c2464b626eaf31e66e61f40dc4b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.035cf2a6f.0.tgz","fileCount":13,"integrity":"sha512-D6gJSab7oVB2+lbURgWmtNifEy+4oK31K47y9H/GJTBbxAFWBH8cPyylckF7HmvXnz8LDxyxRscSF7w611yvAA==","signatures":[{"sig":"MEYCIQDVNMvRB20tW5Dv4Z8WUw5DDOcnSJw0n40ukrmyEu2bUwIhAJ4x8KcPOPhbIz4+RSf7VNpqkOIpEt6iOYnPS4jqHHEx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe852TCRA9TVsSAnZWagAAi0QP/1DYjA1PMJ3ZyeqhE9rz\n0kiv8UbrKFi8MQMYbC8a8875sFJMm5nybE9KgF74AG9KnpbzpA95XbUwI8hw\nxUeo6QZqKoVcP0Vv/eJtQbfz+9F7+l/yZefq6VSbAgRJBIsuveeUGseLDdw7\nHihfBmWgNlJTslYldp1OcW375zsAoq9o7W30fs/easV+WNi7uNK//kNz4Fup\nicuC3ymLhI8bk82m+C4KSRhOlfvIOBytOxZN7BUsO+NKQv2naa/zxl9i3TS+\nIpcM/dcCG0mGKDoXf2bEYScKLOzrcGkISyycPNXT3mwlzu0FYKUDflUWjZTC\nq57atMwJ2v3gO0Z5jj/lLJBcMmQSkuTcsJ1ww12j2IAJXEp77blJuGge6dXG\ni2zXJAJTD0u6I9CZ2GrNYzXVqiTumy7vdCFR39/kZFSSznFLmxWOa2JRnRui\n/5YlI+JW+4Rot5OWsVlLrwAjmTmZYq7LZyTVWpdNpj5BXuDVfUYUesGyT3EP\nd3sPGHnFcYVjsaU0R8lYEhDaMeCBd1j97X1tw2lyE1vf7d3UFYsn2YOOmpCv\nOGKLZcca77jSKs495NGubGXuDxbxI2yIqgF4nfBo5ncR9FfOemoW10qivSNQ\n+5FFZ+wX7QbDEQfAYzsx+sYtu/DKqV/rwVhLTQ17yjd+7GqYcXLaoPOVXA2Z\nJgh5\r\n=R7Iz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b41149a9f9767b120dac2367ee34f615761dcf3d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.035cf2a6f.0","@material/feature-targeting":"8.0.0-canary.035cf2a6f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.035cf2a6f.0_1593023890735_0.8818294948402627","host":"s3://npm-registry-packages"}},"8.0.0-canary.2fed2c12f.0":{"name":"@material/touch-target","version":"8.0.0-canary.2fed2c12f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.2fed2c12f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e8c43b94dcbb37e0570420490db3f66990216fa0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.2fed2c12f.0.tgz","fileCount":13,"integrity":"sha512-2bzortenS96Lc30iBFgIiMVY5r7f+l2tjuAJRGcysPKizGEAWI2e1gBAO46CRj7FCnRGhXLrQ0UF4lJe9/yfPQ==","signatures":[{"sig":"MEQCIDOzuudnuyhm83aAEIKekuBfuHMyusys0VaCXt7KB+trAiBj4ZT5EGjwVH+xY4KCVe54bbo9Yakqgu4HzoHzgLaCug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9QJnCRA9TVsSAnZWagAADcYP/RbrxUW0iFwuP4zOWXBi\nwmivJacFGCFU2vDL2p8Btm/eoSgl+1hzGidCZyhPJktFeG7Gu3XNsDoxFMO6\ncDdBX+TO48l6gp+3TnHUyp067Y4w+V1hUJMaem0i+SByxAtZDEAreFXhvLXj\nnPMjng6NDMr9Aw4dUUYiRZSSWKF7Wkmuye/VpdRSMblJg0X1z7GHSIDTb1Ew\nFVGIskvLKbATr1Poza6pS1DLWNCx2AFYmqxFpecbguE8zn2lwjjb1teTADm4\nqmWtZQmuHr3Pmy0LC21t1ywvS6KBBSapIqNuG0+xKlOYt3VAn5VcSBU8kdiP\nc9Jlv51GKIznD84y+sn5BZsahGcFqFmayghzHlTcgp90nmlcaU+CHoPpghu/\n1ax6BkuKsTeewzcmDYRxGD88nA1nK3fEASIAYBB8apcnfsl/MwbWlO9Tzmad\ndp2AGIRoLvCbyulWqcF4hW2UjxRcFCCoho8YT2L2GqYlBsPwc/FjHstD5wLl\ne/xORNx4JkeI3CiPu6UbYQbcrdCru3gBeDxmIO148EL3VkpCOaP231s/859L\nagrU0zep5gb7+xOcdjg2uKrPuORhxeqNMPo1m4F86RVAAnuX4pY+BhYiIQIg\npHORYjq9j8sIMyqblpfyOHApyAyPrXs1MdCyN3n3astZYot6yDT0rNBxcTBC\n5iUa\r\n=rl+x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9c7b4d7bb8c365a3b1a4408204f63c124455f635","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.2fed2c12f.0","@material/feature-targeting":"8.0.0-canary.2fed2c12f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.2fed2c12f.0_1593115239009_0.7977601744834806","host":"s3://npm-registry-packages"}},"8.0.0-canary.38197b443.0":{"name":"@material/touch-target","version":"8.0.0-canary.38197b443.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.38197b443.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e73e1f3aed1458ad6a82177b563d5cf455cffff","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.38197b443.0.tgz","fileCount":13,"integrity":"sha512-Kt2nWk2BQR2gMDj3/Wze50mYeHBMHE93n81r29FQpE0RaBRdBEvFesV+lvVbOlAmsPxnHAhIv4kojij39YHevA==","signatures":[{"sig":"MEQCIGvkCLX7BTsweAl10fgA8ZbVOKwvhPBRwQ7cTOnKZopcAiBGMgmHcP7oYoC4eJCqFwUHUor9w74kppyZa8IipAinAw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9RV4CRA9TVsSAnZWagAAuo0P/iOJl7ahji3CpR7mh0rN\ntST6zQJ1XlN4hUXqvO4cCGUZUwlzhzu5FlBBzg3CvlBq5SCmWYeQWgoBO6db\n1naBJpBJiWmswOUFb85blTn5TSvdr87RrFbO55S74aFQltkKEWKTuU7jLKgq\nUtHCDdoAhtlhOFlf9+o0y1mSCPW70pIIDS2QhGfDWFBSKTGenfNL+E7HERL2\n9HuYI/OtydJxFv5DohQc4mXZqZDts6Mo6jX8Vk5nggroyiax0SnII3z3R7Yq\nYqHiVRWi5WjXl9qCnWiQ3Zx1BvLUkx+GxKYfSQL2miiOipOiD3LwHlJLFywf\nFi0+GBPI59oV7X95UllgrUx2Z/wnjBLVmA1yGciqQ07pSEg7gMJzc6OB1Jal\nuPT5N9ww+Ym//nSOLvpkOarKaHaFpUQ7LUQf8Bh8eR/LRi093zbyVCDiCIND\nutpUf/etdfhbX1MW6+v+ViGtyEhps83mFGOrHrvZIcWKfPE/iSjT1K/C+wk7\nNkCVdyVIu3KI0p/KL7a1jc1k35pDE+koJfgy9dJ+R5Ec9dkx1ndeWpoCZYCL\nxsd+bEzsBAkap20XqHZpV+ml2q78MPMNC2fnx2zRgMaXROSNZdGto1mjBK+j\nDC6nQOz0mwyosmovLpnfff9m9KJVKtIGuezUoAwfoL8xd6Qm+a4mJwPrn9UV\n9qoG\r\n=OQbS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d5e18162ee3d69aeff0d489d4f3f73bb1cad7b1c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.38197b443.0","@material/feature-targeting":"8.0.0-canary.38197b443.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.38197b443.0_1593120120433_0.04386599282148418","host":"s3://npm-registry-packages"}},"8.0.0-canary.69a35e80c.0":{"name":"@material/touch-target","version":"8.0.0-canary.69a35e80c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.69a35e80c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"54c1b99ed0cf23213714eb382af51d7f7d290928","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.69a35e80c.0.tgz","fileCount":13,"integrity":"sha512-pgefbtS5oGne0Nlgi1mxv/JR5Y387C4k0cXjWyr2TsMAuyIYYAWud/JvbQ89ZGQ39Pnfc2GzAcFIJ27IcBGsyw==","signatures":[{"sig":"MEQCIFi+0FuCzPeHJasT9HAtbZGMhq1vVOCFJQmJ3tDw45kIAiAMluSj0JmHXdDGx/XBQh6uISxr5tbcvW/qmM/j6H0ViQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9jKDCRA9TVsSAnZWagAADOkP/RPFdO5aI2hE2Cz+2CNy\ni6p6OPtTZ8YAdhp1kuxZQWKbDXSVdf8eGMwQ9ku6NyrZs5G9JCEBJKubpkFn\nx25HdrpNRQCYZ9L3jbOMq1Yrivr9s7BiYZeplvvgoXl2+HfPLmYhaHQZl+dk\nFDkAJzng6Wh8Hin7tm02P3xNTTh2+nhHxWzWeOkSkkHCgZYtRLfocr/tJ1XI\n+iMeOACEIBnNzacoKtfcE1flOL1k2+l5qMYX2z5tZdzvs1WLBxtf+dpME9gl\nl8q803OhCrF+fJhfqi3v8xZGef++hjstW9JFOSGYwogq7VXLnaC61xWUfNS5\nOVR+0uL1hS0nW7el3rmOu8uzgqkx9NyVMCz7BEVriFh/cne1GaGXG8+k/Tgh\npypzU5iPylFtUpIKbogj/VkooJWzg9vbl5uREfFiE2SwHjup6W+0zpl53Sgm\n2idJ7GzdctOkKBlOC7VJBzvlyv4OV0euqwVnUGH45SWMLLAQHtfDEgmTHXjw\n1JC5snZ9YwAeGmbEih0M3wpikZLVGHjgzKRAbKQ3SE5rKxZCn9KuNjlQTMU3\nf1+peOJ63JqzDTUYIb/wCxe/4djNpU+Rx1pcfvkpT+GX2+bp7PNQ7QGjJKei\nyPiZIWQt73Dp0D72hJoBQ60U4qTQPbBf75Wax3Wcb2rHsnkem4QY8EG22+0y\njaNs\r\n=xZfJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"35bab77d7ad4b820da5ee4944c2cc2b7fe1533ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.69a35e80c.0","@material/feature-targeting":"8.0.0-canary.69a35e80c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.69a35e80c.0_1593193091547_0.436971131915995","host":"s3://npm-registry-packages"}},"8.0.0-canary.df7154fb3.0":{"name":"@material/touch-target","version":"8.0.0-canary.df7154fb3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.df7154fb3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4511a4cebfd8339008308866f91be43fbd031284","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.df7154fb3.0.tgz","fileCount":13,"integrity":"sha512-EEn+a/cgzgM4bCkeO4cDzTio3Y6YYyvndgPl92sjfEFnJ35smAh31YHJz0B33rFayPZW2N5WwmTUV45x+/TETQ==","signatures":[{"sig":"MEYCIQDeTM3CEB49o0rsHCAISF0I9SbGvZ/27uJyD930NJGD6gIhAJkoSEXBsjs0/uUKP/ctBva8LO+HonckhcHFBC3O4CcM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9jtrCRA9TVsSAnZWagAAv9gP/2ii/WK5M+CG0mz4jU2f\nGs9nWpO9tBi89W5elcqYWcxmqjvk1h7Cj8UZUqBOZsiUl8g89+k6DGbM54g/\nRfJMli6q0A9O3HZWdsaXV5ZmIo0idBx0m4Y+/TXkBn6lOseomTjTtL98ARHy\n0YEJDX0cnRP31tFKsrYZ+ZJpP4ouVxQVRMtjYWv3qYkmu9dbZBC/2MkEy7VF\nR8QeJQ+jpcYgqh5uJenNmx2goUu2+oIOWkovShpP8LIUeQBoLm2OoZMJJsWQ\n33XxZEdZjjzeQ+Iur1mEI9Qj/qltweu2jAeIOnR4qMozjDIrvrG5ceavnE0F\nMZDnFbSQ5pJLORYEhnzJBLTscWReTbIBs1M1c2DNSltiek7UVzzEMP7BcJWS\npG8GdWaXDwRlU7AmqUCcEYrGBbDOH/ab6ILX7uKeveq6I/iKpngrgbNCMiCI\njyGTtgfcjZMmG06895l0uolDsJEc+WmABNfyO/Dgzu/rRiz27o8PcQUlm1OL\nSt+Nh5+lcUzevFH2/eZYjAr9KYPGhCB4Vu7smBxMaxViDgj2y4fchnG4515H\nfI1DjrvB54x0Q/MHhN88MlD/aZLiZqmS0QknpLHGh+sET8gnoHzuKtJVlcAf\nSIZ1JU6bwmWqI9kZ5DCjudxAkhV5rgGDuejuHfl0DGjH2y9lyEzHsXx3VgL7\nij71\r\n=SqB+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9081758d517c13eb6f120c62abd9689f1fa99906","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.df7154fb3.0","@material/feature-targeting":"8.0.0-canary.df7154fb3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.df7154fb3.0_1593195371407_0.4925816505689462","host":"s3://npm-registry-packages"}},"8.0.0-canary.d5618602a.0":{"name":"@material/touch-target","version":"8.0.0-canary.d5618602a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.d5618602a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f464e26eb2b1d4a8cf15945a8124c8f01b20e534","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.d5618602a.0.tgz","fileCount":13,"integrity":"sha512-4A7yg+kPoF5ZRyvmvlF97RX3eZSARNiIUXHmHmXqjqk6X/Qy0tCYIZwggSaaKc2SxjX59YME7VOr5vsdSGl2Lw==","signatures":[{"sig":"MEUCIBB9FWI/5It8mhS0mM9WMcHLzcAZXtofk+SPlxJvaXipAiEA7UUR3LgdS4UmS/Zymzlw8pkyylNUjjUReNCzZjEDaME=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9m0ACRA9TVsSAnZWagAA3xIP/jdH1oKn4QwCnqFZzI1t\n1TAQ/et1vuGuYzj5NHJ4ZEnckBt97cgWLb6BTAwl63Ya+x5f/vjEINE6sWXY\nN/j4GYDgeE1FilH1AK7v0T+5FkJoDQY8a8XkZovwbs+FvA301moYzefVnf85\nH0ZVFIDlTpDeNDzp1TVoOa8aO8c7F8mqfxmbW2sps1DSaXqPHAsa9l2P8U/8\n7Y0CITJhm4KZSc6mzmYs95HlUHGgNWfWo3G5G/LvBIZIfurlrwTb7dJpkLPM\ngSxpM9wfs4YPvHaMpt1sZSJK/yiBOdtv6i+vi9wtzPidFoSecFt6ZaS5Z8ke\nAhJ05ekyT6grUxITFLxnZKIy5rP8cM+0AAilX5G2wOwDij8lhzka2kuMM3Dc\ntLd9/s4yOj4WhaWrE5668dgQ327TIr+ZWT2bj/vg8if3C/Kqk2JsxuwGXUjH\n5TpOZiHM8WuH9Wt2775rBvEYoNvTBWt8NLf0SV26WisHgef7OErONzZnggoN\ns8O6NHU6U+vu0+4zLEfJgFLL6I+ILXwxOlxPseDu4/LI6AKSUhZ7DM2ILOBI\niEl4jGHXqje8qA8TDcZnyUEg1n+xYi/X7rzMFR9x1tYNOJFdaTgTMPs3xyj9\n9Fa/P6aGRqZVqFkhv7/KF8VA65xFJGNbXrtusp18vrDYJ9CUogqJBZRV4/Ct\nhYND\r\n=p0AV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ced8c184e8043c7ac8faa813b76b9661cbe247c2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.d5618602a.0","@material/feature-targeting":"8.0.0-canary.d5618602a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.d5618602a.0_1593208064523_0.22168465277235683","host":"s3://npm-registry-packages"}},"8.0.0-canary.e590b376b.0":{"name":"@material/touch-target","version":"8.0.0-canary.e590b376b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e590b376b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e1f49c7e431d47d7437e23d7a164610dadc5b7b1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e590b376b.0.tgz","fileCount":13,"integrity":"sha512-pMLL+GaueuhTA+VIhXylTbXXDFEoq1KNb/NKdgIiBjFs9H1nYOAVMQ8TnrfS8ZO32aqB5xj8piPhWlBR3GTWKg==","signatures":[{"sig":"MEYCIQCXhgupf/xVvk8Lcd9xxyoJBZSo9dzmSkChY2EzYvw2mAIhAMpR+P6dTf7U6SJgdcZvxaSLRYnvOobe7vi6o+PuUVoP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9oNZCRA9TVsSAnZWagAAP/cP/3g1bOofA/zq5Fxgpuz0\nmj50OJ76Y4sLnfZ9QRzRcU5ic7w5mJ/10DEu19cQY10qvNbtJsROnWK5ardO\nArFRTmUTgamCccE1E5NRkGOx8EeYEhmElCXp4fVXV6HjVNdYsObIem5Ki6J3\nXegIetal7QHxQqUTdsdvb+Z3WXhKe383Vaw7SqTOsb0SOU4fBEPOYmCTAWft\n2tdqGd95/+fEwXKC/0cBdGjpF1L0mO1LXJ7t5PgNFL8RnCP+LJSmrfOZScZ/\nXvuzvWYos3BJ9wRdSHvocmKBrNWsWGRX2aDf4OV8mTbDf39U9Z5FtxTQITXb\npuaLhzfd/G/GHqjUwYFxsyyRSJ09I7Wldd2K4YxFrD/6EZviEsRG+/pUaPcr\nAQPg1WdeqBZqXaZuwLCMJW/G2vfdIRp/CIZIKMjh6YLEBEMENEz7dHKdzWz/\nZXuDzRJID+7r8XXMlf95NIXac7Q2Qf0yZ/PGtWTkvWD9dn1jvPDiYa36F2W2\nlrF6DWqhXEr+q/EPODMRdQ6WZmvDSuVgUWrLgxTmxHsD/Tg3ulSbh4VvLfsf\nSFxH1ijj7UMb7LYGheQNkmSmZ+1/jJzVivmFLe9PDn+6z4H0bdVba5SmSGBL\nMc48PWwpgp04/5qbCp3aJGmdypZ2Y+ooF9aEpfH4zjp33xF8NcLkQ6WLJ+Ru\ncrEG\r\n=DJT4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0ddfb390b804034a98ec0b8e7741dd3f3250b5ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.e590b376b.0","@material/feature-targeting":"8.0.0-canary.e590b376b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e590b376b.0_1593213784680_0.37059036196067696","host":"s3://npm-registry-packages"}},"8.0.0-canary.0c9d6bd2d.0":{"name":"@material/touch-target","version":"8.0.0-canary.0c9d6bd2d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.0c9d6bd2d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8ba2945c5bf184e56cacf17a74aaaec391cbcd4d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.0c9d6bd2d.0.tgz","fileCount":13,"integrity":"sha512-6/vkWm/XnTR5zbPxctBeN/RA0ciXrSz3uocUAcAxJ9nXmTttYPt0l2UDAQU3qaMwSEUa7W+vMtbRL3FzY+IMfA==","signatures":[{"sig":"MEUCIEBcXlX+ejOsFOtXslkQFlQyRoIofmLtEP035rEUCQoAAiEAkI4Muem3fTHAUgzex0oj88KlH5nUzVf6s5Sz3QG07FU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+iGHCRA9TVsSAnZWagAAxOQP/RWxtn8GoCajnR7/qkzJ\nJ0JAlY+RwXn4X2tgRGODE9G0l7rQYHIrtwbNLftTYKaSGneFiBdf713bhfv1\njeUylQ5rXF30hxV0S2JvbxAc+NcAeeGbxy2yN3ztPw/heOvO3JqBx1g9hHX0\n2LC1pC/XnGS+pTfEKk6VIUd7TGpCecvZDNrZUbvEg/Ec21ZU3mCz95ezGzBR\nzjTA9Z5OzXzEsuPnZcVVl2OHH4U2vLuuMQ36Mg1NR1XypFHaJZQ/oZbw4dlB\nte0VT3Giij1f0XHmBQrx5EJNXLJfMJ2teVrh6xMxa9Md3kHyjSRc468Vwnc8\nIHm0XSWLxgiuVmUuTaTLtLi/BB4oYJUMMyBpnDk1I255l+XMk5cRb1FF+0LH\nET6aMXwspty8HsVbkQVEhs42ZNOWhIrytx3CKKGJMkHgzjaql5rQ1nDwt3ZM\nd3COAlkVooqyLDAkj/63ZaYs7afUYlx/8/pqGaG04VvxThQOZzoRcVYrVE8+\nBHu2YSghIdiZAFnivvKHgxWZkeJi9ePtdIFhNg0cKW9WgoaJkoMkIosxl52a\ngVFJ5GNHtymQglmQ+QWqL628+csfzv+7KlBUWHJmfGS1BTuUqiMlrmyaIdVi\nTUz7KWNOPIuUT9VLVWT2P/bSTqG+J19fbjn8UBG6BGLyCPFXG9rSpM1D176G\nhBeU\r\n=bph7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4f171433da859f637823aa04bc12d72783771f90","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.0c9d6bd2d.0","@material/feature-targeting":"8.0.0-canary.0c9d6bd2d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.0c9d6bd2d.0_1593450887124_0.41552943736290215","host":"s3://npm-registry-packages"}},"8.0.0-canary.c1fec4246.0":{"name":"@material/touch-target","version":"8.0.0-canary.c1fec4246.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.c1fec4246.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7671c7b6ad81783de5dc6353dfb270d3614bb5d2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.c1fec4246.0.tgz","fileCount":13,"integrity":"sha512-k+7z+YC/m8tAbbr2w6TTTk9hAi/nB5mxeP5T9zfD51RViXcvqz4v81gE+wiglSbCYX9SMONr2Hp0I4cjoOBRlA==","signatures":[{"sig":"MEQCIFCOaju2NWKhlTVY7cZNPH4LnJ5RffabQSTStHU5gZ2nAiADGfMxg7VOQq3HU5XGFp76VaFQ3mPjiZuHMuiM7mhhmw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+iUTCRA9TVsSAnZWagAAOV4P/3YnBQPXTk5b/C0dcn6l\nxLbyHP8bNrmvRzuuoySJHM2/raM6XnAN42Q+qlKPTEjz1lhAFBXnYBeHgXO6\nhBG71GTprVJ7gKVIKpk4AUop+/uNlTK2pb/gTEwJ/wWzRzOuTAhRQDTfxEiX\nhprP/Y3fZaGt5BFDlbrTpe9M6+cr5Mc9dmaJzYWuCUqToXUpxIbNlxnpJkrI\niIdDIzXU4pw6Qrv+exmPEpQwVK9ZLK609H6xyk4bo+KUE/4nA2J0zMI05pGg\nsIZKzb3X1a4EZnexBvJrrQP1ZpacITsP8MprZuKtr4/n76IPIEKzi5XJgLGd\nDHHTmecOHNPw3fSZR0dhOZlheme+B1glRAd8+VHSGJXa8QHIlECxTNpNFTzh\nSX0s7PlqrtloIXMmiWcEw3Z/rYk++ptGZCA5AjcD/76Dq4wGL/0cpxz/ysO9\nYZ1NGTKHqSc+9pEuTNdKId3nIrVi/XI7H1w4oexSNnwefINyzDCFXYR4OqcA\nusykHPI7n5aO3auDPmNqKEQZz8fmN1cS2qzY8GMolSrg/+OlKDepbQRWFxVC\nwnTcg5ID4+mttxs1zUaDP0b/ybBExj7+liYTFqEWAGnPD689LS6wrgUG8k2D\ncE0KH2OgHqqr2OztTjl7A9Wz5a5Pk38FPGbx9HU6+QybpFhxA1h3VX/8bMv1\nbGmy\r\n=+CLt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0a588e37208b314f42e946ab4add50d0ad1ebf7c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.c1fec4246.0","@material/feature-targeting":"8.0.0-canary.c1fec4246.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.c1fec4246.0_1593451794379_0.9411374154413477","host":"s3://npm-registry-packages"}},"8.0.0-canary.c678a9d34.0":{"name":"@material/touch-target","version":"8.0.0-canary.c678a9d34.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.c678a9d34.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"52e7d1a1dafb51a307a9e1e738542aff19035083","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.c678a9d34.0.tgz","fileCount":13,"integrity":"sha512-MSAOtBjY8F7FZHRWR1yntj3snumS8HoZ/jcDM/Vvp0duYtrlwe+EVP81bh5t20fSQDzRJAZ2VHvbqXFRbPwvsw==","signatures":[{"sig":"MEUCIQDkNjJ1UtwI1yo6eegC+3tVMQoRf7PaBY92d2otMTYlDQIgf2YvKZcBvVYfUCpcnCgHeridLCn11SGyzMxh2eKhAe0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+ioPCRA9TVsSAnZWagAA/E0P/j6WQombcou7uOynRd4p\nIIvpa35qGtV1x6RMAR+jFUX7/URebIFM22X8VkOwirQBkjw/Uv1RERr8i8P7\nmn2YxVqRMfb+gVfJBxoBr1uiS5XAjD8CkubN+umfzStCnA8QTpTLME0N/647\n9uCvH0KJjJNgR3ryqcz4041DCKB8Bet9rhM7BcFdISmZkqGcThECikKjOPp5\nI0BP7dTPEKfQ+6KTfad1Aixpw6an3Swpr62vgbppxmmNWkppqbAMZcQNEqzR\nYzrJgLT90OOmQAKmqvsFeHkxsGaWf0ljhwGKdVfvGINtncpHQU3v8JfX4M1n\ncRFTvNdWw+xBC2vNGJq/z9uUweA5b0y49WU8n1oLT5PrP4YtnqdOKOkoXl11\nAgfk0kbYwthC/ne/OJ0Ta1x+eCPlAJu+Uc3BANna+wD5OZF60gtOeOrk38EK\nSXu9W0XRPchKgXV1laBUlNfozGyGkWmABtliPggfXUOVWVrbwuKwgE2vb7ND\nn3MjgfvTL0zckatC83c3vpYADXQNGRNxjmqAR87eepc1QuDsMQa7NYSqAKmk\nu8g0Xnh9VlU0WtodgJBSRnbe75t6L7juRYZUiHTSGvyMDchapqg48Ct9n+u9\nEgcycbr5+DtxZ94jtplSjCH3UD+qo1PewxhG0fAnk7sWdAh4HH+EjfK39pZ8\nDI1h\r\n=44tw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bc361f7c6bcb498f3a6dbbe6255c06a66b7dea5a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.c678a9d34.0","@material/feature-targeting":"8.0.0-canary.c678a9d34.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.c678a9d34.0_1593453070763_0.04529239479334368","host":"s3://npm-registry-packages"}},"8.0.0-canary.521afaf6e.0":{"name":"@material/touch-target","version":"8.0.0-canary.521afaf6e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.521afaf6e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa44512d6ac6ea63532a8d5fa29f30745d2d8ab8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.521afaf6e.0.tgz","fileCount":13,"integrity":"sha512-43hzZmDUk52xTqxCrQguQ9dy2J98A8xGv5BODd/fx7N3mnIPXAgdENG4UhT2bIXfvbaDsk/cw4Swd2SbYG1CBw==","signatures":[{"sig":"MEUCIQD/bD4h2BB/vtZZ5EBcJRSU4C/Yz/VaXtMqiOUU1VruTAIgMG+luBCz4XvwDLzpjA6gjK0O+ZXSdhpZGh7RJuDUFCw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+1STCRA9TVsSAnZWagAANroP/0RAxXuCBjbcHuzBAx6i\nnkTFC2qHxAAFImDKW8yGnvOwQJTXHud105B2EMpx4VGTWiqIEVdrAKrq0/oK\n7Nxt02IBiafxHLk+3X0cQHKTThRV0iDZJWl4gZtpdXCE+V03QzRPrFOoi7Bl\n8Cfsfwnb/Vl22biGa7sMqfkX/B0hnCDaRbCsIHw1j/kTf07TMzwb6q9iGgRD\nzQAqfNxML0bxcFb5H2CtU3vxTH1CNdgaqf/IL8VKyQCJrPqdP6a+dluMKhqL\nPDdv2gZKThqlXLBiTAfspZ2gxj0OhfrR7RQG6Y4ILmNNTgDnGtTwbJPl0mPm\nwP1/euiU6UZeK62RFousIp5qWNOQ2reuqaZhs9+OOY37dP2gbxdYPzpJRgZr\ngAhF6EDAAUxRB0Qi/EvU2vN8+zQRBDfAiRC78gLd+Fka7r9N4iQUks8DsrjG\nyqgj5p/hW3BkRDgGcnF0HgYqrKqv3vA/4mPEJoLKSc9L/4NoEYonyaXzFHA/\nP1zLPFSgf6dZn7pRVCeMF6u96anjLP3be6EuPs7GRupoc2RL8bJBZwxMTZhj\n66X5HBonCzwFKy1z8owo0oYzEwezQrX1iX6+dJEL1NrCBydZpwsIMmDCB05t\nyv9gW82wVXF/rn7ivLGifxQdJXKLlYyx7yAJkciwenfct+PSAvfe0anTfgRc\n81ug\r\n=B/4Z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7ef14e207a6031cf299541a4dd72c2eafba3ef91","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.521afaf6e.0","@material/feature-targeting":"8.0.0-canary.521afaf6e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.521afaf6e.0_1593529490895_0.6136953869391528","host":"s3://npm-registry-packages"}},"8.0.0-canary.a2ad48839.0":{"name":"@material/touch-target","version":"8.0.0-canary.a2ad48839.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.a2ad48839.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b4c3f099d87d3106dd533c6684b180e26558b628","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.a2ad48839.0.tgz","fileCount":13,"integrity":"sha512-bNCnXeOcehCeGZZahwwQPKC4FXKnH4Evjv6Fsy4hfeK75fTnazdBu/YrhctvKtysnvDDc39CAvZ1evz5wghoPA==","signatures":[{"sig":"MEYCIQC13jZFa8K+RqAEBGmApVAJC+rShzt6Aoo+DGxeHBBcpAIhAOrfY6eVe7RL9WlE5rusCbhs0qI2kkHnCMmNR+d7pHgz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+47rCRA9TVsSAnZWagAArlEP/RTz96C7Oi21bTqbfxU/\nT3nRHAAKYiv2uo+f54iv7UqAqbMNA78/Yt7CDufgVk+CzwYhgodofMM0T6+C\nqIvw/dRA1HqMYABCvLFrUJ2WGliVGySB4dzvuiwsVNs281xpei71JWL0BZYa\nLQPQeDN965/+p04gGmBeDvo/NI7CfJQU/V9Cb2rak1yVmIP+1m1ABTEmqaCg\niplewjMyuE4m7HzSlCHWMiQX+J39tFE8awSHZW+EiB+yoyscnoCUJsbWz9ZO\nv7llfiB+qLomjwEeN3zfFABHBnO9INxMLbcrff4DGvP6toNkY1OuqMk126q8\nzeN4Pj0fjhAbsJkfBkkiLT53kSGSUOpZjzUOAZhjbmDGtSY9zcztxm+vb7xE\nUNQGDYNXGNXen3/GlnlGrvIaCObcH5XmPiJAlyiP7BTzDboFCEe0eznDCQJ/\n/2XKqBXTJlzOroE0uaE5+9YOOdNld4/CuPcm8uILUEAyQu1IRmnbUCTxZs3/\nsV0aWCnEV7tzX5h/QiZmK7c7qwDRjpqwAat2f5cF8wH7xzkcNEjbjOcc0Rhs\nA5ThCw/qyfn4Zt+/E5D+Cac/Ifo03KjAWkfUpnp1aFb8AJWKs6vJc5RUlJ/j\n7zHWzEy7qGknjjsClVA6toUXg3cnLyCPyvCgfnrgG/0r7ZVh/JLnH0GHJFZo\nHoSF\r\n=t97A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f7f949a98e604fd4cce2507e8d63c145d2f34e55","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.a2ad48839.0","@material/feature-targeting":"8.0.0-canary.a2ad48839.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.a2ad48839.0_1593544427423_0.9630379397603457","host":"s3://npm-registry-packages"}},"8.0.0-canary.ec2385881.0":{"name":"@material/touch-target","version":"8.0.0-canary.ec2385881.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.ec2385881.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ee4029b8754269ea3b58f8e45499ed8e44f09ae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.ec2385881.0.tgz","fileCount":13,"integrity":"sha512-7Kdfkxpro0sJlnXXiD2uGg2Zm6J9IHPkTv7UA9Uta2ZYC/MGKj1SZYRYsXoLIDKld63ShriykZZaLnU3dv3dPA==","signatures":[{"sig":"MEQCIEEhaN8kpyehLbIclIUtMUU6HnM/9B9cWQKKwyzZB7kAAiB1JekkRiHNC6JyBWhG2EBtjRze8ogBhywoXXl9nDOiWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+7KvCRA9TVsSAnZWagAAroMP/ia7Tni+qgeobLQLGDBv\nbVin3h08/A674v9POGyQG0NR3qJSF19plvyWKWKXDctMngWXUHU5oqEo2RER\ntg5gMaIHAERsIQ9uZJnoXMagQPj1+tahq4SqiX6HVyQ73RI2Iy48zsgpPYss\nBKECkrI6BJDf0nGheY1bytJpN0JPO6u+r7tEKwQcMKZUCueA7Hm7d5EwK/ZN\nAHH0YFVPtLjxuOskzcPosesTQiETO7tlnQgVkeTBXCL43+x70RavDgXHdgqP\nxDZKyWeGSEp70aR9OyhfXZVEuYhdsx5FMDMxvdTpIS5di870YUcQFSnNvRdv\nr2kzxIoxhyRjmVWCU0pj9tDeUJg9O/eKuwwxRfs4wgLIhZ/EcvNqMpCO5F2R\nEh5rxFwXs8GJzKCK65Xky3HA0pS1TzejxGftXuwomPjHwtDY+KhIOfBC5Kz/\nMVHaxpP9V/FqYnPSeyZk6drCdWb4QnJEEHV8bRgOso5hFP2S0y3Xk0ERxIZU\ngFODH2kN0ygNU1GRzFffsaDO8XNCNB2TcgD8jkp8z3g0zSJEljZFKS2tR4Qr\nnxnyS7BpRT5O63rK/Q1QIfeCkEf/jhlmv8a1lEAoB80WP+aARdhCZN0DJQKU\nWMdp1L0mvOu4+1qHJSTEEzrWPypc4HS6ee+GleZ3SgCJ+mtNZ02x+lqdXH3P\nTeS+\r\n=kUOO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0039d314b5ff29856a2f17a5ede426f3f01c80bc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.ec2385881.0","@material/feature-targeting":"8.0.0-canary.ec2385881.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.ec2385881.0_1593553582792_0.7395904918517686","host":"s3://npm-registry-packages"}},"8.0.0-canary.610c26c4a.0":{"name":"@material/touch-target","version":"8.0.0-canary.610c26c4a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.610c26c4a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7236ad316284c2753a8d3bcbd9a2a95d0863e668","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.610c26c4a.0.tgz","fileCount":13,"integrity":"sha512-BZWXdY1U30QZf3rgrezY9vjfVulyF2ri/NJII4oOOeGE8QRLI98kSxGDZYeH5FdtgdWoNJAF01lc0wMYRV+IOQ==","signatures":[{"sig":"MEQCIAb0DLBhNnoXSzg2llrN4cK1P/E/GBzlI2c0I0R3Vl+9AiAi6rPAHoRMZAfDfIqqLLE8J7pI7jBn/rVbaCI7pGYwKA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/KPlCRA9TVsSAnZWagAATr0P/j7MwWXDgYyvKKWL6AHQ\nJVVTLbAbNpN+KFu8I0NtsupkS5s05EaJGj5WDLCPwe1FbR6dyrRX96Bn/Qs1\n0uVJZldy3l9CyYuSnRl8gSGoDRZcQBrhpPmaR8RTmcn2xFNTVXma8WcVUBtT\na8zYMoIOKQjsxxzKt9hFdreyk/mISk/3y3Ph4yE7z/QY517k3FxlOVmkKEI0\nf1UvHwUPKsz6Psb4B4RotBxhiEmRCnbbp0xaVx4dYmc5a7kwwOk6uguGC7tp\nJaDOV2LKwJ50OcPc17FZZSW3TNriK88GF1tUFBkMnPfdYaex5WNLWX/Iq1iJ\nFaoK2okcICqxS9araui3zj6ydFs+Bg8J0HFKUhFe1PlmqoealBQ8PwKO/g8z\nvegNsNWB2xa/QuTvQtYml8nGlsRA46YYj1L4vru2AP80QD4loCq/r7eN3cZU\n4StreK2JyEPAvqd0i2MC26ReUArw6RGsBH67uSky+Rjk4EHWNMH8RtL85rU4\nPcZjPkfsvHpcXU1LxDjwqpSNUe8oZS6WKPS5pZFlN+FPDI9RPjn8OXJzPH2m\nPp8uusDlTdRqOdmmGyBY+EiG5D8ji8SnaR0JtA8dRs6oaJzrRYC/aKIORlSr\nw1Y96l4/tlMe5sJFwC9fnfszG7Yuowh84px1w7grlEunhQmvPe2SlPnBMp88\nahZC\r\n=mu4Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"84352d6873c8f275f890267635fa416189f57a3a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.610c26c4a.0","@material/feature-targeting":"8.0.0-canary.610c26c4a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.610c26c4a.0_1593615333592_0.8238136525815323","host":"s3://npm-registry-packages"}},"8.0.0-canary.e2ea4a99e.0":{"name":"@material/touch-target","version":"8.0.0-canary.e2ea4a99e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e2ea4a99e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b55ae9d2788010eba2ad6111ec0b503365cd692e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e2ea4a99e.0.tgz","fileCount":13,"integrity":"sha512-rqmJLkPb32Os3F2ugsM9rXApP7XhfkdMAurE5oEoxjOYLSnHdBebqtk1pkVlJVZrvtole8XCH3VdnHnvY4c4Nw==","signatures":[{"sig":"MEQCIHBxn0QacZOuUlYk+EFyspY/llc6ImYdoE4IRldiBXZYAiBiZw/te3a7GffFllu7BaWIbZliYzvGnZZQ2WV+oc/fWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/ONtCRA9TVsSAnZWagAANZcP/2FxhNEPQch4BDlJ+0NP\ny/Q8isrqSc5rMuyR35M7umQhXvLnO8BszoARe7veVMpcLcR3QTm3iJA7lgW2\nhlr+CQAmtXBhC4v1twLIsyj/2GVe7nuY3jo9hgmKwN8iHFRF0bSzkx0NNr+q\n2Z7qH19dXaCKw0X3UpDc9uCxxDVcrHMfHjhIyQ1QHHx2eSUqbh0sgFS6lwKe\nLGS1t5kmUaGzMuFm6DpJjTj1zU3jXiDPOesxaxF+83yhr2cdv1zXD7jTAvr4\nqmP6YzVGmKMARa3u6X6NBNeQfqwD5UNrY1SW27Vt4wqr30zg6tijgijy9pAF\n8wQO5Dne06x0zcXfSfQrHaOxjrJNCUJbDgoMpIpZBlmsw3R6GAE2BU1wb7U8\nBp4R6Ar/XR4+PITm+G034uoXymmY97anC4OVk9TqAecZnLMnz57u+BEuxtqT\nN+WWUuD9w4PWUgX1/dgxu9Ua349CWtFYbrxFcu5WefmVr8PyB1JwLGU78S1G\nkLCkse+Zj+hCbaWI61pVEspuZ5XVylPflUb3k9+D9be4Z7ZGdMRUTqI25rDx\nokORGFWpq/KtUx3VIl0roAE1rYXhGZ5ZC3FWrDmF4iHlQ6/eoqx+JHLiu2ju\nZcp6wmbqSI+Sf1Pl/vyhAocl+P401azylnBR5mEGQmSxt4UDVkmdSOewJmQS\ndNMS\r\n=CYpD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"42e9f40d91c643a9770e5a563a204c7f36196a3b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.e2ea4a99e.0","@material/feature-targeting":"8.0.0-canary.e2ea4a99e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e2ea4a99e.0_1593631596884_0.580498775174636","host":"s3://npm-registry-packages"}},"8.0.0-canary.a78ceb112.0":{"name":"@material/touch-target","version":"8.0.0-canary.a78ceb112.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.a78ceb112.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dcacd182c99e3eae5547ffe26bc758fca252cfae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.a78ceb112.0.tgz","fileCount":13,"integrity":"sha512-ZnwbC6Cd5Z5Fep1GGQozL5GQXbSSwNehdIbyOs5nDJCFikJIX5DYlYHVFvwhzB/rexhTzGQPaKLjUPUhYXGpoA==","signatures":[{"sig":"MEUCICxxmJZqo5pLVs17U5kdBQtThx1btwIHA+YxNHuGjHATAiEAhUFx0Z6Wlxyo5kFPHzPs6/6Gt5Fbw3v8Gece8JTpqp0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/OYwCRA9TVsSAnZWagAAEZEP/2cQXB1plLqv4biYXHCt\nChkZZc2piNRYTJI6Wpsz4ZFn+ngidfhoaQDnpCB10is7Nz2h/Lvg2TZ12Szu\nAFNflwqD1ABdAhhhU9grDHKVROOdpH7iPUyAcwnWsJEf0BgHa/D7jZ8CB9RL\nyzNwV1/i0yxxW48ZiNVIL61I24Xhc6ON2T/NeyN+u1XfbfccL2hNgKPWYme8\n+l4DndHMZRwbZsAcoWrcwphnxWKVgV+1aZcq00gZqnEzfxYLW025RxVlrFRa\nuhqfOTH2q2LTxwJlE2TK8KRvwbi89huo+GAAiddOclXtYkAk0N5981kMuK3+\nIO0SbEKB19jGnQ3UIcpNM7qwaa9nawOV6NhITLCN0pow8zl3h5yGJaTIlWnv\n1/eCWcksZXGNFzlb+BVrqxtVh9Fhq4HNyZcWTU3TmhOvlT7bIkOyiOMrbpjV\nTJhTSvge8ZPVs3sdPBMM44gi17SjnlUaYaY61v0QOtTbOnCoZxv0w/vDcXQO\nbxZUNpH1T42XIQKSRtdbd/eYdcc4wb6dcc09rfXTG6/7nIR0PPanz8Q6KNzq\nU/kvRD9SOE9n7cxKpqhrg1vviNgVr3fDUDn9pvEfJa02lXTT32UZh8BrnanH\nEmY1G26eI3CNCzsgp54WpLn/2YswiHrcyftgDM3+RtT+XC2RyrZSzPCFBgp1\nyPBy\r\n=Wvtw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3a38e39f3d172dfa99254185d8b0d4c03dcc61e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.a78ceb112.0","@material/feature-targeting":"8.0.0-canary.a78ceb112.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.a78ceb112.0_1593632304259_0.03237044623140917","host":"s3://npm-registry-packages"}},"8.0.0-canary.b0c456d33.0":{"name":"@material/touch-target","version":"8.0.0-canary.b0c456d33.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.b0c456d33.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7b74987e842bcac7afce7899a8b01617dc112b73","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.b0c456d33.0.tgz","fileCount":13,"integrity":"sha512-u5JXoLgsYdf1rvC9v+eTF4y/rx9YZ56/jR1/fiC4oa2f7oIBUP0NMdYp1M5UJPJvpBcHS3J/S+tCCYtzoW+3UQ==","signatures":[{"sig":"MEUCIHJFxer8qbR1H5QyisAJh+gCDwIfHbeRbhhcAP+l63iRAiEAqygUfTkdhIuFWoFmYxtOtCzt5mYZtSNSOOWGFYXI9aQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA6hmCRA9TVsSAnZWagAA+4AQAIaDKE8MQy6HywjZ5gVU\nOKybQRLf6z1tVTQdKAHW7Jhq44E+IN7/JmU3I59wlR1YVOdf4Ta2OdoUXkwG\nKav0ceyAFdbltdOgUwHDzKcJ10DcNGMmrerImFru/AtsB+pGH3JHPCEatpxq\nD+wZXEF+eVjq7HTW/UDFq5QoNlc3+R7OxJ7AGI/886NKlX+543bYaCTUkG6Y\ngnYTjuxXgVkUlB6BuoaGog7bEix+FN+nHROg7NZnMu5/Vuk/Nrsoiimb5Fu8\n12JhJWiVFQ58ec0MQFuq+6aY++UWyS7kYAQNngRO6b/ympebIEnH6FOE/GPw\nTtj1l2CjD/GVs+nwPMbkcgYkqybgb5yZXTnnfqECdi7lwqXoYK0MTwLXzsS6\nIUCoBTP0V9C8z8MrgZvtYaZGLMsP7dQeQ2VPxIKE6regDAyhp6gtH9rVoj3F\nM2UVy6SoNHJm6ulmxnKEwKbuOzwWhe6Q7FB2tqPSGkNfA5x2lbv6dF6bn/Bt\nZwpoJOJg7B+Sce/RwQVR7WhRPUV23apZ1FSLk60nALdEWmSZfXwP+PCRzyLd\nMVOjRnk8B4xNrScgdnR7JjoqrD9kOaSjpMYV6E9OWmoq2Nx+T9Uux55J6H1N\n7GJlE0z4tbmOsvO8DTIMATFlyQm0b/W5tjbNvUNkpLpcRRjrI02qB/iaplyJ\n7Cis\r\n=Q5XP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c9a540f1489e069a2e5cd262f5daabc034039d2a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.b0c456d33.0","@material/feature-targeting":"8.0.0-canary.b0c456d33.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.b0c456d33.0_1594075237650_0.5808306074320602","host":"s3://npm-registry-packages"}},"8.0.0-canary.2e5711e04.0":{"name":"@material/touch-target","version":"8.0.0-canary.2e5711e04.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.2e5711e04.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"acc295de5767f1a9948ea60f4c96c9e4be567198","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.2e5711e04.0.tgz","fileCount":13,"integrity":"sha512-BJcEnYk8OpeWZInbMUg+LHJ6hx3qJuU8sUZGZ0eIEfHPzU9s1KZOnA7TRzHHnQG6dm1BlGK3UTw9RJQ+ZmdoBQ==","signatures":[{"sig":"MEQCIFzet7TbcDsx1sVxPP0KcPrggXuJQfuFo/a7IM4PQgW8AiBWQnFVfHoE+qVK2WS8IbLA6qpdAklCwOBr5QpWmCh/zA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBfidCRA9TVsSAnZWagAAHooP/RovYedn83W3DGvZRvml\nw4BW6CSj2++e+Y1ExFoAOP5kA0P/NUYmaF5LlHjj6+Crpw94w3xXWbX5ijNn\nX3QRU3botxeaLexnoDF5QLoPGEONLfZldUrrstIKcZJaBLo0FmG6T9E7vxEX\njDQ+CUPGYz5I35anYSo+pKw473i41TjOoqom7kkFqjnMspU0SUGC22/NSk97\nLnOUv0qT4pHEYi/CbrOULcpNwGGJS+ElE2NBxRxthDWSN27o8KT0rLE5Df7l\nJqjLqkPMj85h7WvuDPiLyqdOYf7vEeBQenkXgnMFeMuJJNqHWFQYKI5pVT5b\nxcd/6V23XHmNeBiVrdoA04IDFnzIjCWxSKMb/AeNd33b8v2MUpow3Be25Y2c\nLQXDLr69hobP4aW2PhNPvJw/17jPXSaqSXcMDOsckRDblVk7BD0H8NV0kfNe\nvGRakaRPY3+vRhOd2gd5Cgda6e3GVuAh7Jj1q2SZotT4QyYeut7qELhBwqOJ\nOlVZjroIKUYNQFhmQMb8htJMOaqhYnEEbhIRx5LvF1JNdt4ddiPz4MDVtYpI\nR4QYwdyDGtB0BoHgacMRjXqUt8Zpz5sjOS8pVTbZ4Fidr0lKIWHxVgfdt7/Y\n4BjnzHyKmkGTteMh1w+wiakI1u8+IjWwiUEpBZk607mGn7t7/kDxLYLDetQB\ngDdr\r\n=BtuQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4786b99e99bbd4c7b7f10a9111b884c165f1bc7d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.2e5711e04.0","@material/feature-targeting":"8.0.0-canary.2e5711e04.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.2e5711e04.0_1594226844402_0.10312751666155973","host":"s3://npm-registry-packages"}},"8.0.0-canary.811fc5d24.0":{"name":"@material/touch-target","version":"8.0.0-canary.811fc5d24.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.811fc5d24.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ecac7fc5d9e5f0e49c9076adb85bd225e2ed40d9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.811fc5d24.0.tgz","fileCount":13,"integrity":"sha512-oyZ51y5PzqodMvgtTtbPZR64oESMFeHYpfCJgLw9e+fJRTjfyhV6+q/46jY3h1ZNdb7WZfmUf+HUGNFHvKaFGg==","signatures":[{"sig":"MEUCIBrAoOizuTkWKXM62V4rh/0gcaeQUFxVC5nQ4JbPjjToAiEA7xwjYcCHY62+Ukdgk5Yh28DA7vrXeZxjavGP8Ofm7Wo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBf8lCRA9TVsSAnZWagAApsUP/1iW1/+lGYEpYniuGSWs\nhZXkEvKtloQ/d0aTnZKuyH4j1s8VVaMvxKaUsYxKQqF3w8DSHSNBAV6zD4vA\nSEdaAYEqYkAVA69cnwLWYz9EreChArUaCgxgq2ZFbq/7/dL10TXrrv+T7zcW\nBpFvne2xTeFZek2Mm6o80xV06mmrIv/BXkwe+RuhChmP/971QWE3O2It8N9s\nY8huxEaGFOe72yLWHtjSQTBoVIzRYNcm7vW+tQDW8LO4Jy4IXmQYKjI4Y+GE\nEjgGqO7aLOhFIOXF3sVtW6FbAG4ZR3BhelzxN28lNnNas7VxvHNtDNfJzgfz\nDOy0rP7sBLow/dZMWrinhPllJh8lWL771Y4v6NWhXFEJwSvhMHpF9La+QxgD\nT9PsGdG/5p81/JMaP6kIfl0fZrWzZcLuqchjo2xKaUN5MFAeqJjkDZrE8GqU\n8QsZoYuilUVXB4rWhXFLv5otFOyRgymWtStWlTHzrVDj+O//rRdeM9jShl7s\naia+IxbqP7p5XvNiZE8zfCprBRijWs5LiDhpFe4T3HRA9cWTyfIlPH5msOXJ\nCIQ+vsy0HVKA3CAjsiY+lXaU9ISujovJJOt7HiHVHPamT/e7tisr/qm/DP0P\nXBTKWgqOoIZYwHZN1azMXCjPGdllQtf+JaTDzHv4uRSwEP43GCfrQu5I8xGK\nzije\r\n=QdP8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d1a1abefb8800a6dcc0cb20f74923403ee1ca66d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.811fc5d24.0","@material/feature-targeting":"8.0.0-canary.811fc5d24.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.811fc5d24.0_1594228516502_0.050874467275911384","host":"s3://npm-registry-packages"}},"8.0.0-canary.6ed717ddd.0":{"name":"@material/touch-target","version":"8.0.0-canary.6ed717ddd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.6ed717ddd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d1be25fa61962a4704f2b7b4bb78cceeaaa575f5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.6ed717ddd.0.tgz","fileCount":13,"integrity":"sha512-KDq4iEvoEpvFBLBNNkXeVFi7C40w9LTMheOxoo9eFu86GU2v4Pa3xKwU4EZmm1pH2sr5eW8sRvxHFOWH00w1kA==","signatures":[{"sig":"MEUCIDayWD+iv4I20/xdoZTBj1DzGLKDdTd2ulCY8qqzdPCFAiEAjD5kl5TtS0aa1Z5oEhv08rDW6TgUmxvt+jiIHZjOpeY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBiHkCRA9TVsSAnZWagAAyqgP/2XBQB5vcKK7xR6kgHqs\nbiPu1PoiB/4qhOuDIQkMkIsHRcMdvQFFoIhtehSgbeAE8A7yFUKU8G6D3wm/\noFh2JEa0xnE9PJfbaS330M925YND4qmjaVw6uZd4V5ehgMdtR43Css5HjZqm\nUQxXXNDtpnXEN35jHR9oM3fp25qxj/fFvDOBzBslgpwQ5qZo3tkh3zqrp4gc\nyTbgjuzfTnPsf8+jAdCZxiitkOpPrq0cHmgySv4hA0SHz1hoJMqxfi3Btu4F\nAmkZwJx7PufxmGCmqi5YwtEkxbnYorbeOvMhyoeGlreTGx2bSlt3nVn6tR6Z\n/QYt1qItdy74fij42nBrPv0fubk0fZUujf/qO+zFj6Uiy2ewJqYyUspwkPKR\nTvoBRLz0EsuB+jl1RKTpNbcy8bH8b8jfT3xTVxK0XqSsR6MoEJj3WndOWU5L\nmOQeRWT26h/oSQFd+Nm1eVqXU6lGEo4+2EwtxLQOtJWB7MbQNKM824qfJ/TV\nCvu6Hu9U5o1pyFdtOdk9VuYpTyb2RcyJi7hu0wvepF4Zphyo5rSPOCGsnrhK\nGpRF12S479HCrLBYN9Ajty+CdXvFfCxq0W0YdVpwKYVpeHPWfp/yus/eK3tN\nLqqvFVcoUgqHwx4gj2sa3duosMaFsx164jVDCCuH5cBu4FbT/jp7XxUjbUQ2\ntk6r\r\n=yaOh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7c9c6df731e0edf42938b11082973eba27e870e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.6ed717ddd.0","@material/feature-targeting":"8.0.0-canary.6ed717ddd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.6ed717ddd.0_1594237412186_0.2829059520577981","host":"s3://npm-registry-packages"}},"8.0.0-canary.d850de590.0":{"name":"@material/touch-target","version":"8.0.0-canary.d850de590.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.d850de590.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"64eca9b221f9ef80b695b1b55297f825c61530e1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.d850de590.0.tgz","fileCount":13,"integrity":"sha512-1PpQqXaaBUppGrne03clR1/P2hpmINS1xYbsgt+rWo7CHrSD6gXTuJl3ZkWxXknsgVF+AXlf6q3F1t72KFp2PA==","signatures":[{"sig":"MEUCIDz0uNfwe0MU7nVcTmITxdXtkZzlbKFXk3JvFGoClmd6AiEAqqtHASSpPqG4ElpR3WauptFyPjp0NnRoCHS2CDSHDpM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB1xJCRA9TVsSAnZWagAA4icP/jo7AYGnK1pK/ehOw3Cs\nly/B0EWRQkvV/J/YMqY1WzlFfxy+vWpjzttzzyiHhRvkSRWV8ZWvAzINVmoj\nKnDYI64pSEV1YazU50UC8RzNQS651UMHKqgNBdIR8oqyqN9q6b2nWSf7kl31\nVDnLmq7WxoKT1LiQGlwwVEcr26+fF8RKUENLscb5j4AXUkQZ8DDI/QolqEEF\nrINbOwkh0a4zxy8s8yuS4ZATp1IfeB3tMwfvBT3j5deHlDdseP6fS4FI9NiY\nP+Pi0CKvJZlrS/ZT4DZtqNP4P7PNcRmYt4xOFv7dLh8qt19dohr52RnExzpI\nl4fF96hc0u1KMJllp1teVs4gq7v+G5JjNWuOUsj7xNeXGY+NrQg92feUfQ7Y\n5RKk7YLyBjKJu6wDZMr9BI4knmP22U1jElKJdL7SekIEBHRv9Kf4KKGOT6pE\nJEoPrMeP8YbjGl1Ihou31/+sbXgL5nhRAllEu8AEtrVx3OYHpDSUeCWFtyF8\nY29sUZ6sPOQvjsKslL285jxa4atO0fIOEOMNh2hSMIVpCV8MGQ8vogmych/P\n9gRz9XIRhYIjfeAj+mTBYvAYU5QWbX2wCG2mIiSvn13FSkNHo393waRhjggV\nLykZuOjdcq8QDx1V3/o06ArizPF+LCVMEDpbQJs4sNHLWrN2zSoehAyZqYa3\nnf2v\r\n=eju2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"85039ad97bde95db4d57918266320d54c581a680","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.d850de590.0","@material/feature-targeting":"8.0.0-canary.d850de590.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.d850de590.0_1594317896693_0.9802162578957918","host":"s3://npm-registry-packages"}},"8.0.0-canary.e07a70841.0":{"name":"@material/touch-target","version":"8.0.0-canary.e07a70841.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e07a70841.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14f48c321f5feb11019a610b658a93c1876510af","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e07a70841.0.tgz","fileCount":13,"integrity":"sha512-xmlqX7p5mjFIhqKlTIj6icb+f9h00mcvxmPMmAGHQlsYPR3CwStvlmLypWAMklWaRVTvEX7Fkb3xjbhsAgt78A==","signatures":[{"sig":"MEUCIF9NuWsIve7dioWJzVzCqzjLCrBs8Tt+amIGqEt5KPIoAiEA75wZqsMpkuNFxL2G8KECNxq7hy/zTi8ZJa4COm/K3jY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB2NICRA9TVsSAnZWagAANNkP/07adtAhEVK/+mqgL1mZ\nNXU2a8n60H0QfA1uRQB94Kd6+qi27h6HO250S5LYvGMWsm4bFuTozbwlOkHl\nG//Y92TMeg0nSqKENEI76wYGusIaMUBF8tg2rmyHg4wSl7dyrE0QWmXrQ767\nsLX/guqKYDJN19GVtawooLkRrnYw2YmOomF1LDlOQmnpAbD8qvb0srm7fFLh\n9Qx5ejkgPmig9emhKy24yFvASSHTN+EYNAP5ipcabC3hk+kvANBlRcPZ8n1J\nkZtzKtEp/8Ti4V0AOIZbPg20cSjdycnNSJrpTOA5uGwaVENqhfkGhddKdZcA\nCMmOQdj6yH0bVv6/NFoAgHNYZ/JdYGp+PvfodnoNyTO65493kMwCqcHKMDDj\nsacpgw+Pjt9wb5vTo2UmXFFKbdKu/tnc4eKhvbgFAr4Onw9sphAbJjPwZh+U\n6P7HIpWRYLs6FphfrILiTGSm/x/5gMVa5b6Ldxw7DzmhpJovSfmDzHDbL+dA\nrMNPhQPPX6Cn7G0H2qL8v0sG559iNhEsQU39EoI3PMenrn9tdIIimNOUJOFb\n7+EjgvhZLP9aNxXm0VFOgvlbrK5Er/1vNS9QyBUUNzeGX/+6j5CgirsE246I\nFflrXXQTO2KSO4PBw3FEBQRW/vTT9bAxFM29127zK5IKVbeaZpql1HQmbOxu\nlP7t\r\n=Xt2Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"105e9fd32899b2c9a4309baf6e879287104cc0e9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.e07a70841.0","@material/feature-targeting":"8.0.0-canary.e07a70841.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e07a70841.0_1594319688242_0.5539931974112113","host":"s3://npm-registry-packages"}},"8.0.0-canary.37947ed6c.0":{"name":"@material/touch-target","version":"8.0.0-canary.37947ed6c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.37947ed6c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6fd9b81538f4cb069f084baffdb3179994ef8f6b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.37947ed6c.0.tgz","fileCount":13,"integrity":"sha512-eaBx9Ywdf9iD6xl/wUMk2eNVQwtBK7CBU7smtz/Xbp6CiW5nQFFuQRjxjbkzeWc8f+psiD+49aoMoRcE3I8QyQ==","signatures":[{"sig":"MEUCIQDBEEd5jLXiXUcsH84EmqVHuLQfvN03NMvoqrpwKhQmvwIgNUbh5b2o/hf8+lwndud1JryEunwN6TLmlDHaMi/x3TU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB3+SCRA9TVsSAnZWagAA9IIP/127XUvHRnkdJXhqkBpR\nLglZ+t/Hku8gONFNOzSpWkhCyXKEBNy0D4l2Wjb5fB9tXj9mQyWiD7qA2xbs\n7bkTxPyA/05QYZM21rYpoiw+HSDd655gU8KMEW3dEHGpOFex50YqBp+oaHzQ\nh20f95mJtsfMLy04vS8L1GU6ff+rWbI1t/zKTe4Bg7DJRhsavnN+G4yMBOPN\nwMvDRzSFILzoe5oWu0CFql+YM0npt+D/LD0cGVkxqvDXbP9gQEuBjikATHqK\nTTQbkkKDy9HFA/vH3m0Dw7kYXr8OQhiaHOuScSIS7WhQQHvGEYHp3bQa+g8w\npIqwSoquOXaD9GmrYWSSwxe88six6DzEZ4txzwQgtysgP0/4MjV4ep7HNcum\nb2XeLYPo+aN93sotJud5zARLyAGSrZcxfOznK/ioORp7zLKWKkcoYnXU3AP9\nsBTQWvv7DbySywZW/oCZU5c6p9iEbD+WSiCzaclVdOlVAgteUInki7KrJJeW\nXTgd7avHhTJZSynTuU4FI8AN5nW5eozlQXySKxsr+v3vL8MU0A5tkZEpJY1m\n5VHXckBqDs03c43wlGN1czjtxj8TvexPOGnKfDJzd3V2oWRTnAp5GpF6ndwh\nLkc3wPedOJFgxdtDpsaiVy/wcJKhYQdV5IktqBwUX/lq7FnB/TyXh9UAk3CU\nJaiS\r\n=00YU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"80c4a00e688d5a2b1a35ee55744d879b782effed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.37947ed6c.0","@material/feature-targeting":"8.0.0-canary.37947ed6c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.37947ed6c.0_1594326929719_0.22659488973559783","host":"s3://npm-registry-packages"}},"8.0.0-canary.5d443afec.0":{"name":"@material/touch-target","version":"8.0.0-canary.5d443afec.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.5d443afec.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5d1b434d8890effd1483b61d21af9b15012e22c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.5d443afec.0.tgz","fileCount":13,"integrity":"sha512-imTpcBn61Z7tAOtI9aa3vZDlGy6YQBv44SyFILj/UmMeDvNyrvoz6DAwrGd1xQ8igw9nirG81flQTG1m6GYamQ==","signatures":[{"sig":"MEUCIQDxen+KG8j6E5qqnJ46eXTaA0wBo1xnp9R4d8rYMwCTIAIgPYf997n+Rn7v58hhBn47zB+upUJshxta/HW/UhI5uWg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB4NECRA9TVsSAnZWagAA9AsP/0KZTHU5Hyt3cEevkuKH\neD+CMKuVIaILEKTe84RNU3aXKhgMysv//9dHZRULhd0cGMmYI/9TILDB9J/D\n1IrXtV84pWWhUIJyTFccMVDhJmrdOI9gp6RA+EnDYQD3e+1bu7RWRBZyQhQT\nYWzP+V08RUa/wqKorTIxytvrjDblI4Srs6xAsZaMk75hEVD5mty6dlrAdFLl\n+x2o8r/Ie4Y51iuaQ+sUNm2Qd5aR7PXGCyIeL0tms4NF0tix7LGB3RA+/lxp\nMDMlzZPYlCA2lBYzPksdIECOj03YLH8Y8UkuBzuq/BV2lbPYkNrxMCg6IttS\nSZs92+gRWvXEcCM7RDC7hswQ3/+gxSsDdjFsSH9C0YPUyGRKGy3O4jlCoWbD\nKw1eDIUC8Zzj4kty3m0+DdmzzW/wH1q2S2V7pbgP7yqVUaf+kCZONhSmKVp5\nuNXIPdhvFeUxX2gLa5ooX18LYcRSJRlkKwcYtcewC4MyPlk/jN7W2W26F6Sk\nW2k4FWf0/Nk+mT4HULLiWD7gqyk/GwpMmLz5oQA0vMSIxF71FBwEANerwBui\nlWv63CAwELM4bLt6kBHCMtCY7JilutE8rne9tlYVXJnc/XaebBclU/+d72Sj\nAnFX3ve7wvw9bivtulH+1BlUdti4XW1ZErPI9ZKxsyFTVtzo3+/b9G5denA5\nOz/Q\r\n=58Hx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5c493d15f89898617c3127c53145bc51e8e60930","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.5d443afec.0","@material/feature-targeting":"8.0.0-canary.5d443afec.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.5d443afec.0_1594327875628_0.08244065627599939","host":"s3://npm-registry-packages"}},"8.0.0-canary.9ac1ed914.0":{"name":"@material/touch-target","version":"8.0.0-canary.9ac1ed914.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.9ac1ed914.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e3ef4286101e9e88ce0c126e01b85455dfdb151","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.9ac1ed914.0.tgz","fileCount":13,"integrity":"sha512-UHT7rYioEqOE9Z5Un3pOfIw5sQVZr7yBhhpgmegj9eYbGsQX13HligAulXwCHcGzplljLRHs1OsRxVE72DMmjg==","signatures":[{"sig":"MEUCIQDzO6s3/tk10++KB1R1ZvGJ6hbbTA7RYPQ4/5RqSa5qSAIgBCY1YM5AjeXGAu1l12XPLmVf9PCrp0g1h+X/+M2PEpQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB4oKCRA9TVsSAnZWagAAh2gP/2VccRZ7jRMlZcCgpH6q\nKwUgv5hs1DDCgq87u1FfIiFtm2gtkNHXAL4Yq/Z3OVKIrk8FRvW22KWlxoJt\n6Oq08F2ZkX2ezvK56zK8ZrqUcLIYbXGHLAdJGORz8rpLaPaOfBp+cWsfIh9a\n0E8A2l3zm9uacwpBoEAJ4zQN+Hwi2RIW4WKaSvaGzKucm/+ypG5NS/4q4IKZ\nqH8khMKZkfNWSnnJZyEbaT9wHwS+ilNRXRLy/1VcWXlMqit16HA9mlFUXDmU\nCetqrTm3VFvFvwtL5VmsPcvHu7rYe9tjV5J7XLFfHK9q0dp5J+pQzw8xDh3R\nPl+1To8O7itqQXq1e3Y1VyQ4QfqsEu/GEZpP2mUOEiMnQm2B47vz9StD/wEw\nNzCNjGIGAatYu3H9MmzbDtMTUyTG81VfNXZ1zz5T7FrOrpucwzy1KwVfNPS6\n5Hi4AECGVr8bjJV3n8GP5A61jqkYb3AtWlbz+YvlfdtrdQmXYLq2eaDk4H2w\n5weacP2NtYpe8OBtn5xWX/u5r6yFmG86bKx6kgp2dAIGOIzYkFn3qyF8+rzx\no3sj2Y4QZf13IbrOxcFRG6lKVP+GKsIUplqKwJwGGL0VXMEmvWNBGHwNnMOq\nXeYZkTFDVf6jbz+bb4QQwVCSLtz8EEDSAtVQaRe9rRefx3p/0AExIAA8WQpD\nDvjx\r\n=ZNVF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c08d3c600bb022db1bcb4efe520bed724e653a77","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.9ac1ed914.0","@material/feature-targeting":"8.0.0-canary.9ac1ed914.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.9ac1ed914.0_1594329609885_0.8777950204952996","host":"s3://npm-registry-packages"}},"8.0.0-canary.1e7cb6198.0":{"name":"@material/touch-target","version":"8.0.0-canary.1e7cb6198.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.1e7cb6198.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7bcbb85f00bf63e2144ffbcc4f9ff06e30936919","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.1e7cb6198.0.tgz","fileCount":13,"integrity":"sha512-R3pS0Nno3V8cS8CAYhlFDRW6poqejT8nPlqBEJUZTteegwQZXtesJXF6snKyASJxUEfRVx5Dxc16bOWAG5aCqA==","signatures":[{"sig":"MEQCIGaOIjvMy8AEyx7UE2rk6WQj4OWwD1ASIsAg3Fc4Gui2AiBs/WpAx8QcqXeZmRpcQyYzUVsP6FTXj+PwDtQLHtqqcg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB5YkCRA9TVsSAnZWagAABK4P/jmWeysmjcy3LIEsCAoj\nwbbNU8sCFLsVTw7trH5UmrTcr15RHZJft3wHfuyk8z+t9rHGw6xI2k6H8KLe\nxXZwMalEHN/tUZ3KQH/J9ly1mJi5Zy2beTYIYy1YIEFcR0K5xQ7r/DOv/YFp\nWdtSn8PUxKNS2lSeF139muDSRXmdmDS2w3Vj2l4+xoRHxEvkXWV5D7f5BMQd\nfkEFyVO7co1OVu2bFQgleJAd1WD28JEMx6OBKNPEPrTLsI8afEqrUY562Ktg\nEDHVQT6Eyt5iC6uLakkZP8PFVWW1Cd6BvzdwzDz76oOov6gLQy+CxtnTURC6\nh+BEMesie/Gq4JdP+/suLYnZzJ7UfeaAU1cGg9/1LWEZpDU2iDR7zYcincHi\n1VgEq14CcXaPzqR+5k1KnDc81qVUa5mxFDE1v1qLhqm4z9XE6niUxRuyKR5R\nvM4E7Bc8oXwgTodwhr1rwVsnjKKLVHVwvwERL8hAehC68kAPZmekMflUEue7\nvF4csNxF41jH33lPaT0+V18UL7OSmiCB+IZxpRXv/Iqd5CN+SCIMSqF5IglI\nAuXUtIL9DZKzm1D7jr+Y17TUKn6LmGfTHaIAcGfLSW499sHtXVRofP8Sj6nA\nz2T4+w8YOuG2SgFDN8v/57cCjeAJ2JSU2GiI/SXYs0Tgbgaczlox9g1lwbCF\np8w6\r\n=+RuO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cbdbb55d01ed2f63aeafe8d77fffd1da5fcfc011","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.1e7cb6198.0","@material/feature-targeting":"8.0.0-canary.1e7cb6198.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.1e7cb6198.0_1594332707541_0.3587938783048743","host":"s3://npm-registry-packages"}},"8.0.0-canary.843f636c0.0":{"name":"@material/touch-target","version":"8.0.0-canary.843f636c0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.843f636c0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e97aea9c94f21b4a3f1f0d6d84125c84b14e2200","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.843f636c0.0.tgz","fileCount":13,"integrity":"sha512-nWkumQYJ8xaIXUuTsYHUjzpgXuAHW07t5wYHmHXp5nTfC2WhCrAUDL1m22/ybhO7rqchzr/wtTgRH1k0muaRKA==","signatures":[{"sig":"MEUCIQCj1zCL4+JLBqUeLC1A1Y0MeeDKgogvhVRqccwX7ToMHQIgWM5XxM42OTe1pbQyKoceKcLb0JxClw2VVxhn8t2LBzM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCKhzCRA9TVsSAnZWagAAYOsP/3g8TqHwMuXIct8rLip+\n4UdpfBpgQUSZIE4CRhcUF7mFa6U49cZ63V3QTjAsTRFFr3EgzasmWOHJoF0O\nTZHfa+vh30gAGfgDscQOeoc91fZEpu/4ZalStANcTuBaooOAKEvTLQABhH0Q\ngKCbPirL9sO/GLXqy6i7FJvCMkGofa4zx8QTDGgsgQXjDHsQFtzvRiDd5noP\nU61af3WpoW890pnPkEyv4a3x+ZLVsGZPxxBSzYb0uleBCMXEP8vUHpmbGr+p\n4iRTuekFHlDNnsRfEpQjnZ3pA6jgg38dsKdQGLuGBOoWob1jFQjOlTpCNoEL\nrOyPCjAIci9BXOTSSjYhL1gEBdgp20eAqphCFLWgeM7pBG02ZO5DRMu/sLV8\n6mI4tDX1UaRrVv1o/x06snSTLl2mar9ClDZZGxZp0RcFPV7sHzY/5X3ic7RS\nma9wPeSZqfhTgQXNdmmaUVQXfmDG4W1BvClhpbqDHcOUjkkA1tidWC/QqNyb\nQ7x64pns+f7MtU9fDMIWaYcKRfJZV30TE0y7+X6tIKiAPiI5DzQ8cUuwi8+A\nwZWzNErIo618g650y/JzBNhmSmwR5RJcNQFpzIIDvVpold8A6Karr8b02rdy\nthbSGN+kXeMBRiZV7iEbjGuT+MNnhtv3wkHS2wqhv60mlF1mxJ2+L0diklyq\nSElv\r\n=Cnnb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"641b40da40cd73b439cefa7fa18c86bfdf31e497","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.843f636c0.0","@material/feature-targeting":"8.0.0-canary.843f636c0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.843f636c0.0_1594402930893_0.5333755800546534","host":"s3://npm-registry-packages"}},"8.0.0-canary.b2edaeead.0":{"name":"@material/touch-target","version":"8.0.0-canary.b2edaeead.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.b2edaeead.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d0ef4172f6b0f43d8c3816147edbda261a6ff04","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.b2edaeead.0.tgz","fileCount":13,"integrity":"sha512-ayxe0j91YKmuCja4PLF9CqOHfB5pYvqCe/MCf0h3lISkydwH8HymhRaExSKkqMHl8ooWiRiiTmeHMjlGYGCvcw==","signatures":[{"sig":"MEQCIHD7AXabXi3z9j/+dvL1MTsgAHjvo3j1AxsEA5tTg65nAiAubkKjMkv+0GuaWfxrifORh3SWpLI5R+27SuLKU8rtnQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCK4yCRA9TVsSAnZWagAAhKUP/ik1nH0N5+x/x4uNTOsG\nJbuG4yHLXCZDcf3TfanKA8cxPUHSSaNh270vplel6On3U+yjMYvpexmHfHB6\nIf2PMfWxDURRl8XnXd67vtSQuW8ZZMB+Jlat4MY5dchG+VAsyhpecbXhmDsZ\nGWd2G5GyqV4pDINmCrIgtcWdr+xlhjftwM1URNihCKwfFdMce6zJ3mxen1aO\nXc+/zncovxuHPBP5Wakah2xOCP3YFlYXlt0OgirFfJixlB2aMEfrCgAwbP5s\nrFRXF7Klow7Fc/63v6lzqidMrjJhYFiM7a8tkJFvEp1QXAN9iISEGPVTmh5s\nAyj6LUms2zDCNd2jHpwYhk5Rrft0R2243yyog8o1nFt0ym4+gTy+ZNb4Bm07\nKzC6FvX29sKEUANBcnQU5SAGVPBUK5OAZ7d0MDpptahQqkVAwUaOwHWWKGqz\nnOIyaTcFnqW53lZZoddHMuUpqoBMf17CPe0bycW028t2M3CJVznahlRIpInI\nZge300GH2WZsObtexDjgQ9FiBruiG+Mtts/JfxFMe1D6ANVC/2iZiX1BwvbP\n1VwJoCk+Y8voTAUzXRn0p6H5v58enLIVJWrOIIgHc1DVArThOrNDRmm7c3eF\nshdpHoqnyuCwfh+cTJZ6tjQD0HAuqChrcilTT7DCP/lhdCZfwCZnvjdeGjcN\npyaI\r\n=eTE7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"874d83aed6fef221001b68d44bfceb30072cc18c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.b2edaeead.0","@material/feature-targeting":"8.0.0-canary.b2edaeead.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.b2edaeead.0_1594404402371_0.2531956133499713","host":"s3://npm-registry-packages"}},"8.0.0-canary.5dac1f624.0":{"name":"@material/touch-target","version":"8.0.0-canary.5dac1f624.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.5dac1f624.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"10710ed5ba35dbcf0304326cbb987cc625e1fe6c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.5dac1f624.0.tgz","fileCount":13,"integrity":"sha512-/Y9Jt2ML/MtzViNFN8JQl9im/hrwa+boObxWTBOSBUafMPtiqSaeI2OXJpZC83M+8UbKPSOdgVl9luzotaQ9WQ==","signatures":[{"sig":"MEQCIBlqyDNco9/AE8o/7UO+6itk3xvw1kuO1g8ox60zy/QkAiBypRRELDI2D04VB04IMEWW0iNXadcZ1gXAcKKouaiUsA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDIztCRA9TVsSAnZWagAA72EP/38PoiyVkuVrSkC1sSf7\nfvPMgLgjHS3C70wThbmQl1CtvdbqCS0Z1JKy7ltn38ZY/IaoZRqk7BVWrTCx\nflzK3lJzCSafpUff+GYGXVD7jZk64Hkn1B0/MXHGVJeXR9vr2+7nyxXK9aLZ\nVp2vjorYH0BVUoccTghAN2lxu5/UAAWqglgPeSgZA1XHMD66VpPRXx9d4e9f\n2WI3ycPKpDZwkwHCg0eaV/rtxfptB0ncbhLevlbLHKhR0q7jEP+wkXcUAPYC\nrBd/cwpp3idHBeB+Wxw7mS3/dAR4FGH0aLj/EbCtCITKzlln9ElDzmyUBb0Z\nb4etjM9D1MgDNuehBvttHkYM8l+ecjRLAOHqKyn9bszcn6yl/rPZA55gbQFW\n6ebJpxCVso2gwqEyA8JtlQYmpGUZESPZsepIm1h8z0ahNK/K/UhOA4U80xo5\nf9S9NAESPSSh9j6FzrmYvUOUqn+ab79Rb7PaM/EzH2qoTe1czmaovgi4b4zi\nAXca43B+j2s2hU3DzCrgS1rKlvgS9SPPKVbMexf7VSQtWw5MCbH/4MIKNDac\nOb3r4q2QqDNo2Sj1J1ianASQ2ZPIzVmZR5a18jC6vqKqM9UqTFdbilPAw4hc\nxXeMclKTzdQXYzR73FWcFZmUDnafJCAgXL8GStEqssS3dZgAX3Y+XxFR6HB+\nwsnt\r\n=oTks\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3acf16b30fe876c0d319f5d1681d177bd0089cbd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.5dac1f624.0","@material/feature-targeting":"8.0.0-canary.5dac1f624.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.5dac1f624.0_1594658028790_0.571115853072031","host":"s3://npm-registry-packages"}},"8.0.0-canary.4497acef8.0":{"name":"@material/touch-target","version":"8.0.0-canary.4497acef8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.4497acef8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34ace25d45face1ed86e1efe2bebe3365aae9ba6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.4497acef8.0.tgz","fileCount":13,"integrity":"sha512-6hSBZlCtwJ+nrQoHhRNTRY1XjXw5+U/Gx+GDPAcFBMsDbMegf2pygItx0xRWc1mvu5tz9W22nPgAN15BGbRJzw==","signatures":[{"sig":"MEUCIBlIMeN+v0PE9Fg+RbKI3lxz03GzfroI2hCP/XDbr2NfAiEA0drlGz3F/qTDpEytTpUT3p5QjkBfm0jl1ELiCyJ15mY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDb7xCRA9TVsSAnZWagAAkb4P/2vtkGq73R0bmjbntRht\nTzMWVGfzC+CorOlp+tMAMAkPpBxTyEZoyzYTbiRduPHt1lTfbTa4xa0Fpefh\nOXgkg5CfmLjJDD9GIs+ynP8ygQP0MH8yAfTcUnpMwUlnDU2D2LSSnj5kURJY\n5Y3ju6uu/Xy1QCOrhtkO6B1enJTEFXFIcH3mE6MQoSV3s6Rc9vhTnI1sBSBV\nq4VK4qdzyTh1DRcbNWxVzE0y0PoZylTLrD9FlWp61ZPFYCGZZ+rtHcGA/GXk\n0MQr/wXKeWejlqKVs3LHcFXXAbYxfbE3Muyjw4kj8bxUBIOIamHMC8If4t8V\n/ejh3AKMUljNEoNVXXzIcH/5WjfKCon/mKe89kGWmKogfOBMuxHRbhJY5edS\nieZ+EriDcL+OTGdEV5V4Ups6D6HJl1hM0GjEOttopWAR6MHaAmXnGg9fhxcj\nNLaXfXow4bB0TDScaIanqw23p8ri4y0sQUAHmkr4rTL90523o+T7h95bl0nR\nN9tTxEVdqXCYChqbLTj+5Gr/h6nRTGcgks85xt+zAigk/THcozUbWmuduv6z\nlHMpHa5girrQCoJdNrtFYp2ft4d3HsS+J3ADpyqYaYxPy9ZBeGafnC3eKgkn\nGdl0vRTD6+62TcFMTKBDb9BgG4p3S+xtgETe1Mf2VblD8wg7UevSo6JOS4/5\n6HyY\r\n=NDEO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dc90b63c1737c63427815af4f6de59841a57a1bb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.4497acef8.0","@material/feature-targeting":"8.0.0-canary.4497acef8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.4497acef8.0_1594736368888_0.049557151748323536","host":"s3://npm-registry-packages"}},"8.0.0-canary.e6e23019d.0":{"name":"@material/touch-target","version":"8.0.0-canary.e6e23019d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e6e23019d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f831c9ee4fd3a47942a4e649e7dda74d49b7fbd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e6e23019d.0.tgz","fileCount":13,"integrity":"sha512-ccH/u5CLiFJLIX3C7pJ1GrzTJCy3lWOQ7ItjoD55ZTN2V3TLNKgVQGNTBltrZvKIk8UuW9USRFRJkgXPORwTiw==","signatures":[{"sig":"MEYCIQCc7rMbLQb0iOk1xI4Ub2+aH72pOPoQ8BgKYLhkHjXfNgIhAKASKAlu0785Yxc42UsnNV9XvMQzWdo2JGbkVQBRw/ZV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDhEVCRA9TVsSAnZWagAAyQYQAIDSnhug10R1glV4+IYI\noF3LvUpmbMSZLAG4xFZZao0Wj3jjCNr2Txj5i3XKwgoO/OKG4WHdU6Ay3iNP\nP3qOoNnLwzNy3OoNZBSeynJp+V2p1k6J02HqyjbKmYao/6KzclljnoFfsbiI\n3MMaBW82IUFAGC6ZFCEZxJnW+2uMIde26CMlrHdRubJS+PSKUjYjF5Rq7u0A\nkzSm+2g/SCzIFg3ildtkTA5OT/ncwAjZ+zq5bm3ymLMxayC4wf5N49BTwtpi\nq8wcMoP3wkhDkdjpu5MmI9a7XXJWyoxrBjD4UreAhWBrEkveAA/8Ys7TKh6X\nXR9s6SXtaub/oJMhNNp/Xy7fIOdH017xJ46vuVVNzbq3oJyTCGBLtmeMZlAZ\nBkIESny4IbvqFqLWlF5meMKTSrqErM1MGhDp/K85BvHxXIFqDrHhAIZ6YqV7\nldYhYnkvjdJ6PO41GrgcjA5JURahooiE/sGG/hwPfpz9y7XQ9QSKKtQExcFY\nF4bBXHEgJS0HTliJuUsUinMnrmebs+op8MwZFYjdg20BjS6/kotB7fouYPbD\nmqm/6nCht8+Xg7C1MRZ1zS4KQDQUZ3YiPUoYzDgfEw2yADNTXO3H+QPhbMtB\nHMExM7/L5nGDbIl+b2lsWndZTeS5UjDApFygTpMha7mORyFmJH5HCgQQ+CSx\n1nEV\r\n=HGxQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"db31520d2bb46404d9d5c364a2db4e2bc564e4f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.e6e23019d.0","@material/feature-targeting":"8.0.0-canary.e6e23019d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e6e23019d.0_1594757396980_0.9854648594011679","host":"s3://npm-registry-packages"}},"8.0.0-canary.d548d7a92.0":{"name":"@material/touch-target","version":"8.0.0-canary.d548d7a92.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.d548d7a92.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f2796f5e60562719cdcdda7d08892fc65ed3508f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.d548d7a92.0.tgz","fileCount":13,"integrity":"sha512-8JeqqQ6uRgrG7joLfej8Qdk/P5UTAq24Kp+oq7FG1a9Z5ElZ2DfWw8wA+tRROedrJZtq1W8BHSTYLlEeRztyCg==","signatures":[{"sig":"MEQCIA3jbClBgvB9r5siZD6v+y5WfEZGdp2/lDlMgFfUWbwzAiAK2o9CDTndHRKF2XnnfCIPsUSDlnTcpVZvGaRqWhmX/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDh/ECRA9TVsSAnZWagAA9D4P/01o2p+ZbSneU/B074GN\n4wF0dZU0Ns0SLQpxipjNd+AQGVRO/TWPrd5aULwwNU0PaJkJOJNv+xH/So9y\nKaxqoHsQt0ukrbfstweAUujUstGwtgOjF0P0fbiJuQgQILSAuRdEO32rqs9F\n/zN8adTL9U7P9+mh/amsGYe+YNA7NnfJ3D9hj2ldSdYRNCgHE8oCX7y08JQa\niaB5HQbaTVW6Hd+uXXF8JqRpRs2vIWCmpF+uF6Gh3Pya21OwdgEL2Na2oJiA\nEOt/VnO82ViBWPfpSbqh5ZZ2CsbXsTb+9r3lg4471c9paRrtuE06S913AzvD\nuEzjlOBH6vVrjl3t+jopoB/BRmwKBjnd2OZKr8uaN/14Tmd8YZd2ZE0Jtbx/\nyMz5Jh4lrBXfW5h7RqVGHeh1INu/K3T/NgK1fdv4C44+5w3WkKfWBCJMaIQt\n4SnbrUFwrFWcBFkd8wsCd11RRctRjhatRDW+1gvF1CHrohPp6DEcxUckiIoT\nGmSEqHGHBQ0L1fQujQWRVkV8/jCBULFj/ivewBJkKmvwE9W8iM5K8EkcAKxm\nPAG1NtWt+jhUfa1nLL/8eTN0SG7tS0hlGYIfFvHmx9bqM0uPU8nesVwg/U5E\nVPvUrKjnG8+Tui7279fOi9DpoelrQLmds8yOCTNHmdOiqHeWgRGaidKXSgIp\n/sfZ\r\n=cRCF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9ac3956fa3f0b35d113404de60048e8aa1c1a0a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.d548d7a92.0","@material/feature-targeting":"8.0.0-canary.d548d7a92.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.d548d7a92.0_1594761156199_0.9661394454439898","host":"s3://npm-registry-packages"}},"8.0.0-canary.58ce529cc.0":{"name":"@material/touch-target","version":"8.0.0-canary.58ce529cc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.58ce529cc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"befa1520f74f44c3b24300b3874d911cb121925f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.58ce529cc.0.tgz","fileCount":13,"integrity":"sha512-ceCE7Rztl96su6yx7eE22h0JWNNPmsn6/ZHeAxsLSRAWVxqChk/66z3jkEvIgAK3QCuvI6sLkWCPFdPn2a5ccw==","signatures":[{"sig":"MEUCIQDc4eHLEAYO7BugIV0shpgqwbvIjkSWs3kuYLlrxLoY8QIgJd1zRESnFcSlkHYPinSf3pSit+sA1V4i16xEoBbhfF8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDiA3CRA9TVsSAnZWagAAKv8P/0BFeABzVcphx3FlNia7\nYw6pXPuFyVmbTwaTeR70Qc1RZNRTdhlPWXiDhXZaASKfe6UCQIX90zdL8uZH\nIarCHPtWqy1Fm0QBnnXTok3Sgjd0132gHmg085CrVz14d2nS/JPE4qoPTGhe\nKYihN1wblYGXOnGzW45ItFrsU3MtuSvPgF4eMTn15nua9I4pG2xCWO6ISAC0\nzp6xkVQKktsDVMP7g4MbbwEt/nCmBbbuC/3sC+kjp+tUomjD6jAAOSfnlkNl\nEjiuBDmbllOMOVkX4O5k7QzwupRBA2AJ1nJYJ5Cp5zzhQ74kvttoTxyKTPZK\nbb9zk27cLPM7YEYSKpMSVf1kit6JYIfy5A5NJutgn+cUtTj1ekdWxPCR9uWu\n0DY1ogzoy6wF7O8Qd9hjYtmCSfFLiVxmIpAMNSpmvW4K9UUDeKbTfgZCmFdb\nBrRb8+NrOunlSFKHcFX8codsLgGtqKtDT+FDsAsYwS/aMZS6sE2OttRsq2Qw\nUrded+9pbHD+XwyVtjNlQuCQ7mqBjDkrCD52vTZKNbD3TQh1bq5amnTnvljV\nQExJwrwM1Z+LM9NB3EMG8gmwcnW/ZJoT287tIE/S6o/IiwkO98VtjNLdSVPS\nUZvgFZMULvUyRRr/v7+brcHALLvhlbJaldM8illR7rO7MKSptr/bTWF7cOwo\nMhFC\r\n=Kdji\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c45eee764d94f6c07b8a5b3770c89c8bb4ccfeaf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.58ce529cc.0","@material/feature-targeting":"8.0.0-canary.58ce529cc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.58ce529cc.0_1594761271173_0.6609429014769852","host":"s3://npm-registry-packages"}},"8.0.0-canary.a0f1202dc.0":{"name":"@material/touch-target","version":"8.0.0-canary.a0f1202dc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.a0f1202dc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3053d3463e6da49043abd7986655b717e2c68dae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.a0f1202dc.0.tgz","fileCount":13,"integrity":"sha512-QEDftyPjNGD3LtVPl7ETjG55bxapX0GLjoZHiroJNzjDzu2ivLcksMRU00mIEaDaPro3Ns+NPfLXZq3nDZIqxg==","signatures":[{"sig":"MEUCIQC0U8OpRG3tBEcRW+G6gGcRM+kOJdBQXMobsqdCotojEQIgaXIWtS1rikhYgKO02SBedfnW7o5tOLw1tj/vvTIW8mk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDiS0CRA9TVsSAnZWagAACncQAI0SSjEOH1kNSL0RJ6PJ\n+EAmy/Ob+KMDUJy+YG4GtnV9I3hDeV/XKswsjxIbH5vbAQBzGUFIKSnhCxb7\nSaZTKLr6VDsfPlv725pJ7opp70Of1Ocr1b2n/yI45vNyDTOV//IwP5mpjPU/\nxX+LM/hzZLj5BiTjj8+V+SxBtMaqnaRpZsRmuH4w/72iICvxXJVCEsdvjSYG\niD5/8G0JLituZGr4bUItnQ9wlU7tPBZcWZ/BCW24MAMKix5WPL2nul6sP2IX\nxTN7+BGOFeWGpj0Wc15bl5W4Vwh2+wkXKwryJc76owixu2kUYmU97rXdmLtH\noTXEQ32y3gYFryHjZEOlV10w/XnS7z/m4Mfl1hJZbNrFRnZ1eAHYhb5yqbdx\nZ3z8ZKGLIhBenn9efeV1ZWFLG+KhYmLb73Xt1XCvghn7RKZznqRhF4SKfzk/\nqYGJtE7buRnmdC3CQoz1MPhdhvYFVYCMokAgdxM9G/FrJ2j+PABzxHUPVM+A\njiPfMsSV8EUVgTiT4jeeDoaGLqvi19pSoRyv/MtfRAoII6vZpfM+dAJtSOps\nEFoKj6X5fYS/6XV0F2vvFw6bczsYRsweiPSkui0yk0Lb3pvwMo/mgltgWYbv\nsgnqF+6a5805Nwk25xokpyVS8RG4PPcdeOxIt9oCe1h7OdawYYcOChGgb8mK\nS8b1\r\n=iepC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"93fc447a8bb5a55abbcf4b72084f1c65147f3cc3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.a0f1202dc.0","@material/feature-targeting":"8.0.0-canary.a0f1202dc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.a0f1202dc.0_1594762419774_0.30267957509411114","host":"s3://npm-registry-packages"}},"8.0.0-canary.ad4df58c1.0":{"name":"@material/touch-target","version":"8.0.0-canary.ad4df58c1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.ad4df58c1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d7729e765b9b84be3927bf1362dde8a5257d04c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.ad4df58c1.0.tgz","fileCount":13,"integrity":"sha512-MRz4bMkQvKgaNHVqyjODo60VJNRepRR1IUBVmDpB7hUSDxfW7ZsRUMxn/+hA0tcPTlh9S8M3ueM5vgBMw3XqVw==","signatures":[{"sig":"MEYCIQDHauNcfEGYJ8Lpor2m2NmiNiVZqgIPtZhO/5jOKn5Q5gIhAJr2BMfNscmFKNp4PwhUMbzJcDFnhbdKIG7Il6BlG4+/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDkkVCRA9TVsSAnZWagAALbEP/jRp8x9iCFPuwz7/tywU\nwdrIvvGQlHAzXWVWtPRzsrwsKRvL4WY+bT1wl2to22EZMOBtSDtpDoj3a8qu\nIDye0sBOi6n8/Sv2ln22+4Rp6NJfp5303JCJ4elFGfChuBa/53hQIA5HKQyA\ns4nsHyC6NDLYjZP9Qt+lI78kOO2R2I0Lai0V/l5r1+ZN/sU2b1yrcjs/HaE2\nHxLoechKgri6BbvuMOdr2+AJ3XZfxyO41aScl5Gqt6XpyM35nhJ/1OmPSN74\n+KVJfEDn9tbc/agMosMQwwlOX1+dnYZGFE+FGITY9+Z9to0RvtIXyWxkHGKW\nO61+AVASZkxYlChMqZyBBngUQtzgvnXsCYNbVgOQvyNIOzjGXvpd3+XM+Mtv\nJEyu7EyWxfFjvZhqowiqkOMFewobcBsyZhufMgWNplccqIO6nyXYhfU1Ed27\nUgZOubMXtaCewhElc7Oz12hdty4lxKi6dAU54eun7PmHxPob8UPHh1CEkCPq\nToVZDVjBsXnvPWPA/C+fDp/uE/onSuQDkFXyjTZAr4m6fL/n1vQpaMbNp++8\nsNrswoSjTocU6AQ/ta1hXImJWJAqlI0DX/6v5y2TUNjQqnNXVcWQnxjiiH5R\nW0e0JcYAajQ9QMBKMSonX4lotH54rHltg9VgEE+4+3770eha365x1M1B2Yeg\nHDHt\r\n=P/QZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f3541b13d081357419478232ca7ae0021f2a6b43","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.ad4df58c1.0","@material/feature-targeting":"8.0.0-canary.ad4df58c1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.ad4df58c1.0_1594771733051_0.4766424254382484","host":"s3://npm-registry-packages"}},"8.0.0-canary.01db89053.0":{"name":"@material/touch-target","version":"8.0.0-canary.01db89053.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.01db89053.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c8aa38f52b5c41bcf8fce2968150c6633c76ca6c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.01db89053.0.tgz","fileCount":13,"integrity":"sha512-u+cvl1UDNNPRWVrQrh5vK/Zf19J4eWhcIqS3MCZSLqyvp5ScDRvTL2NpzYqMpwk/nw6fadtnYXSy4gys/FXnow==","signatures":[{"sig":"MEUCIQC9vge9PKDlXLO1Jdrq/VnHpCFhmG/ZkbLYtCIHGdciyAIgUhqxcS0p34US/NYEyLD+PGBvdnMlrX7wLBZ9vGGsFlU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEIKLCRA9TVsSAnZWagAAYT0P/0nbHmVdMXr/PUJP6XJY\n4UyazpkXOKP//SGcfmsPT2CaQ7k9OsJDCCa0lKlnjGRsZ3JMJBLz3ie9Gnet\nGfClAG+S9heRkYzuHhrXZcMvuhh/WPVe9HqPZaV5YPctpmfXcDy8fK2ciwrz\nhHO/bL4OMax5FUI+vZQXl/iMf+A7DEVmfj2B25gA7xaCzztFtZFljF1KBtLn\ne3+RKdESmuL3bi+sU75Ul73JbUtrhuk3tjxJdlWD9ZpKjvteFmQuWLHz0tIn\nCkh6fH2mQXDodgAjlZQzpkq9p7ow4QiNjKlN0w1JVZfyP4mZP0kZIr5RQTB/\ndm5zjJL2Xt2z0VMjWu+Sz8LKPM/2x06EdtJtiNpG1NJbeR7Ihj/Cwu1gb4XI\nF1drvez/OS47Ji8/Dq0G+XR3JarXDBC7h9Y+lLFe5OvrVMc4t/+7FNsAe3r+\nnrphgywZH4Rsm3UkkTCD9lGY4VCDYJnNxxonTg9fGHbie25eB8J6emmD7oWA\noD9s2mAz2ZoZ7ItnqPdNusL3QTpL4D47Cm6ic+a8+0qW9aNSM73nQIU7GuoL\n0ge6h1/kzwZP98gawMUT7/yVHxRTyvLgugE3Xrh8lNRa2tx8ZdWtbOHXpI+e\nvD+hum5Mj8YY5Zd5aXWnvclT/KGgczIt0JeayGcWhn+wdOlY20EPP6B2xbwK\nqUUi\r\n=c9tl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8780c29a82c64caee37ec22f279b264af42412b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.01db89053.0","@material/feature-targeting":"8.0.0-canary.01db89053.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.01db89053.0_1594917515330_0.7044171598760247","host":"s3://npm-registry-packages"}},"8.0.0-canary.fb5a4cdeb.0":{"name":"@material/touch-target","version":"8.0.0-canary.fb5a4cdeb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.fb5a4cdeb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"304d35ff3d46e92b022efbc42a35f54570b9dad0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.fb5a4cdeb.0.tgz","fileCount":13,"integrity":"sha512-k5tciWFjbDgO4GePkq2+JwCKBak7G3B5WOxMLkYNkBXni+3zs7ZfPLRUbf//q8HCKQCKIHFhKtYX7RB3Jxit5Q==","signatures":[{"sig":"MEUCIQChazVK4dADFE9CXeKDJ5NHlcm/ywSldtYgabUzDd9nvgIgUDdlBXS2dSr1Tk0QkcxW+fxm4I9XeJV4hEPProH9yFI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFe5BCRA9TVsSAnZWagAA3PwP/341w4ayq0aCzZJYC1pQ\nrWw47RUUTewS83KKIEuOSFquI5M5XQrWzp8QORJk30Rfek5SqPf6M3J3HV7v\ntEpjuipwlAxtXMp3VpiWD2szWQfVFZaA1W23xLVCBR5kOYC+071jPW9kbks5\nhn34uc++ZXPt5lLAUGL0Ygv1s8exJtxUswz72WmUWLwSrZHQnJu80enalo+J\nzsjl7Zhyo1RuTwOSPA41xwJ6AU5nRthGrCfhn5wjCQU7Ty7YPXyPTC976xlv\n/pyJJd0lHDaRy1w1yyUuP6w8cDJFJxhMTBGYOQSMZBwp2xSUpwfaTWIT5uDm\nEJOks8QueiBO5QDQ4JTALEeRiZ40IxZrjuV/srensg7zlo6+AYWmgnoYNcKX\nPgGX+XGeq7QuA8Wqp24zt6W34KB5DiOkUtIJ7qPx4nTZvvho8r7plRbcQ9WY\nQXOqvP5W5vWyX3RydAz3NLbBgRUs35zq5R5mgdxC9DgEPqJFnEGMVrqtMj9x\nlGNc7xHm1avb4HHUHkXXi7kr+uxLaT1MZTdKOgwqt5Oo3kyfsm3FJ85eM2DI\nr48lVw5fHF/8gTkQUAs6x+w4KeUzZD3rJuHzc8iti19BtEsh9g6rPnmh0fbV\nCCqj8RcUcZ+VoNuq/Q+ulsxjys522GxpoHhVMIY1SYsEvUZDLH9j8mVpNBYQ\neitq\r\n=5kvq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8e80295b6b3e0ec36934f8d691b193c740458d1f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.fb5a4cdeb.0","@material/feature-targeting":"8.0.0-canary.fb5a4cdeb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.fb5a4cdeb.0_1595272769469_0.6111606278249997","host":"s3://npm-registry-packages"}},"8.0.0-canary.8df0f517c.0":{"name":"@material/touch-target","version":"8.0.0-canary.8df0f517c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.8df0f517c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2c629540bd25cb9420c5964c8d208411c5437c01","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.8df0f517c.0.tgz","fileCount":13,"integrity":"sha512-CnRXzd1z1ktPgiXhMDLTN8gyhREvJHk1OCkxcUp/jCwNcm3Karr7KBtbsn8fexIHCCJBJihdAr7owXzLOez0Vg==","signatures":[{"sig":"MEYCIQCEaf+j+pG5sYBO25e/s14hnxz3cdzvx7k3y15NMCaWcgIhAORmH//sPHYP0J2763X6lRzEIXZ6NOT9R6ITfDY2bJfj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFi7cCRA9TVsSAnZWagAAAHcP/iwUg6SR/vli4KztmOZP\nvsDb7w+N+UjHLiMJDGYp9eNuTDX+X6db/Rvp6mrwiOMg90Bz8KuKKOt1ikWq\nDJUrbddf8JvAHIz18+c3sDZyufYuj1s/QhgMwnj4tzFffoUHGWYWnd/RGglF\nq0rUpV1hhNAFu8nkrIONCT1q2agNwWKPQnKbINUMyfGwFvavSOdvnWimvvuw\nEqPRrQB4k+DrtOVBXvjPNL55u0NB/vM1HADTq4tTN7k8G7yP0X1s4dFe0RTd\nEu+9D5IGOaDQZKlxKuHHcAk2eEZLvUbritRAw4WPZBFlHnRW2zAS8x/FOu+w\nGbKhiA578BPyo7djwdZ5IklxH1Oo6+OT0nnzBEatdwM2MHVp6GpNBzVMdwrd\nQeliWZsmeSdDl6xZUHXkfBtMdYwKEmsa/Rt5dEB+VCCllMFkaBjoDox6pS5j\nvgOP1ckzfHvoUySfO7arM7ye7KTXXc44LK4xAyEOJjQVkjQ+N+Vf+WkPNomF\nP1q7QuYNWMT5gQNh5C348wDAphEktuTVnolXbv2FfrUjwgR0n6UDImEIyXCr\nWOuI9RJr9Ian752dHY0sVW424CDgzhGA4mUIRsX/IDj66vYWocgYPPzUA791\npmNuXzSqo4LCLTBQSao7FveAsP+NvolOP5GWxU51szHt5hZBFZiNWvnarcjB\nux8W\r\n=w9Nx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5fca8679b0dad51628e898ac223795eea8e54d56","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.8df0f517c.0","@material/feature-targeting":"8.0.0-canary.8df0f517c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.8df0f517c.0_1595289308362_0.22282281413777882","host":"s3://npm-registry-packages"}},"8.0.0-canary.abcdbcfeb.0":{"name":"@material/touch-target","version":"8.0.0-canary.abcdbcfeb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.abcdbcfeb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3a26f9b3f1e3a56a1e58c873e4fb66581ab5520","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.abcdbcfeb.0.tgz","fileCount":13,"integrity":"sha512-/3p8BYbA20VSkjcS49O779L59mjsaVnyCExJ4j8Hwts77P1W0OerO8Z+f2ecKFuMHjuuoNs5b60N/UZZFeLNoQ==","signatures":[{"sig":"MEUCIQCtk9/otkFeMeVIhKQFsUVRrMzJp+0d3TJsh+dqejWCuAIgfQG8tx/R9RB9+xanzW84swvv/LeVf9LqPJumfJYy4Hg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFjukCRA9TVsSAnZWagAAL5YQAJxMRbiOKE+RUXZlOapr\nv2dY+F2NB4kpw6OqAw9Xk+6mHE9SCI9QFkl0gYblV8eKspywVqIN1JHKDufA\njhGGFVYhAtJtx+E7zLRzNP67u3d+2hwm13nuwupVCU0gmiob4TkQCRCz0TYi\nJZJMc1QYBFPJPx3MW6O/mSNRQQwE6WN6ZME3Dr51vxyvx9Gm0LRpmiJC5sew\neo8K4L+Eu4k1Owte/dec5WqfopHKO2UNcPH7bihFICRvzM4ZnqE24kQeA0JJ\nCnT2wy16g+48c1OXvvLdF4aH6gsgnJjcG6NaGXn1u7Hb08Q6UpSm0eEmIXM0\n86bdN4U4QNOsBZZNrvm7ysQTWAIy+X5sYGX7WXQXOHSujPyK1+oo7mP/cO9c\n0jc3yU7bd5oQ5O6FGZtD9D/pCmuteS9DqstG5bG3/x1E2QpdntLVjn7jzRSU\nnq+o1owO0n2FnapImJJ97olisc1oRqf/X2peAMZoBUXgXaYR05CJh8xGWHv3\nT8Dcke21RTyRDJcJhD1/JAShVoQptaq4v8JX8hrcfTaguhWyamlRpHm76tDM\nuo6ITVo+3MLEQ5JzUyfBo86EO2aSU6PVGRV6W5iRnJ0tGTrt/M1Xu1jOfFdH\nhcH3I1PxyRQPoGMq4QiwHLWY0xPBOEx7591LXLnFvWpDphaM32Ghm8wJsV3F\nck+J\r\n=UdSc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"946720776dd73c7539bfa072ea415124b3e08a55","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.abcdbcfeb.0","@material/feature-targeting":"8.0.0-canary.abcdbcfeb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.abcdbcfeb.0_1595292580555_0.30941006468151966","host":"s3://npm-registry-packages"}},"8.0.0-canary.7bd5075de.0":{"name":"@material/touch-target","version":"8.0.0-canary.7bd5075de.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.7bd5075de.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc1dfbf5b34be7a9c753fc9f042b0d0adb58442f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.7bd5075de.0.tgz","fileCount":13,"integrity":"sha512-HJ2O+z8qkyav4X7dG3OWGNbDWRADZ8Zmyvq4TCU7I7jQmWAZxtsnkAH+hx86IB8FFZ69FKp7Ha10rN/dHJjKDw==","signatures":[{"sig":"MEUCIQCWPr/tjiulDtvwRpvwX+J1Wu5uEMJOIIUAVumOGUfq4QIgFq0B3uYG7Exj905myRZ9elXXoY5LYuOMOKn7NmMAPr0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFzgPCRA9TVsSAnZWagAAne4P/1pGR5vT1K1gpJjw+IHn\n+Cdj1HhngEdMSEdNr0haDMv1Y8/5oM5hE+dopBwtKiVDwCtNWWteTb9VnMDU\n6oXdlfl9gEZy0ljQkYBWgc7U4XL+CbKEnV4bjkuq06GIJjs7jgCaUg/lON2H\nOlLWQYjywPUNMslXFnt8lnEueZcXpRSUlkx3dwo1Mlge3Pnaeo1meU1Kj2eb\numEjycEh0SO96CvLwJQaL3QwF3FrLTAJc2WOlwkvpK1QedORs/h+kNK9VuF+\nVJZ+j0nLKqwXsALX2xuX+fVV99GbqTQV5o/HnR9TPfFyK6be8ayMYhWd05Q4\n3XZN1GllgKu30MJHxe6IyyGk0LnVVDr5iilvqgNx2yLNcZV6Fg1gENibI82p\n2BbffnCcwhds2wj2R886pm0NyT2XDlsOAiPw08fBVdtdB9SA6wEqEeBt6Q4r\njNHm7rCCbiXN7H3+DSC3uPqyupSdbIfev3/7INAQJo/C64w0DxlPsSZQ3FOV\nGqjytOJpkF0okyoWoMpIw/b7NV2dcuCnOcdcY/1aCcjU7K/Dr6pScyrMQXTz\nUSq82PF2dFclm2Iisj/ftXmxMUpds+ZfbKUzuxe3LPtegRnC5TWXfrUa9v08\ngeE1R28QxehuAFAh5qsLFfyz9JyvIjaeLlf8NoGA6pZz08t0WvvCmPYZAddI\nRZou\r\n=rq9l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5ae456e961b208e98164fa21047b3ff2e3f3d8e2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.7bd5075de.0","@material/feature-targeting":"8.0.0-canary.7bd5075de.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.7bd5075de.0_1595357198525_0.29703035289149793","host":"s3://npm-registry-packages"}},"8.0.0-canary.405a29a20.0":{"name":"@material/touch-target","version":"8.0.0-canary.405a29a20.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.405a29a20.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4690746cb41065ecef9cefa75f65b7ec2fb60753","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.405a29a20.0.tgz","fileCount":13,"integrity":"sha512-X3gZ89cGn556KOlP2C1QjYhdDcPfHRJdsQTAyZR5qKhswX4XSAWatiUa27jujdiDysyCV1cFss8E6pXnzxrDQg==","signatures":[{"sig":"MEUCIQDMOgH+CI/qePa7hLCC1AT9PBcA/oHhLvAEl+cUIzsJqwIgJpMubE+w00S6smTOr0MQPqDuAPmTfmUS35MJaeUZkfQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGLw0CRA9TVsSAnZWagAADxgQAICF63zy9rU4SGa5jx0L\n+9KiECRIesmzZ5LY/gcBHpHRcQ551IySQGeidoUSnCtN/fyDryCt5PYaZ1LZ\nGa4QHt8DMjW448sKopG3eHat1FY5/ySSKT7JIQa7vxHNyi51S1Wx9SMT/M3n\nOEi+7DpVBzwzbZXd7XGLtFaAx1CvFHxORcKV1eg/ftqHvIIt/rlBxrRYhYAv\nkU4hkKAVnMHAyXXz3Mu39mc47sZTYl/fjO72xZFg7RTHaxmXKudNhflperQf\nzcf3prvc7XTwUI1btRhzokysslX7dSfdHWT0jcZ/2HL44A1iOTSV/rcsAQhs\nTI88xUZ9ER/erf7H+LaIMoY2tpSJfNuIWGq1SPORcWAW9sor6AJ0P9bo1CAy\nOR+NM9PJdak8Aj6zjxj+CHVypXFAf8Rzy4mVFXSB4S7lqwtABVpAAnCTshCR\nO+btip3j+Yn6DkSO1SekxH2EqVjH9HMyls0g6HwunXcHQ9BOsymSy5eZ8Sv8\nx1PeF6sRSu0Zlvi77jeCJTbzAp4mdsI/ZQnZkRuXuw8eqY1nAHc2LEC4lXCg\nXmqAxXy8q3iLWh/owcSVLktvX9MZV6fEGkalDkls/sTwfgi/1P1/ydpH5a9v\nWNeAhicWJiGL0FFQsjkLKXQM0M6Ml5n3tNIF6mPuhQFPDDLctoadMIf9G2aH\nBRd2\r\n=J670\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"02c4f49285e8229cf49d9e4a0df213ff914b949f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.405a29a20.0","@material/feature-targeting":"8.0.0-canary.405a29a20.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.405a29a20.0_1595456563669_0.5076112857589994","host":"s3://npm-registry-packages"}},"8.0.0-canary.f3693ac4c.0":{"name":"@material/touch-target","version":"8.0.0-canary.f3693ac4c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.f3693ac4c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7bc56c2947e7510b69d20163dca63c495e1f6b8c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.f3693ac4c.0.tgz","fileCount":13,"integrity":"sha512-Nytnt7jAXedzOMnTqXlnCu0eHaGaVeyxwJMFK9W3MR8dQoy35wRoiukKUquuJX+RkW8X0gqlgj1Ipry3QF6uuw==","signatures":[{"sig":"MEQCIHTyejSddPsmOC6JkAnxA75Nx8SoBmAYH5s1PrLM2dAUAiAN9wh34X7vIFZ3bh0m49HIhCdUUe2TuBEoKvwkKJwUdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGL6nCRA9TVsSAnZWagAAufAP/ijzRPeCl7KHc+xxs99i\n9LGYGbV3X1qcg7Qrd7O6DQJdj7iU0APR32Yh/Gzy8g4OPWgDokGJP7yDVo7y\nIiMyQpxrA+y+aq++HF2iVbwnaivTiRrX2pcM8079HM78g15n9X5ivXHeharU\n+H7lETfxCCdMqP6ugCXrbv8lsoTwFRqcJIKlZVFFsXXwIvB/SA9cRPpUX13E\nliXGOSWeFgfVk6oFW1/qmTdnj1AiUCMxJUGpz7hezouG0B/pH1a91Ex+7Yoz\nBfKPFWePhFQyR/LE8Q2RNiOaV3brOahybYJwl+AmMK8jDRE+ZPfIq4qYEWCD\ngoDrrBN5AhUvKYCkkxI25r9JOW4wkO4Z64McnBAXByvKOxSivSlzHtc+TdXZ\nTkf8VsCirPMoMY9QD4JY+4vEnKe1lNcH755xwswlWo5/y2rACnOA9NW365jt\nfSiGM9b/Kxa33P52Y2BIPybTpszI2YgaHajmBTtm3rKS02FCbue4RPmWTGbG\ne8jcWam2lCQ9izWeoSvurMsvyxSwMqK8YOkwjIIIE8tHw0TbQkFgRl7/tRhz\njV0mmqwQGXLV22iRyXdN4QtNs4POSmMG1Yq4MKZJ/T34UU4sFLGExc28xK2r\nyj63pDe4Rsi1Ccb90P9Yqd8LDl2onktC1NwAqxJtIee0cALrmYvXLvn3O8xD\nuCx4\r\n=QTp3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d3170e3936d96d26a6ca17df46c1febcfc33078f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.f3693ac4c.0","@material/feature-targeting":"8.0.0-canary.f3693ac4c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.f3693ac4c.0_1595457191250_0.08030783773473993","host":"s3://npm-registry-packages"}},"8.0.0-canary.12a109680.0":{"name":"@material/touch-target","version":"8.0.0-canary.12a109680.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.12a109680.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"75b230e8f8d862699313207a484cba39df3e8879","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.12a109680.0.tgz","fileCount":13,"integrity":"sha512-rTKADOK4JDuz9M56UVLWsUgdAzsADtcmYb2REinC8hZys8vY+jyXUXaeo6QMs0OjYP5um1vq9IM5rSnpIWwIFg==","signatures":[{"sig":"MEUCIQD5i5i5bEZbEOYG7dOPbwLtXuxlqdlleh3x0OcMRn8epAIgEfPT2IFcI1nA8mcgMlkUrzGNDHu7WkInc+2gKJkvwnQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGMWkCRA9TVsSAnZWagAAQGUP/1zJEkkqix24rqejhIbY\n4kjx5xKMyQlEWUDpe7+LUiE1xoaBw0ocqRszrFzBD/+ZlHEhDivAPTQoOxAc\ndmfHHGcaFvRemSKRCAv1sw2GkFTKcUj1nw8AQahsLcTB5ICrpvtMKLoua/c1\nIM5pxDA0GpVBAFu0l7ERtb/LgvLFCaf8CBvqQ5iuXsULqEE+tj/gYYKGSlSQ\naQVrtViFa6Lr0TD8bj+WGK0aaHBN2RqGlF6NAe9WHNssThpr/DxArQGa8j1j\nq4mxLGy+lzYytnPvxNtRvE+Hh3LboYuXbYmvMCThAvrgzV3eMEGBahu3+VrV\nezSCkwtc9NqKiJR0tTyVp2+QdveA0nFtXh+c0KuVa34AObctnvYgXdEuhhKD\nWZphO7jItAqQ0oEidNc0jR6ABS9hx8+wlnBrFfUOsG6GqsJ8Vf29Qf6sbJMt\nTiFrwP5ak7ROyhcUIs5YiG2mq5/5gEPcDZ76DrOVCOrw+f9fHrnfivC/uVVP\n2Rbc5q0fNxJo6/R642gvZ2+oEJ9g1vY7DGcOu40Zf7pVK7hbJWkZCpcA6IgL\nbrmlLNVan8URADlnPdh4uqs7BvV+wLSnJYqt2bM+RZhsy3Hy71AACuRYPMPA\n6p54AWqE0D1zECE6/alyfIzUVDHdg8d3ERJ7eSM8/bZWA2fW87OUCR9fQUWq\nFK2p\r\n=yb8H\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a403e743d7da095028c3ba6d0a66ef2f7812aa8e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.12a109680.0","@material/feature-targeting":"8.0.0-canary.12a109680.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.12a109680.0_1595458979990_0.16502357956536495","host":"s3://npm-registry-packages"}},"8.0.0-canary.bbd06696e.0":{"name":"@material/touch-target","version":"8.0.0-canary.bbd06696e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.bbd06696e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"66c0ab23e7705fb8d5b6a3278c1d10340470e32b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.bbd06696e.0.tgz","fileCount":13,"integrity":"sha512-AdMJ50LovuQjkF0Soq1F5R4mNub+8qwHnKzX+Fw/Kztu2cshEipICPUuXoIP78vb2/qLAZozqNsEMf05j1iqyA==","signatures":[{"sig":"MEUCIQD5M70Ln5zGs13QNrHWeYXXIM5tirqiBIbrVtoZJPF67gIgSdQGmohoWxSHo8c/b7SDJe9sBkdv387U4momx2cyvnM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12879,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGNE5CRA9TVsSAnZWagAA8LUP/2sQHfs2TvqUXpShra+b\nvkBoSuhWjbvmgyuCds2CPIrl+68VaDuaqv9Suf+i7FJwhnLIS+2haeufddCk\nKMgBDlWp2cdqgKgHG2spcp1V+qDelGGhAVuiEz1jfQIbeEJunjKR8WyPWr9D\nxUAdQdpdBVbqqcVXlPY+EB/5JhxcJD/GCdmBBFY3PCWVpu7ZvVEUi3bTXCwN\nTsbkGtuzGXT+WABPjywXaGVjbcsGs0DOtXAQurXrbPZainXjAHAXHBPNGHui\ncs9j6w3+9aXxFDfbL2o8Q+CthygaYm28BaLMKB/UqCLcOMnQm6aP6trRa0ZZ\nl7zlKUT9ZYUnoWG+LguiXYpHfr08Ivz2No0Dks3O6k/vFVAb1eZVflwt6cuo\nRNYoKGsjkSbsrC31q+GOK3HPAaBr8iqzynNvCJpkCMP5x8m4kj5KC5Xmo+MS\nIsGVhrQo4gIpcyZEcHt8CGBvKnq+a/7Suy4LzXqPj8vwt5LLs6EvbtCrpxhy\nXH/U1Yxly1DpCJSqaFN6u/gZE/CkLCSlVAB0YHwkrPxikVnNyOHdTieKonZd\nVhFQTopv3H4a0m36Rz3/cWHox9TbMhi3TniS/ysiK0H7Rn4tvUv9WdJRopSt\nMQDG3g87R7AWLZ7mRSajO/lHG0SGK6jPvfNUxANpX6JQB+gNsDPgI9mLOgbB\nkWA6\r\n=dRFH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1d34a386a37996e326b9ca18440ff1cda261f3aa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.bbd06696e.0","@material/feature-targeting":"8.0.0-canary.bbd06696e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.bbd06696e.0_1595461944619_0.6153470212975451","host":"s3://npm-registry-packages"}},"8.0.0-canary.4951e7651.0":{"name":"@material/touch-target","version":"8.0.0-canary.4951e7651.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.4951e7651.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ed85d8ccefe70096fa54e8e0e8875a29d52af8e2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.4951e7651.0.tgz","fileCount":13,"integrity":"sha512-iiWZ6jCGqStVoLGn9fq0p/YUmx7VOqSXqB1oxCAVmuztn+XyRG7vKrig8d/XkVfU6EL95i+VG1Ffkd6YOjVHFQ==","signatures":[{"sig":"MEYCIQD/VsZvWDvXUDxl/d207YCA5TItKVu1jNiyCQxLthuPqQIhAOr85FO6eA6QxeLPHZyFA/5k7Ec4Ktwy1a90uV6E3yel","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12879,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGOyOCRA9TVsSAnZWagAAAKAP/j5lFa3RiCfDkWOE7FX5\nzweVTkWXI4CKpDSzRt7gu3ZqGj/x2wxVobkgp3Bc3n3UWJJ/e8cRUVJ2a1Jg\nqwNjWQsBuav1RAm9nRabsZOaEhJJWqLqvavogV4DH2f8T78Qqr23DOnQTb9b\nnmnuwT3tFNKMdzmpi7aU13z2c1Xfiibs3Q4jHzQHT+jd3REkwhwvPipWe+Dz\nEKVr8B7Tc6HtTWI4CEdD6lMbN74CUifQfMdfV1ATRdHyluNZqQzLf14Yqio6\nepj0k1CEna8V0Tm6mGwqLzW00jaySJ96j7Uabv4osn8gK6IEK0zxk9jIK6BX\nBKO4lQH84qRyTMrbaOVwOsSqKsQHih4EOsQdtE8oL/XEYalk1XyvfIlfs7fB\ndFOnZXEyKI+lmt08Qp8qaFSrTA909AoHBMcqkAn8dkLg+gBQV+OsiMHItXC7\nsojZ9dr0x3Pi1pE2w2X1WMF/VwbRrb9xonTVDWxSqcig5/s5PDfZ9Rzq/NY5\nFZd8YxE/WyESgLkQICkvcxTJlEFvh8itN8Huu91Tyfp7C/i7/RzqhOKEz8Ct\nKSd3iWf+zpwpaamqS4GVasvIdmgTzdkTLwdq4fwn6p6kixG44ayJXRX59uVB\nxS/VPpjGE7gUTwcgDvDw58UpAT7oQbEtrkrdmj1tZ+MnLJV4zF7OusoJdShw\nz9jx\r\n=zipm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"32ca9cc0ab948e59f91965e96adf325a142b8336","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.4951e7651.0","@material/feature-targeting":"8.0.0-canary.4951e7651.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.4951e7651.0_1595468941694_0.4174144320516948","host":"s3://npm-registry-packages"}},"8.0.0-canary.75deebbef.0":{"name":"@material/touch-target","version":"8.0.0-canary.75deebbef.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.75deebbef.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fc40fc5761059474c5f79048f49c81ad2f31fa91","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.75deebbef.0.tgz","fileCount":13,"integrity":"sha512-Kt/9LclB0qEwgnOlrJpwBkL5eF3AWmFKS5NnVbJqNdhAHg/0+yz5WRn9WOVsZrbN1by6Dnsf3AMqP6/MEWJXiA==","signatures":[{"sig":"MEQCIGPRVRbY4k9BmIXFY5jhMDs9Rdmv8B7FBtf5i22D7XFTAiAB/6SYcl6vlSxA0tvrEkRAF4dTC/7c3U9mc6lx6btpzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12879,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGcyvCRA9TVsSAnZWagAA2pkQAJzomvTmui8HObpyT989\ndpZW5PydRAi7mllOVxOf0NgRiY4zyA+F+kTQupyBiXUtPpxOXnTUxpZIwvgR\nKGHIolXiBo1c8rUFA5m2m5VQrllAnJRO2AT36ID5c+IXEBaxnurQ0U4e9/gx\n7CfNG1nLWGQwOLBBW4NRH2Bn037InUwItkhUTW2cJRqKb7MRz//nEkhT2pLy\n5N19ubpYrTqBAwiIE0+HDKjM7HnrGFZVAzMPu/h7BL7T7FKqEW70aHKbIGlP\nYO6q5Dsso49ekdJ05zX6+6zjQGmOOBQmjutpQlOFbYmSwpOLuQsbGucgGc2v\ni48QMWbcJ3HBsA7LD//mXoQLpuTkOKo8q3Ga2ZeFdrBR/cefS76/1E60OmY7\n4K5cYjYDJ09wG3O0xSKHjegwyMk7JvLDPdL3aVOuSMC3YrD1+PhesRKy8x8f\n7oa7nRo9L2ydI2SHfyWDtkTr49t455rlAiCArayUd7abrfoG8HKmgY5u6HA6\n4mjDy7e4yFhp0ZK+UOxAaMGywVGtGJlLjqpeNmShKtQcYFeZ2dJcojYT7Nlu\ndOnHZWsxScps5P55lO5UzUOOiXu+iliXCL7WUlsXEYbLsDoEzMne/qqs1cLe\noFNjxEMWE6X54gJtox6kDxsIyVd/ZUv9F3mAnHZGyPjZCXLu+8VWpNqWfyVT\ne5I9\r\n=l5tX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3df5ec3c8a254202fe3ba9017528cce3d5d906ed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.75deebbef.0","@material/feature-targeting":"8.0.0-canary.75deebbef.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.75deebbef.0_1595526319264_0.0003222101322768456","host":"s3://npm-registry-packages"}},"8.0.0-canary.95aff33ee.0":{"name":"@material/touch-target","version":"8.0.0-canary.95aff33ee.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.95aff33ee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e9dddb84260700e263206c18c7c704d2e9b0fea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.95aff33ee.0.tgz","fileCount":13,"integrity":"sha512-/9Epva/73kEiH5HoMRuX52N17shksil+EMIOlONztSQVUe/J9e9G/WH9GEZZuWZRCIkpHK0ByOiXC/vmvsSToA==","signatures":[{"sig":"MEYCIQDltBKOljV+KS1J51G2IRrOR7Zv7prbH0F9Bkko06YEFwIhAIrDTzXP459xah07I3BTSgOLgQiglWZYGaQnnPYBvXdn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGdsfCRA9TVsSAnZWagAA2OMP/0Q75IgxgkVCPx3rcldw\nYd1EgK0mvj4AvuDFe8QwNIT5CH2KIKcF/2/+0ZYksa5WNAFeIbxJ948bnIMw\nkSUycdwvx1zVjXc38rUVPyL8HUb/GdgCH4uIFY6fsZzST7V+Xe4KHyKfcum6\ncY9jXeqxaaxNC5kqnKcEavKUEC7o+UmANe0XBni5l9vKCf3vuocuXqFPCLrs\nueSDA+Gnzwi4DQm2BSGNCcpT2hbl2WLtF+by+O0fLwQJf6o0usEM8VisXC0H\nHqUvvOb1sSYQeLoE17Bt1qPNBgEyCxplnaDU9zIAwfQGgMiVWWZJ4efoMOLt\nRXiL5FMu+nag+R7FXSU7y4Aa1CfIuBm9F3u5SJg+2lRyYOwBkk6UAZJZtt4m\nicwFIRDO/pgHqhwi1YEjFxllqx0NOTDsZd3Qvi/96/EGWF3Vzpss4+sCetJe\nX/pwRdNVtKwLhy02OyPpQHNBmxuaUnog+7Q38BlKO63tIlC3YxZ8OCoogKBh\neMOvZ69YXRSJSy9uuzYU00G5AZOaf0wak1g03/uzKTP1stehmd0xKFShsxJV\n5BIGlH1014JMa6T/xveoKk7vMgr4gISpYQHzfVIAJmTibzIgWUyGGJ4Pf4XQ\n8bqanyhBcbwve6dY+du3/9ZQOKabETOww48Flmt7EpnmRarJcU3onbf6D3gk\nljOf\r\n=LJAm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0343ebd62969f5d4315e249ad81f2837fdbaa096","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.95aff33ee.0","@material/feature-targeting":"8.0.0-canary.95aff33ee.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.95aff33ee.0_1595530015031_0.02915812625093661","host":"s3://npm-registry-packages"}},"8.0.0-canary.9d9f47473.0":{"name":"@material/touch-target","version":"8.0.0-canary.9d9f47473.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.9d9f47473.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97b3f81910ba467650c6c5858496098c1dc07b2d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.9d9f47473.0.tgz","fileCount":13,"integrity":"sha512-M7M71KJJi+5FI6Y2uH78VwdsO2i7wMTwBocIzYgG+PnTb4S1sdLBJYxuWAOFlgkQ//WGATl/jupcUfvc7X0U8Q==","signatures":[{"sig":"MEYCIQD2dw5JywOYE04EaH38l0XuWynOcV5z/xayX4cHqtgMEgIhAJbb7WLo9JfkpoeFNyC07sRx+zVN16Wu17mbvCy0QckH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGevTCRA9TVsSAnZWagAAN6sQAJ1YpcpV/KSCl3TG2dKO\nzEc5MYjrGpZAOfLv8U4LKl1Gl2E8cL+VCPDmd8OfvWRNHHJ+XkEmwgsAYMad\nx2ze/IyHgZkkGayXdIr/BAN3iZXNLqxpIeslJxuUCkoPC5yBqjcqIKjOPq+I\nrhtBK2gLMonNaUA+XG7luYIRP3kN+/yEBe7VvyvpmWKw3iT9KNT6X8qMnApp\ntxfQVA/G0ADYj8Z9y/T+kM9wr33BR/IePZ0FapHvzqWSp0r+ZoZSz3uaqUli\nWug4iX/GWwQ3FSZKb18qZK63VTTK+zMRWUjYoutQ4wcZqRCodEKGWajE/pai\n82yyKRrHpXeLw+MliR3KnIz3T77LSaaJyDmY36L9OWqbOHywNrtdn6F0Dviv\n2FRB1X3Q1Hla6RohW/Xsvb9gv6GphGXwradNCo3PbI5qgH28zzV9D4N4RPMp\npgLjoujKL7m4/M57l+l5M1rQWIU8SB3AgKV/yvtRIx82oN7ToBaMuzb+fDdK\nznXJYSVKP3vxxqurEiC6SIli3LW2d1TCstq3ef3gEeU7L4PzBxA9BtEjjFEd\nHW1RavdqmTzx/SmAaOm0Mc7KWS5aoPcJScusdBdOW9ESP7Sol2umkP32+OZ+\nj1/wq+uu+wMCBrjdYxIi7ldB782c4atn5RNMUYGM6+BnRm1najX7WIP6RKak\nz3pc\r\n=9klV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b21be0611a45dd7df8e3b48a3fd0aab09d6cb236","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.9d9f47473.0","@material/feature-targeting":"8.0.0-canary.9d9f47473.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.9d9f47473.0_1595534290859_0.6475601812224754","host":"s3://npm-registry-packages"}},"8.0.0-canary.00dfbf6be.0":{"name":"@material/touch-target","version":"8.0.0-canary.00dfbf6be.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.00dfbf6be.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"88d8c2d106aa2561de8d1614936fd4b11bf09b75","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.00dfbf6be.0.tgz","fileCount":13,"integrity":"sha512-9dekHfYJmOPZU+7jEDeUZ2zL81GO5iZ7uKe6SLO1x1UZ1BIVbNmvOcG6+h6UXF6tLHZBYFZs/gpWHwn1pitmHQ==","signatures":[{"sig":"MEUCIQCJM3MMgavNlW6ZyJ06aroTyaqtdUP3aHq1fI2KFfyMDQIgT4657z6VrwMtVZKYvb0fgDGhu3AmVS2kea8pu4tB/fc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGfoUCRA9TVsSAnZWagAAlpAP/jDh1WH/Gu/0vLpAScmu\n6NHLq0D6jYefNpx1eSn9LTUaaI4xUCIg4qZBQne2kO9tJ4spSOc+nmQYIotb\nK9KngjjUhlPDElveh8B3g1PGCH1Vz3Jd9LVY4AuLO3bM4qC78+5VgchN+yz1\nd9RdAWaRzccvqYirqDA7Elb6dcC0nx4u6se8njGUBdREjcAVmGWhRMdOZh3z\nFAA2gG0OpRUZB3Fu5Op7AMLRlQ/kqBSelsrPN/YAlbKnIXV0cDxDvGpF29eW\nKFqDpr3V/FuoJlesIYwKu71SDi1XnqtRxARwFtoicLywBrFR4k6h9tKLOrko\nu1Vu5dQOVXyDiM6sLdZNpaPiDpPacHg58BkdRTNDOtwx5G53gEI3x8+R58Fk\nezPpnwomCDAtxxWLd2sWJWBW75j8zSEivoRQFhqpXQqdYakmnPoikY9khX3e\nt2UH1xWb4hFPq72VPA2efqoS5pz6tnf1AGwCg/0shrRXF9wxghed0vM354gK\n6joR8pmlA+H2G/I89IKxha0JfSuZPE55COoKBOzJQwstaDMSl2AwhDBWTPn5\nLMWUgScnUe+jwDkKujgA0kxSAEsvlZ0R1xprnyulOn/FWPV5MvVT86s8TEIb\nbF87dS3LOcytQ9hcE2Pc2VOhXkZr/uB8U7wifKQPMkdwG2at5syohRBF413J\nP0l3\r\n=RK4T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e4a97455c736fab77028e52beabb53323eb60ed3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.00dfbf6be.0","@material/feature-targeting":"8.0.0-canary.00dfbf6be.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.00dfbf6be.0_1595537940104_0.3572496923646684","host":"s3://npm-registry-packages"}},"8.0.0-canary.b87e522d2.0":{"name":"@material/touch-target","version":"8.0.0-canary.b87e522d2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.b87e522d2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c2c71ed3eba647949e12324e12b8a5639109071","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.b87e522d2.0.tgz","fileCount":13,"integrity":"sha512-O3yrzkfA+tkX2jqKzGwUE0LKePRcpZZdz2DckFTHUW5ejeYdSDtwF1pXqlrvXNMQ1bNdJ7cDsjpFwfM/TbQKWg==","signatures":[{"sig":"MEQCIFuxqik/FiR1cLz1viA4qAiCA6Onz0zAmljUiOhT64zkAiAcxZYzJrKWXy5E2UflLfYT3LLF5m44A4ACY73lo2leVQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGf+/CRA9TVsSAnZWagAAVv0P/RE82jybwTToU9fytcYq\nAeHg1jT57Rbqt/J3czlnDSP6cPImKZIRfgypWPuLgvfmMtwSuVCWtjntaofG\nFFkycfDKTTuI9BICFJqauLPsJFyZrBvofvAPWf8OVbMcg/4ktyQhLoj5+8YL\nSW7SBwg5ysjxAbd+lRNCubBysbeISst5Hc4aagpd3ljGPmYa0w0grqx1soRp\nZ3G3eJvKdl4ivuW7z5qWgEdKf0y+a2m8+bymg8XT4rD5bjyI4a9/HGADzLsp\nLJxA1gHCzy659VFL+fD4cpp26ZZk+SXNQz14cfB7aag627TkZtXc7GS/7zU0\nycY7H1QlC65Cd2NJsMaOCh057YgnfmP2CpmBQ10XMnesHsXYOAzpm50OBpOX\nWkarRpH4JVClqNWkjoD5Y3XI+nFRIY2TuGET5KcaXjbnjNayFk1znCKXZrPJ\n/8TzfWPtd33jLpqKa2fg71hd0UgEuDCFxomZnnrdNo8hA36litZV13eDwNCm\nMzdU2qDzT87Kz7+c5EQiyJWfdWxpNpRmYBn9wuS4NCjZXI/85Kdg2XlKGzHq\nwq+5oMgeos0Mby4J3y46FeKqcbSbgMTiCu8BDHf1e+fFpsrpZsXDFUeQ6I+u\nYk8tz8gA1bBnU49HBL4CggH1gKAWl3rLoh1EGMU/stSa66buR22ACC75TXoH\nsGsR\r\n=UM2j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c6b4bba75848a4cc1d6ee29d1b67848ff11a8ba6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.b87e522d2.0","@material/feature-targeting":"8.0.0-canary.b87e522d2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.b87e522d2.0_1595539391392_0.8663205490264301","host":"s3://npm-registry-packages"}},"8.0.0-canary.5b3e150e5.0":{"name":"@material/touch-target","version":"8.0.0-canary.5b3e150e5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.5b3e150e5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8ebd75ce26083680d1ebdadd926ff643973c510d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.5b3e150e5.0.tgz","fileCount":13,"integrity":"sha512-QU/z8QQuPwAzvt8SmyLwdp9wJ+yFkXDqJE0nGUiS7tYwvGDHgkidOOm77xkZKnQa5a4o3wwZjYIwtNqpQzu9ig==","signatures":[{"sig":"MEYCIQCS8E0nslQDcTBj5qxo6rouIKM1TuI01s+qCY33M0bvHgIhANGZouI8eHVNAdzvMkvDvZ3E7+ouzklTLWSyDiom/FEz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGjgNCRA9TVsSAnZWagAAyMIP/3BeKObR56mDKEXivK8t\nwbqqjh5gSKSoIQ2HU8x00pLThIkfXDB2GX/B7nRjx8iMCVmvyYswh06yjAgq\n26kxefOLacAn9N3n7H7OkYUSNqRqoumuEcsncoaW1BPIUqN+ViBN67Fgr0Pj\ngNn/kkPS07Ch/GCzer4aAmy1E0sd7AqT0HPUCQxY2j2RabZtVTrxn0cMy1RQ\noH1usApi+3PUfH/khgByEiWAVXA/KOixHcc56pmXMu8DLF5DX+Lpuwej0rEH\n09RuAsK1qonTae9HmHg4cYdUcn+aY2lxcZhaI7ZEVwV9Mwuf+abMQ/MpH2ZC\nIGUsGP2Rrub+d4KvtG/aTSBNz0zJgEnlG2Nh5y38mQlFsOUPwBv8yI3/VGa6\ngB4EyE9AsARcDWjYbVCbpYyM6m4wGuVGrw/0CgWR03kSmH1TEgO/OKzPFJK4\nuyw8N/ia7jOLf6r22nPpx/J2YAz84yCcC/L+f3x7VornqySW4IRMH66Hc4N0\nhFTq8ko8zIwUT48Sb8LQcHa1g9JtlVP8E8frK52QMMhaSpS6cdErpjCx0h5M\nib1gVDaW/K027rUMMigBMv1KSHwP8ioJHuPdWl1tT1Rw3kMnFmOjSWxKf7Sc\nHfQbl/+6yjm47Kj4K2SAurqkc9XV96h7hHpt1Nk5NGWsvd0YCpLmYCbT3Gxf\nLUcd\r\n=WEN4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bdcd04000450742ddf94918c2953ff0bbfdfe9cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.5b3e150e5.0","@material/feature-targeting":"8.0.0-canary.5b3e150e5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.5b3e150e5.0_1595553805438_0.23812263312620874","host":"s3://npm-registry-packages"}},"8.0.0-canary.f0ae11786.0":{"name":"@material/touch-target","version":"8.0.0-canary.f0ae11786.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.f0ae11786.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"da4c07d6bd6bc20bf008769d9696088a7766e299","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.f0ae11786.0.tgz","fileCount":13,"integrity":"sha512-25VowuDhbVQQ/JtfVea5Ya8k6N6Y/Nv+bB3H6QpJXTbokS3eIuv7t7kkMlVVuyEqAlUOdKgLZ4gizi+S3BihQg==","signatures":[{"sig":"MEQCIFbj+I/VkFUFpJLtqhic4HUpRWdxHNv7OwaztocIzjykAiA9OtqJ1szyaw08juqws33Regbl+2z9x3geh/aCPe0z+A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGjytCRA9TVsSAnZWagAAJO0P/jgOAEb14wMzDeVQKVzr\ncCVep8lppuvkVD8mX1KIX8G2CNSt8TJJ9EDLcnn0xjcHzrx1azmEhCke+BU4\nEEEXcoGg4zSNcJZsGk0KkNahNdeO4q5IMy7hMyPvmxvyjZvh7juyI9psthIk\n4Qh6EMy1MdMYOIIS3/68qL3kLblBPJsuJu4y+fJ6R9b11yGKxMYT50Pw81kr\n6adP82BvsRIQhNN7qj+3QzPJo7W7rEXx5pjB9dbhMQ7jJtdg0Jj8CI9bUCvh\nLMeZBVbUFJ38czvzIoaPS9M2bDkdtNYrEIxd9C/vC/Yj9s9Wu7tpwS58UE6v\nODHfP5MhR/UfYE4O7WtdTC/8lBwquCBIYXDyKSWA+H27lt29lhdvjE8QPRrb\n373dtFT2AeBVKtVzGUDNaVfUYVi+C+VNmUmMo8bX4r/Zmnv3tm9AXGfv+XfF\nteXrFO0EfNcO0f3bwzBPrnF+20asu/vWhy+zF2UORBo7k8viDi7qd7XcUivz\nRGoV1LfgWefBxYsthtJ2sOGqF688+J2hfaSjbk78SvgepLG0j1LHUSrMh6W5\nSrlJ6EG9vMlaU2/gw9C8TJPj8/M6ao6mDGzIznWODb+WsWvpBV22sR5TSMQ0\nlfRrmHxJNIVil1xuOgZtGRYTxh0dlH6iK64MyFWgaZPShp692xK6UJT5DqzA\n+fNw\r\n=+eeY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2f6df990a3e45b1985740da9e55bce17882e69d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.f0ae11786.0","@material/feature-targeting":"8.0.0-canary.f0ae11786.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.f0ae11786.0_1595554988744_0.4668025784716652","host":"s3://npm-registry-packages"}},"8.0.0-canary.fb4ee66c0.0":{"name":"@material/touch-target","version":"8.0.0-canary.fb4ee66c0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.fb4ee66c0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"02111cea3f852ce284cb12bbae3c3d987444dbe6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.fb4ee66c0.0.tgz","fileCount":13,"integrity":"sha512-dYSNt9MiOg1kUUMdIdpxj2Mdue6vmC/3CSPKvR8Z17jd2x4yPRvtv89SqNvZ49qwi4Q6sWPg1xCXw7mrh2I0YQ==","signatures":[{"sig":"MEQCIA2hicEKFTLlCkigBiTK5DvB8Q5o4NrCof4goqPmGG3gAiB4d4GuWxQsHdfZ4Phy9WBtfpObQEaYB90GZKxsRvTb6Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGkMKCRA9TVsSAnZWagAA1KMP/24/VyrpkMuzNi5el5Cg\nQhx0GVdRV07fNc9pbh68alE1KZxnDyGWB02jqppKheLTKbM88x2romzlRFfR\ntH7hXkN5zZUNHCaQmu1p8nc4iBJppAJLH2MbaUbBK6dGV+y/qndfLAx93OiI\nOZ2WHzgaqhmfz/APdDf6bzipsW4tiha8iqNeEPQ1z/zTBCS4phb6gZl3MVSJ\n8Ezbnt+M1FmtgFU77ducTmVsQmOdNMPJfMCq8c2Dj5t3HCjRdqMmG+x5gRwC\nc+dz54ibIXYEjshxIlzqurbKaK+V6Q/Chxe+IPmofRA0v8kfLd4jYFIbgHUY\nlFfeMimNcClVj+wItxOKR8BS+J29PyH6hbpAPI/NOEUt4bN0ShvBWmlSdX1z\nuIJcNoK8h93MAvxRbagjv3VWT0tkPZfldVXWmlJ2E3YozlybOdLm1Bx7dbUg\nik0REioHsrT7zBkPSfRCjwij7EDsuC03eRzttbsgYN+iQUOe92qaW+8Rlitp\nNSRsqEtxitGWM5vGxvlBRU9HaVxBwiEOh/TF4/azYBcUgIzbdjhv3eNSSrEx\nkfUQngsJhV/H8G9O2UejNHCFLprSD5gXxNM4b3Dt+qlKSL3fdhMBx8CI15nZ\neIL9AP9iYyneZipCIomHGEsdigTFndkG6D5ebtv/Ynk7PZQSjcJTAagYSeUZ\nHXhV\r\n=u9V2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"38a9d8f8bf46aca600cb4ba84272480ece6c67bb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.fb4ee66c0.0","@material/feature-targeting":"8.0.0-canary.fb4ee66c0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.fb4ee66c0.0_1595556617973_0.2610383491248365","host":"s3://npm-registry-packages"}},"8.0.0-canary.5511e0aeb.0":{"name":"@material/touch-target","version":"8.0.0-canary.5511e0aeb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.5511e0aeb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e196b20d42c661cd94cb088c7b62d19afb5e4ce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.5511e0aeb.0.tgz","fileCount":13,"integrity":"sha512-aIKQ31OVbYuRLFEhF/TpmyYbqQB3Z5avhD4fEaMQmLUqt8LRImWPMnEdRmDkwJqRPtgQfRdqMUJN7BYjDAvbwA==","signatures":[{"sig":"MEUCIHJ87+rumhUsspcKOqpz+1TPoEp/LBkfttif/CqQyvdpAiEAwCQfLL5dYBMgR2EaSf0vwhHCzvhSMhL1xOUKl3E5fDU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGxK3CRA9TVsSAnZWagAACJQP/RGfstOxY5RBKzLSydlf\nHC03pI6CZ1RxKrbs3ipbbwRruKiVYgmtLZ5gkpCsG6E2+CFvzWc1feCY72R/\nl9eveQ+yqKzu5jJsQU/1hYCnue4JS3j9CuPMK+wwCFUYjGZn0ZkMvQzGW543\njWdOYV6m9LI7+oFTXD2zT6ePgQjxPuagvEOrhRtzDi2C+J0Fl2SijEqpSDJZ\nqJBAeYsu4yGZ6degDLARxjC4hQJLN0Lj29mMYqHM9r5jG1/ZnlNFmxn+VYgJ\n4SVe8QzV9ayXI2b6vLCqQwcAycUERKtcOgQSD9WEvvBBYFaypdc1JKIXXWxq\nN+JtwELZD3wg9vqg1XSUDZoPG21M/HB+PFTkexcmGzrC46FjCRrwimuK7Cyf\n7Er7ZlHNnXqPbNWwV44pZQ1NVQMD9f1a/EbPIMSsVyaPrpm/gAGb+EWsgXNH\nkk89GD2/HDaiMyz4PnUu2VW8T4wafF1CyWRtzEMvcPbydUcYg+6aYSYpwtpg\nCoHoiCBRzV5qPbqbDG76eMQdVaQTAESZeyPeRthtKK7/+RFvzWSqBDQMO9uC\n3VYJR2XZgWk9O42Pax/rJuGcfPVZ/gefN10yvU3NTiFb6mptub7YQPibv2pH\ny3+BU6KzvOP+rSz1gM6qyi2O/tKtoVKkH7iZL+eKbmRgSh0BuKiZ28vKXAQq\ntCmJ\r\n=/XhW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dc830dbf81ef9cb796c66b2d35b70355ca46a37e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.5511e0aeb.0","@material/feature-targeting":"8.0.0-canary.5511e0aeb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.5511e0aeb.0_1595609782995_0.12053888242328248","host":"s3://npm-registry-packages"}},"8.0.0-canary.8388a9bf6.0":{"name":"@material/touch-target","version":"8.0.0-canary.8388a9bf6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.8388a9bf6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"254bcb038f2119b159c29c9e1952af4b1073fc13","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.8388a9bf6.0.tgz","fileCount":13,"integrity":"sha512-ByBHLjlQpc7uOPSJ7uv4bhcEJePL2yBmKM4O/7woV/0JN/ZTU3FOx2sNBw/zwdUTg6pckzCz1rlfdIJtTKn6Aw==","signatures":[{"sig":"MEUCIQC41sc5fqGhKtWU4Saz3IkPwu7MgP9NEnSaDK6AiUB0pgIga7H+z37cypkR6/NoZOAG7kZ0f8kz/K/v43VdEW5Tsi4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfG0C1CRA9TVsSAnZWagAACRMP+wYPswJNDHB3N6kIY9Cu\nC5gdV0GVA2682i9lqkHoElTMrnfFIXy7hdIuVKjMp9xztmBoPbO4ZX/pK2qQ\nkZbmVBW4T2dqLP1jAGjDueDRlbn4agk1peHvGQZaWwcDAs774ockqgbzFzUB\nqYYcd4YTuMlLt3yUF6A4+MSkVaKOqaXBgpC+bicWeTTHYK3fwGptzMxCT7EN\npbAtrcPjt7HOj08wbdT/RWdBQfw/pqqbxuA+yg+qfa1EE3YwBJBksSn6k4uP\n6tQr4usfnslF8LzHzs763xVRXxy9U8jREw08HRVXPUIVb+pEjOjiGHJ8j/Gk\nuipbecT7DFW//bPeAxz5y9W7DwplxcOKbLYQ5kQ3mxvlzSWunp/35OSFLtDq\nmcz/WJsju1sVt8MxVFDC/WGeGHamIL/hpGDRlQzM3s6vduQD6m74pH4SzymU\nqoMlv/bduI/z/+XKec77VJuL/4slkhRYKSo6sB3AyeiTVvGRae55dGjNj+Mh\nzTykqrhuy69xynUIEp1c+LA6hv+xjEnm+/BaiO3wa6VgWeAPEahWKZ3NBiNJ\nxmG5uTG/gufsKKOUG2nUUTL+imLNGzs8gw8plGHZu89JWDQA8/8hVVTTJNAW\njGr+WhQlTwUqu0f+dfp4wt/+SplPDnVJJrASUbhDhra9ety9+RAlXOEw77yn\nPUEv\r\n=qjUw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f2188ad8c46b8f947761bceed0fcdfd08019e97f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.8388a9bf6.0","@material/feature-targeting":"8.0.0-canary.8388a9bf6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.8388a9bf6.0_1595621556496_0.07010018992104428","host":"s3://npm-registry-packages"}},"8.0.0-canary.ac405eae1.0":{"name":"@material/touch-target","version":"8.0.0-canary.ac405eae1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.ac405eae1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"98df0a904cabd46a332bd1f5183d44924f7fb0a5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.ac405eae1.0.tgz","fileCount":13,"integrity":"sha512-ib1H8gZTq7tfX9uuUHzZPd+VfFenpq/3dGR3NVlU+mx0VaRz6kwXcQpmx3BoJuaLZkOxRRhPxRrLupfoZgJbtw==","signatures":[{"sig":"MEQCIBeCpuPoNyLUMxDU1rsT8bkx/7T9XETup7KtBcsXMStAAiBZS2dNQ3+zxXR1FtU3k+p2i7maIHcxyL9pL9Qvl84Bmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHu1QCRA9TVsSAnZWagAABgkP/jsLvMxtGFteBa/dLg7H\nO6lYhiRZuBhO0sCGA7tRgAhOoI2dngMuSU9fW0b3+ZRbjWp6sjUXLqH8L74Z\ntdLmeGQYPdTDCIO37oNszPcup4u4190eggjX5jEGwmmBKMKybN0wSNmrcQBw\nE3yfPOfr0lj0c6/vG6lfyeL57/biDBG6UGA8o0VkTSkM4jIv0FHIOEjftgSg\nZjlxaCdrRfXvxKirsv8pQmsycx0XFNuo/C5doK501SlEJ+97gvr31bDSagPo\nM+9S8MUAQxyyF/B/OXcgNaH8qjoVbpY6717yz/kYWYzzdhAPHBLuqEW9JLmu\nMeEtF6GxM+XrclgyCubgpAmPqpveJgJ8EnVCPzWw91hj5cNq7uDTeRKwQUVS\n/OySGGcrrYD2s8pl74JJku/1SftOBms6ErTSyrOiVO0D9oXfd0uMCpUuLQyw\nPAZQnQhTsiCoVg0it/NuyjJN+1zOHY5RUN/cmh/Sg9BlAjbhuQAwat7jTDHr\nkCSLn6qpyS7HoF7Yr8kjzB9uoxafRaN8RhgEnrqAdLxIjR+JnC+1hyenlwJl\nQHtCt447cqDN/05cURooB4fxF2Hu0G9dfnnMbnPGbc+o99tux7D3vVp2KDyL\nfXB3iJHFePB6/wXHsSBe4MB0XT5yz22Xa5o5IJrfo8a6pTG45eb5Yiy+cCfx\noo3D\r\n=Qlz5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c4f229736a36f17b97137adbdd4b59901eeac852","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.ac405eae1.0","@material/feature-targeting":"8.0.0-canary.ac405eae1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.ac405eae1.0_1595862352004_0.5261825383453336","host":"s3://npm-registry-packages"}},"8.0.0-canary.75553837c.0":{"name":"@material/touch-target","version":"8.0.0-canary.75553837c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.75553837c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d26fcf3fba662cbb66a0786243fabbc03167deac","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.75553837c.0.tgz","fileCount":13,"integrity":"sha512-VxRHPnT67cci889Sr37gPittnOSJTm+H2zRAuzWWMNKqxKs3YY4iinXZuUnkEOV8mWCKtxo0droGG3bqD070aQ==","signatures":[{"sig":"MEUCIQDQMtttkPrc2wV1ax1ysWumUJmLC5K6PDS6/9uo+e1EdQIgQAAbWJhktTAf0LcxCn89Nf7kn0b7wP3N3k2X2rHlEs4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHu6yCRA9TVsSAnZWagAAdDUQAJfXW/s0CTM/j2//JJcE\ndrvL/HbmzmOCRD45V3LKE75D4alEx0It3C54FEXCIkhIgllC1RNOZ2HnUdqU\nwkWPXRv7CPzdcoN3GtGkyyNTj7Hed3JaAc9JJpQCMJp26FI4VflVxIahA5z+\nLGAEo9NtU4Ysj0X6n3pyhXWrsTswMCMnoWxRJubqGs7C8+Ly8P7X0mkMsDjp\nCrEWasrEotWGyeMHTNUfXxwgNnrJc7jXITc0aYE24SkubU+WxeU2JJu3S4eD\n8JyXy0dlnWKbW+XoXQHfKGpRXYGdxeLD49Ic6OfmiF6CnTLl/XdcrBh9uNQu\nJ8Ral1I496DOqUef2WR3qZvYTxlQ5oJBkYJkaoZ0RieRfpB11hHXunOM10L+\nrphLLzBhNRQJ5pY3qk2SgUOQYViFixOCyh5NqnayuPtmAl3w179IKWYR1uMV\nkzrZVGMKQ2Z01ZXsZ140im/Ma48kKVwehRs0V4xQShecqm64t37fLGBpuXmR\nG5C1GJLhfa6o/emyG5zFNIlpBeZd765wHatnozeD808yy6mxAFBxbzwBKMsg\nwcG3H8dxAIYDblqZCjyzHCyJKwXRwbhBrn5wOzfvmfYvP3JqKyGrSE2gCl/s\nTuR8u4fFQOLq/dqUEqYi5eDs+oCo3dR2hE8dzqKaEXrjsiB+4fRq7XhjO+F2\nudO6\r\n=5xUq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"18c0e52ebb63979ca614d6df13d96e2c1cc93216","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.75553837c.0","@material/feature-targeting":"8.0.0-canary.75553837c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.75553837c.0_1595862706153_0.18185998185006702","host":"s3://npm-registry-packages"}},"8.0.0-canary.b96fbfc7a.0":{"name":"@material/touch-target","version":"8.0.0-canary.b96fbfc7a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.b96fbfc7a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e7dab5e36e41145799789b2db48588d385d5588","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.b96fbfc7a.0.tgz","fileCount":13,"integrity":"sha512-ZLqSd3LSM8sZWn+c0nyClLbVnhuYtL6sgX/JY+s92fds0tTrJppvBV33LK3Rb6zUywLXqNazymN/fSIWa32VCQ==","signatures":[{"sig":"MEYCIQCefNLANH26HYF5T37k0uutx3alOasS0Bd2l92TcyBykQIhAMG/e2XGIiUC/dspyibeec1qwKq+8Wo2+KJcdDSyRxcW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHvSwCRA9TVsSAnZWagAAebwP/3vAt8mPPSzgr7yxLimk\ncHuCVzh8Py/qGABCHwfUR9HO7d033V7dQRSotBfMaZ8gfV7waasSWWGjdA/G\nt/v3geRqlT2ogqO05kMTBBzKB5JHdPQJU39xojubNLVVmARCDwkq0CqGLlR0\nzFs29Fp9VkYn4GfWd8zH8qvcUAhsXxtnnfaq/BLsFnRMx/cr+beeqMpFAQhy\nRUwcOW732YD/eLfum3w/T1l66n+yjglHCwr+XIOqQNKCLr/egRYKu7OClbqR\n24I5zWfg3vUHORoOeFIBD4nc1PbqzcSSShe28ZrVL97Od6ktE/CrQA0tF6JY\nTy/HjzPpZ9xGQRYBsIDIDS/owRA5CzPdYdOCGjs1f/wxeRVory6uJFItY17O\n7DtwpeOZ3ZQsE6lLnAObE4pNajR3jMMCt9Vbvrr1VkTMnQ1sjL2W5Jk7VnQE\nh13IhhsdjbU/e8u56Yf1qROQzs91bKEclCS5QoEI97ToRneEkMseXSsb0cd3\nZKc67dtBlhPpLqSECObj4/LN8WI7U1Dpls2V2h/RmjLPEG9o552jGPRxUqdy\n8+uP0Dd0YCJMSjsr3N9RsV9rR32GiK/JtMIhCE7UgUo2BnJLsnn3YHxfKqp7\nbzQHUzYnw6dSNJzgd9k9vefSPX2AnZ64png82whjP9BUUkj6qwy5PzIhv2kl\nhV4Q\r\n=4rMz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0e9c13ddacae3f3bc09bd4f168d276110fb5677e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.b96fbfc7a.0","@material/feature-targeting":"8.0.0-canary.b96fbfc7a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.b96fbfc7a.0_1595864239925_0.5142451488052133","host":"s3://npm-registry-packages"}},"8.0.0-canary.61f1a8d85.0":{"name":"@material/touch-target","version":"8.0.0-canary.61f1a8d85.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.61f1a8d85.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f32b657b85da0b194bb70e34910bf410bd4e8e1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.61f1a8d85.0.tgz","fileCount":13,"integrity":"sha512-hMgmM3saV4p2jYZt7bQ1efSFtKBSnRoHzvfjfOnT0Uq8CyxsdU60ey9Nkh1T5xt9lylE6bf1OMoHN4DuXFnesQ==","signatures":[{"sig":"MEYCIQDTHtOlSZQ4wpDTHlWuZoQUrTraa3EldHKbzfMv7ZqNGgIhAOUQIkE211BX++FmbVFe/sWOZdKVRGz94I/c1rf51y5T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHvbYCRA9TVsSAnZWagAAkasP/i8RuvHVxOteKRRNdIue\nLI+b6DWaJVEax+FCPqgZkc2xBgTis6y1O6frpJBtgX+rTPJ6XG5NcmOMAHl8\nVUd0iIg6cC+bNXrwU1U8jkDKIVR6sAvejCZ44sb9M0YYSNQFyn7Eie85oV+b\nbhhl64d6dwAdAzDrRXnMxhg+EhwXgqgVM56lg20coUYpIg4ebgRHizaGdh9l\nzyLK66hbGz8jMQj4w7nz70adEdTrDEfknsHmubmsdGmE09o74tZNJoPU18Aw\n/JSOE51yFLC/tkz1kOFVbUxXPPwJf9UPIcNzaqKqSG8wVqbl7CgS7ZlvyA7a\n+cRujaDdHTDXByUmPmWFyVQPWCyht2s1j1Ng+24lryw6+c+1d9fvT6CzCvaR\ngmieAJIbMwxsjHNSS+beb/vX0bscDJV5/VLT7VNxdkWMdn88e7+HI0u3epBb\nhIZW0PZsSAtwo7O2DdqAuCv6WKM4cg+ej2656B21KHuF7qlBwY5zfNyRN0CN\no9QdR/EiWFmCKJRiprA7KqTE18cR70ttoy1zTjkQPe8I5brSxpRSDWfRWH25\n40OqGZdKbmlS5wNGZylziVoaVfHtVSmIAxr2tk9USluUOphKrsStTaV3GcIp\nKkCJv2BiDeCgR4BMOTEP3DPATG/laRKknbcJDelWxEWlJFEIIEgskCGlsVvn\nHSNL\r\n=AkTz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"71b0bdc987ed1b1b5ad827abc78149cd4efadb89","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.61f1a8d85.0","@material/feature-targeting":"8.0.0-canary.61f1a8d85.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.61f1a8d85.0_1595864792463_0.7389136351112768","host":"s3://npm-registry-packages"}},"8.0.0-canary.81dc33377.0":{"name":"@material/touch-target","version":"8.0.0-canary.81dc33377.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.81dc33377.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ffe427f5e6fe324e9cf1c453433077656e11a8be","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.81dc33377.0.tgz","fileCount":13,"integrity":"sha512-/ObFQX8JTfrTVnJKyG77n4+fvCfUmRvexK8Fr//FYU+rR9BrbG5cseTbrOub8vaDD4JchJSFM8MqjOtb0yNeAA==","signatures":[{"sig":"MEUCIQCisY3bPkNzQeKhXGTJ27jkQrMM1yEPz9R1lOXCWosbpAIgWWPW7t+bsxquQM5SjVyIW8Oxh0MceEnyi6eG3MKBxrU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHvmsCRA9TVsSAnZWagAAAj8P/izAoj/KrCt3Qt2l6Y7e\nkZt02SCs3j3edDD/C5hqABffuZP29tMvaTD5rjK/fZUv+8vu9zO3m30/GXmI\nZP/CZHFUG3+feGiZLKcNgrqc6jcw7ISo37jnqx6Umah+yeJ2IfjWA+fyUPFI\nzwEie8TJv04S9zMjhGB7y3r471bV4VQ3BJt43UICWhgZxE1G9hPtFKJciTgz\nLVWPtt5GL77YUnBZOeMtFS4InqT8biTnP0/MLoHfF0lLryArAbMtxzckd9yk\nRm/p2NUE1kCIzfaGoJlrbbyWhnbMEvpJW1Uor0neRsQqpQun347y+M1VU6k2\nXdqlHOan5/SNuMYe5tbcZvk/DG0H0lydxXESD0D0y/VrCD3OSvpD64Ou2e1u\n2PGg38vGijJnNoSIhc9fsguZQtUXcK/viEXJhRQp8njSUTH1wUqzEl2tjepz\nhKnha73C5IQR0zQPKbPDEPnlpe6JK3YIF2FHhfBvPxJQ5Bqr4C/SKRCNO6KU\n8Ym2bs59XdlSiYFfYEi1H/0uzQsws0cUMSAFD7ysHsBMRwBIDP+z8TEcNYK9\nlRQxaZjIabR0odE5wtyVjRjlblviph7AeEHTn6IgxBQEs3upT/G8Xr3e/y1A\nrqMDzsWHz43Qydfhq09A6FW7RBVlAkqZ1gVhfzVcAAMJqDuoCcLomKrkwA/g\ntWsu\r\n=xxAl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"14e4858d309a20ecb69620f07c8f427bda0821ad","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.81dc33377.0","@material/feature-targeting":"8.0.0-canary.81dc33377.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.81dc33377.0_1595865515894_0.41148685047749156","host":"s3://npm-registry-packages"}},"8.0.0-canary.ffd9ede58.0":{"name":"@material/touch-target","version":"8.0.0-canary.ffd9ede58.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.ffd9ede58.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"15dea7a4f438d9e96038f14dd6640164087d2f53","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.ffd9ede58.0.tgz","fileCount":13,"integrity":"sha512-jLEZY+WzWDbVSQZwIESeO4pFBp7cox8L4Mro6v9cb0VYHjS3iIPs8sVf8AjErtMoSOA5PevvvRPNHL4n98eSqg==","signatures":[{"sig":"MEUCIGepuaD0b4NGLYhZn+8EnXBly1V86PQPWAEupuON/Zt/AiEA1cBlGxemBU2JR8iRlhMTFyh4jlv4dJOVxPmMjhz9XXQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHwFxCRA9TVsSAnZWagAAg6wP/3w4OGm0MyDvWlXTJcd6\nHp3yE9YIGQOHbI6UJJBIkfXv9xpnMuu9Kv2LsU5ZRy58efOk0GRlDNG8JyzM\nPfnfUUbYmeKgH2TIGqmGUzn2lI8mP6Y18rNWhRyJx4kjvWg/JEJetNbP+li9\nWMl0Y1JzdRptorFAWqJSPW8Wmw8ACQn5t9FuveWaCnLwzJo37fdA16eaXlNw\nrRHGNTsVsXMSNF6oR67dLhz+FiGVhNLpvJ2MsalSuLV1lSxEx02UmkgsEO5Z\ndDAGM9v19uv4t0FrREU2NheBV7Z5oxz0ReDKZzNpisH6czweBL9YmeS+Fpa/\ny+BUU21+ufzInTIO+73sYMoPVRvPMc5oKahM16oSsE6daFnQhwmrwz399/QL\nt/xdm++TmTo65G0c/5bj95ZmNh3SdLDi+7yiDvOgZqIiXKaOzLSNCHnsxyvv\n/F4HJ8PjUrX75oVUmpIwpK3iyHvXJZpb6TDPiASg5W4ChXW1NchpAT/Io3dO\n4pE8/LpIw4ZA1Q45VRPyW9HQ2lhz9rwBvTgFgqEW7EIuQbOHPJGGcoJbyzcQ\n2mHdmHXcoKfbfKL5sP/VpVtANre6Sip89ELr9xmO2gEG24651uM9WdeJEKxp\nQKMLAWbyoAy74arASSbTw8hp6OciUH91NQ+4FusBVl4hxw44ZiSQI5vEqmLt\ncmqp\r\n=R763\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8a029ef9963cd4799ffbf7dd03908a696d110f7f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.ffd9ede58.0","@material/feature-targeting":"8.0.0-canary.ffd9ede58.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.ffd9ede58.0_1595867504611_0.14762136563697092","host":"s3://npm-registry-packages"}},"8.0.0-canary.52dc55acf.0":{"name":"@material/touch-target","version":"8.0.0-canary.52dc55acf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.52dc55acf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d4dd2a13411265279b6a04b49f1a1b3ba281a7c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.52dc55acf.0.tgz","fileCount":13,"integrity":"sha512-/TBXnP6UQN+e/3oqPrudQg5sHpJanxuS0icreErG0Bfq4v9TZ8FhWpLg62RAqSWKr25WPF6iOTnG+JbSYGCv1w==","signatures":[{"sig":"MEQCIFpoeiMyoGYG2ic0KVZi2gJ2IuTLHxEtnE6FNOF1TOSLAiBAfdjvnw1JoGGoOnJAaGXIFwL2j2xfm7EtT2XruNvrsg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHwntCRA9TVsSAnZWagAAm1MP/jJxPPkppePBConv4sm/\nRGGRgSzM/23ou/kjrGAigo8TyuMb1glxSzWUsVYZL3Ux/KX3VcVrQX7Q6fmL\nqVBGdhh2frxlN9PIlbyeo/Rsr4av/i67P+CcIG1Ehi/HvWz36zsUU52SBsDg\nxzg3pBeoWcVTyfXa3Nxf5F0XU0IruVob0haceYFpL+549twzmpnW8bhUBe5T\na0LbQOoewEXOUBXfkQEXSFq/0lvJYNETzaXTzcrgjwNawSd8H0cIM1nlMp57\n695KKzSCz4NubTuMFbdYc82CmE9TiGHnc80p7WQdMxpX0hbIculR7mNwZ2Ty\nszc6R8hpAI4gLPH/Gu4u0UlMFQtw4cLOFsYm7FBDJZqYMiFiALhKvsF2+hmM\nXMAUw/I4/NA3BY4bwNidEfEzK9YS+GKkew7ZTiQJXghf7Kcr5NvyVmHaihXu\nofuVjPz8lBZCTubIVAYpFfbOPrNovwRoC28bOaCS563cM+kYLxiMB2Wywgn5\nApwdIR4MeHIdZVY++ZwNtMXonkL/f8MeIzjM9yD/+ATMKzdn/6sgB6C4fLh5\nppK8BpvTgEoTBs68b4oYZjxQlrW0rYE6JMBpm2B9QrH1FHDyCCSvufwf0umS\nSLxFwKQZMcCa3t5kC5xVheXpGd2u5HGqSX7KdMMGZX+aHcqaCO1wU3TnBdDO\n5SG3\r\n=4obN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b5253c9af3b0721aeb0cd096ac48b4c113801757","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.52dc55acf.0","@material/feature-targeting":"8.0.0-canary.52dc55acf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.52dc55acf.0_1595869677234_0.13232110549581222","host":"s3://npm-registry-packages"}},"8.0.0-canary.d4274ff05.0":{"name":"@material/touch-target","version":"8.0.0-canary.d4274ff05.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.d4274ff05.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b601bf3635ab92dc5cd6d3be1d1b21f046958c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.d4274ff05.0.tgz","fileCount":13,"integrity":"sha512-Jz86mB9X9EljwjzXQlkDYGVc7pFFSz67vOeO7ljXkxOmafSXnFaZ1iKya/she42rGn60o9WV4XiRC+aGLWi0mQ==","signatures":[{"sig":"MEUCICBC9k0C+Kvq/+5guOiNS0kGo+Zd5i73YbmpOqYxjHGSAiEAq7S0w8xviyo8cMCCXc17Gz6DPezoISY0NZLCFqztFXE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHzAxCRA9TVsSAnZWagAABA4QAKPu0o9JmLZj/wp7+Xd1\ndi00WEZ8SPtWjd2mBazZUpfQTdIFTxjprrnqO4pLjUJUUu/q+uxW3byPbruY\nJWdmyvrP44OFKQixi8eiu/uAKWs71j3BacpRHTkCjdQNTvl+11olxqMzEv1g\nk0p9fTFGNehOgjp8U4XYQyEQD2gfojmAbCxyWwSqIwmseToJkTblZzJHpQG8\nHDqdK3aZTi4wcv8cBeB1u0i+N/d3Yd918TPBF3wPv2myocuIqmIKsFXvBpvu\nCYSrUqqMHak4RSlicTZvcdyxAHBrS2mu4EFudfxt7kp8+hOfL/Ld7GAi1qeP\nYaCeFsHZYQV/VcNdxyFzH/KwchagwXjxNqSW53UY31NMedV3Wx1YhmZq5faE\nb2tFfOpMclLc2pFzK1ZOPP8f8qXOd2v8WvwvtUKhKeA1DTgidsDCKtvpBXZt\n9iTkAflti0ouCdt5smQMFjtIhyQo5zoQwQQp5xJrNgTpJTQzwCQzvbWhKVia\nQq0nNcT0QUEPXEII+NHrHVBecWxp2q0CIhkjAhJ5he4UM6skkhWL0diciOdb\naWgNd1QhQX03ZfTPGliCf26htMEhJL4O+0v7fV6yHO34mG2peAF9pHOiWZng\nbpOt9JWE6+GdzY0sNTpRJYPiSRbW1GkbEiTuCv8E5soztpbsUBNHckk6CbNK\nwmAm\r\n=AxNQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b4607e708cfd7069d540b1fd6042775c4599855e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.d4274ff05.0","@material/feature-targeting":"8.0.0-canary.d4274ff05.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.d4274ff05.0_1595879472605_0.39881584611766807","host":"s3://npm-registry-packages"}},"8.0.0-canary.b82d0696d.0":{"name":"@material/touch-target","version":"8.0.0-canary.b82d0696d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.b82d0696d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"85cd1d7de4ebe5617d43d47335bf32a3d99b8b6b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.b82d0696d.0.tgz","fileCount":13,"integrity":"sha512-pUjl15jNKRUZVqehkRxeJY6y0lGXOhugE7z0OgqD2UqjajnRDFxea10f2fm/EHFmAfoR8QMkSiuLFdJmHvxeKQ==","signatures":[{"sig":"MEUCIQC5sX9jOh/SLWlEQZ9by8+ChdYzO3IxCeST4PM6i8YqYQIgYAs0jirA3oxrhTGnddNJHkPmyFPa4wkCkli4fRBjzJY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHzGoCRA9TVsSAnZWagAA3FMP/15bFcP6BlPBZ71uvUsS\nxJB1qGAb64DYOlyiE3Lk/s89OkSBLTwhUwoyNPUnGYvcdxp34R/esvZM6ueE\nbX66QYrGWYmC6mvt/8/ItQOJFTwq12Ls/CrIqhe/yCCi2y6LKryg31MypYVg\ng32LQWSfFHlliE1ntqnElgTNohy7Lr0ha+POTaAgYI4cepCxNs/oaPwLR0B3\nkKXhEiifK9svSyVV0hrMcB9n7E4gzTgD7BzahX+sc6dcOhjo+AZBiKm8LXKg\nIqka99eLdReA/ZYpZELDO8FON0dGDigJXb62pk85iG/N91Rmq4VNRt4I7ohl\nclJkxnGThttFLl7grovXPsT87HjrQ2cMdUZLcX18J0B6NVtQhB1U6ESQJ4r1\n0awSiwWpnbSSF/G9kTiECG9k6YvvNnLclD4NW+6tOwPZBGNvYa6tdDPAkaH/\nS+0fbZe1wexOAhJOIvNcG8/ZfdmW5+Y7fZbTHJ3l3tx1f6Nl+CSStvVpoXxe\nJIZVLrQ4zddBOuRZ6Ujh+1Dn/gFTeugEadaHlKFh7j3QtHxnhXigBJ15zwx3\nppVOMcAtl+HRjdjiV6HlqqiPZt94GIC/67RHcEujjOsvNyHR3VVffFBeUymx\n3Q53nPiZAhOrl3jwoIABd6CkZAZ0OW+5y/nLHaQsB41aBLmHcLBJoS5MHP+N\nbT21\r\n=UbBU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"914e71226c9aee0625b5bd1fff56b887e3c924d7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.b82d0696d.0","@material/feature-targeting":"8.0.0-canary.b82d0696d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.b82d0696d.0_1595879848352_0.39042743798461643","host":"s3://npm-registry-packages"}},"8.0.0-canary.c2852000d.0":{"name":"@material/touch-target","version":"8.0.0-canary.c2852000d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.c2852000d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5ac98b81be1c231e80a2c6018ab42596a83dc224","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.c2852000d.0.tgz","fileCount":13,"integrity":"sha512-d9mEmU3uWJjfVgT91hySc863Nj3pq4bu+qJ5MnKBZIakAwcsitz9si6x1HeJ642WODX2UGaFwAyXIDI6EI6MbQ==","signatures":[{"sig":"MEUCIFGLQZDROE5Q2vKWogGKJZWa0fVVfXZKGQ1zrFIqBlpeAiEAiiu7o0rFGNrqSoCpJttOoweMUOSjljTmZVzP14xXP34=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHz/FCRA9TVsSAnZWagAAFXgP/3kfhWX/6xn7kVJ1CHqp\nWnQFeOonDItP8j0+V3xXcbA48cJY6aWGs4fsOuDdLhx8fdiAg7m7yoM0+ohz\nVZyoxmHhCjTuzunTy3oYhBU/EUJT5WOP8PM1NpZfL4IeerAztU0Ylt183yMm\nJZNylGot/0axwoKBHVcdBqJLuiWHkTPKtwI4WlnkSjKgfR0zkQFPqMu2267T\n528y/MvEIdXpQ740y659u6Qow0et4RcN2lE0zPKNre/ejcBxtonz/DhDbIsP\nP0U2yQ9IwZnyy8lk/F0iaSVmduh7OJcVHUJUUXwrU1mLZa2fRwCFby07zWO7\n3pcI3IKpbnsGsV1YT4Y5JOdIA7f66YB+0BZkrpX+2fB+LmPOVNx5TJeHX2fX\nMTwhQ2yrKDKpXe2S3kisqAd8vp/C1kJCEwbWkXKidvSs+Fqgq/vxtLESBmF1\nsvP++U1ddHBQz1bhNralOQp2O6MlLZLa2SZlN+oVdGbP0d8/KmP6iEtUFXyl\nJIKlVhC5e0/8xTtRNASDRdnkeV6V+qaNA6lLFxhG7Y6BVqOcz11cyt3k/bI8\nER9OUTtC7sDvzghytkDjEGsWHrG36gttY8hKEuQCu2HAAZBqKHq4sO80Arom\nrF4LW0lfO/IeOKRGZ5LuzEaP9A8tTbxO5HqQh9dVjn9GDv/Lz/rVM2mGEeFR\n+bHK\r\n=rkx2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"53080ff99f83ab326fefffad16cd09e449e79f27","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.c2852000d.0","@material/feature-targeting":"8.0.0-canary.c2852000d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.c2852000d.0_1595883461481_0.8291200338191302","host":"s3://npm-registry-packages"}},"8.0.0-canary.f86f83f54.0":{"name":"@material/touch-target","version":"8.0.0-canary.f86f83f54.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.f86f83f54.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f106c1090328c81694e685fe19b7468826012e4c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.f86f83f54.0.tgz","fileCount":13,"integrity":"sha512-JJ0gD79kIdfG9H3NMkBBbZT5/W+jV09Ss9Un7Ilayl83BEI7vGoAf5q8/ixc+dUuTiklwglH0BDv9FvQCuw5Wg==","signatures":[{"sig":"MEUCIDWBQi/cSzrmME1JqO2tzGKfQC35dEicOf1oEaCPovBUAiEA04bVQlAlVBcd23NFC7AFtzbdclYgs2YgzeqY1Ko2iDk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfH0zeCRA9TVsSAnZWagAAvM8QAJKicIV3Qz7OqUv2KBSq\n59NILg5fyHMr7DNHq6qjhSxnS74Ypn2D2WzKbsuQz3qR487Soda4SUpqD9mK\n05R4KZGVlvphKofOQx4eiRZyaGGut4oWEtv8h2GRRVvWhN/jKyfmUyoSUaA+\nPE298konteLkl8MLZqmrYHAtvUV0OQbelA0Pq+n6MTkGzysXYd8XeFwrbXb/\nGdpGLYVGhqSa/6TMXK+ixRF0fUqB3fhmCGOM7QoTh1UTYiv6zL8gAJEKhU86\nOVYzRgorhHOLPyiYaFrBPMh2Olybl0v6RoRnVdfsxQ/AD6rk16o7ODoYOcBx\nZzmheVqfTfLNVy3LFoDErG8C6FN5ZD4zKBa6X/ylpvrymgGCgTXtzYnyTiJW\n9NrBSq8oYii/UVuiEEftXSlIKDfhSrmqQnE+LfbucV/cikcT5R58HBk2ko6z\nLZfk2x9Rw5mXrC7UxRoERcPLhYJNtA8k4ezxLscVDTMaUyJy0HidUEmRi5BO\nmD/KVyHTi0V5HP3+aD6+OL+bQyBk0XsazIKK5wcEQbL8D3gPClOtIsrUe7eX\nynDL5EhNr5UO8zRiYcxfVPp6jjqat9CoZ7KqVsQDZ5A49fyvjb97j04pHsOp\nrqIhrxh1uqzgXoAR8kyjxDRo7Xnl00d2Rcfb82dpZGSabGmr//Ck0AmyjzOp\nADVt\r\n=gEnI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3c8abc334934dd33ace7aec681868717a4e26d0b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.f86f83f54.0","@material/feature-targeting":"8.0.0-canary.f86f83f54.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.f86f83f54.0_1595886813995_0.08648603724797832","host":"s3://npm-registry-packages"}},"8.0.0-canary.41eb1684c.0":{"name":"@material/touch-target","version":"8.0.0-canary.41eb1684c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.41eb1684c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9927dbd0e3a2dc928ca5e0bb09c4d69e825e8de7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.41eb1684c.0.tgz","fileCount":13,"integrity":"sha512-tWnHcRRuzDVFseU+r+j6NMktNCC7nTO3ulCLH2Bxs8+98TvVloNMTL9ziOK/3hlWeeBTaJYl3jeD2m6ts/UvAQ==","signatures":[{"sig":"MEQCIHZ7IzDSsgCgy75sOyHreH4Ah0h4qUJ0tQnEBpB7r3JZAiASVfnI5xoo25aKYahbfFNuyq0KCqz+6BHFMnrfWPUD2w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIGU3CRA9TVsSAnZWagAAIYMP/i3zqUjf600Q6bMrPUF4\nsrOnyUtgDCBhR52EHojLjAP347vTEgTGRI0NDwNJBxhh+j2K+jv4R3h06EK8\nB4g7TPqxkdR/+CIqTnMggXKFPL5tiDpnQZYBzAYYHiwfz5ua2HmSvWIm3Hk8\n5lO1qFdp0QuqTweTWTKNhPy/x6LRwTvoKV0OsfnHdsmS+heNDAg8wG1kgneS\nFS9wqd84RVu/nZ0ZIruaGg4xNG1rKuCYO9XPtf50sEJtvaTJgUBj1PPpz0GF\nkByjVWOrByKD52/JgLBtQnkcARKp9WShZcU2iU59b2qI1UzzOh7RM8SOmjfQ\ny/frx953A/MnVEqUSp82Zf8a+Vrs7mFoJt8AZB0cAZLzssKuxLFIQnpePomC\nA4vhnWYfiXO3378pNrSwYRrLwsoYgV1MLRFGc4JH+Za2lDk1siYUIDdsZGqJ\nXcKnJS4mqU3RnaaceOTVCxm67JeRfZHjKVBN3nNvvNlvARxsJh9R51OW7of/\nnlzrNch6efjeEMjLUPKiWym1b7X5WUn6jlCqI26gJkIHp3a3HvCEFpBJY4d9\n93tzYV5oUhtoBh8oah2K/8/IoXqBDuyBDfpD9yMJKxNtMBQ/Jd7k3T0LRZlN\ny27WZrp1ZO3pGCXcLf02durbnwUDl6qR6GSvgMttPTQPhAq5Sdbrr8ny9esg\nbAAo\r\n=8LKI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ca556c545f0bd908ba57eb0e24e99d142cc05b1b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.41eb1684c.0","@material/feature-targeting":"8.0.0-canary.41eb1684c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.41eb1684c.0_1595958582680_0.094666349720546","host":"s3://npm-registry-packages"}},"8.0.0-canary.9e2f6c450.0":{"name":"@material/touch-target","version":"8.0.0-canary.9e2f6c450.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.9e2f6c450.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"212fef4d13b0b9a747857c74bfe6a87443c9c1fc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.9e2f6c450.0.tgz","fileCount":13,"integrity":"sha512-paxiJvPRdSJDXtZKbvjysKBfwsthI54HfW+dm9Fwbry0kJToWOHf6q/HrvYtXHkWT0mi8p9hUW3rjlI0kEYbeg==","signatures":[{"sig":"MEUCIQCVdZaEBeBCBR/FP9tKjZLM76eO6oksfPDACEjFS9WwpAIgESghV0jJu7zwb/DXX9BpgEwhotvIm3Q6CHrxqPogCaU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIKjuCRA9TVsSAnZWagAAG3UP/ixdpVtoXVfg6FeLIAka\ntbcQ0C60kcyhQo5H0fW2joe949sjQNbYPq/tGWVAQdCwvlfOGYPNPDfbOAmB\nIp/AqPTI/50r1YS8kbeFSgvFdV5qximSygGaUFr9lS6czYWZ1kpS1m9vQRgU\nsXub1VRzxpATLBXQWNx8xjbbpvZhcbBx4oQJuFvf9OOiVJHWzATM1XH3pxwy\n0CR6jDiZUhVyuLeeyKburBRMJFoMyvvxP8QoAVWbNzvfZxrwTN7ON8X9xmsN\nX608NP3lMKzGIxF+9He3U/0OzPP49TcI94E1cI7rPj42YCrF5Pp7cl3qt/x0\n7buRagoiztCfGY50EnD0iSC7Jp6f3wqWsfebJd5z5HWW4cT7qjIaB0Bs3YiN\nqS08f44zaOzmCPOIsf4D64gm2FIWK7vcpwSJEIddWKbQhiCI0J409A90UXRu\nda15amf4NtUIfNEsfoMvEogOOHPoBMtY8unhX4y02TcTg9T/Pvk3w8HC022s\nQfNzRbsswPQ8kO+kk1M74xZSpPjTQ3FWhH3+XoCM7RSJait1FiWE41mjTrRk\nxDtEM87jNwvy3LlR9op0uWFPpmKmN3wElhdjttXa9lPuA/ZTcRrEjgD0FwqO\n8zsE1wlhvtFGYilMfeivOlmeRbvFLkfwYznAebvr2hfMx0NGiVybvD8utn5u\nBV5n\r\n=REwk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"20a3870f861650ab884eeffe1d7657aa376a8ee0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.9e2f6c450.0","@material/feature-targeting":"8.0.0-canary.9e2f6c450.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.9e2f6c450.0_1595975918369_0.20588626863370152","host":"s3://npm-registry-packages"}},"8.0.0-canary.e6950b55a.0":{"name":"@material/touch-target","version":"8.0.0-canary.e6950b55a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e6950b55a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4d3bb9f4073c8a793ee309c1efefdfd16c95798a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e6950b55a.0.tgz","fileCount":13,"integrity":"sha512-ksVobevpVDMNaqXA2QoPyWNyD+Q/FhbbRU/hQcsazAFGVmRq3Nrsl1C1JdYx2Q+OrZrMM0dxigofY53ScPgqBg==","signatures":[{"sig":"MEYCIQCwgEQYqOV9KoNMJQgiI+J881Zovn+u7oIxRlTcKrowtgIhAMDyAOoKIFIXl4HZDALYQlmQ+eSnmc3h+3wfQ6OR1WEt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIKv+CRA9TVsSAnZWagAAEQgP/2SLHPy/f4naD4IzS76n\nZit9aCyIsb9AOu/lkJ+UT0si2wXEvWE7IfjG3gc/AL1iErN3aFl8tWGrmt0W\nQnGmDXBzJuR4SfiB7gW45TZ351HgV3+tS+uzY5Aq/JXoueq0FrdL5vnlq8SK\no2R1vW3Ee9B66CiHML2uDlk902amoOBOZw74n8ONIMP3Vz/pbW3ReT0TuVM7\n6Ox4IEltI6GMVBjYXXUtbdg1crq/QGjv5+wyJ28ZdEYkH6mC0nV3GhPI/CZr\noOhbWjlVNxUo3IKHhRFyECWY6zXunAK6WhX+Ggh+ghoDamxxOVCwRGmk0rDw\nJBtTDUCkpQhZJ8/RacVF02OcMkp9+BJPmMf7WGV/4xXZDzCv9eki+r7TAJG5\nPJ372QvbNk6h4YOm8T4PH6j7W/p6F8cURcoJy/IvwfNxqNzpRHlMp3xCBahI\nYowmzsV0YzIoP8s/+rnHs+Ncj37rcKVadV2K2V7ryRpb7VD25jcBBFKXwWg4\nKgeibiGinY+YTx8YwAWYzKtJpnro7K+KG/5nXwm2E8VRJHC1XnLbMU59Jwpf\nj8o8xOtlpJTaJgy0cXEOmD1KnQPu+BQ5pAFGX1o/879z3SQaEAkWDAK4HVBa\nYohM6SaQok7mh4DCLt8PLjcF9vaZgpc9erOtcPs3qjFLCiNSGT+lWuQbNgzX\nweRT\r\n=WALW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c71461d7d95f313de3fe5609fac67c2302432c36","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.e6950b55a.0","@material/feature-targeting":"8.0.0-canary.e6950b55a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e6950b55a.0_1595976699648_0.757563861019316","host":"s3://npm-registry-packages"}},"8.0.0-canary.5e51ee38e.0":{"name":"@material/touch-target","version":"8.0.0-canary.5e51ee38e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.5e51ee38e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8ad66301986877c67b33e01aba56031a606865a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.5e51ee38e.0.tgz","fileCount":13,"integrity":"sha512-t7+CRx4zUIlwtyj4x1igyOr2iOGkbj4fXFwryf7wU+9STkzL2fhaj+8UDOAWeyBZ/I7YWGmFclV/Ourn2CIV4Q==","signatures":[{"sig":"MEQCICJJaXerN/KJTgqvigYmHDnr7fp9EZAldXhNKXndNcCkAiBU/Q2E1feykhZrCEzwPiSLtUq6PxONQ+M/Ssjaiq0h8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfILGLCRA9TVsSAnZWagAAakwP/RMd8PsZ74pE8C7lk5rG\nHh6cVCKijUhPT7hKbszMZdZU39JyqeOugtb4uybYG+ULrTD8PkCF/cCxnUty\nKLMYSET60KqYUGL1XIAW3FxevrREFfvh3g0Zj7nV+xAiDcneLUO+CQYRXneU\nC0NtTVYSv8sy/j6OdQwWnS4WxVCclbgnarz44spBNQUOMG1ZezSDgn3WDF3W\nNzF4Hcsx0TwvehtfgUVQwMv7Oqmb543635YNfJDrupy6LOoFJcmuva1AjmiS\nrUloL8Z7Dtk/9G2dM1+ugjD26ygm/tVXFPtpFI2cx9QBNhomipG0dpGx5WvJ\n4NPU6K7o4oxD2xTLb8gc+RfYM7cI0GHKMQ9O0d7K5l1wjdqjsczXTrdshcTA\ngr6fuK+ETFM6TBASrUzLo/ojv7yOFSg7+4XHOJZyvENDu88ZeFOfgB2XhV5U\naHR7oAn2Bd2uTybY18vt+M+zMLnzBdF2QgCoQlxfEcFF9BQKovS2FVFywlRq\n4Q4BCr5rNZbhsvA1OlOM8G4EC4aVwqjgoDusDBRCV/nyHNuzSGb2tzCWAeX1\npBs6VBBkLSSMfwcYwok2C/3WWqwK3yjSRJpqrfLywPifM8h0UQp/PB5udeW+\nbGx11nQynTKTb0hPEPDutMTS8jANMbFK3fbuwC+Bib2QZOYrZk7oG6+PwlXR\nslMY\r\n=AOcQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a7ac25d06cd849dbb8b1620235e913c46f5d7849","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.5e51ee38e.0","@material/feature-targeting":"8.0.0-canary.5e51ee38e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.5e51ee38e.0_1595978122224_0.17363986224765604","host":"s3://npm-registry-packages"}},"8.0.0-canary.a3898ffcf.0":{"name":"@material/touch-target","version":"8.0.0-canary.a3898ffcf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.a3898ffcf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71b162c9939d23a33e647ac9e033f5e154c5dbdb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.a3898ffcf.0.tgz","fileCount":13,"integrity":"sha512-WavFwCVH4buTODc4lL6a7HBbxNxNxaxS6LLa47cvOvPrMCShl7jcpNjmPO1l21lOxSHqC7IaVQ3ztUXfErh4NA==","signatures":[{"sig":"MEYCIQDoKrRYuyncO/5cD9XTOp3V40ICIBdStVwxQt2krHIyngIhAODuT1ZSUgT4n+BJZldNUIj3pjrU5g4eLIn1Zdc+dbOa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIMRnCRA9TVsSAnZWagAAdW8P/RnZw7xJPlZvRArzc3Dm\n+gg+hJH6/j3OIZgH2I3AcjhZDNxu5vesZpJGNpx20pU6NGCrCiQL+zHD69/P\nVJHZa4veMYbCjU/jkzTBK1UVJgm6avq4bsA24SS1L39ndVO7f/jgrQXbFqf8\n/8d0jq0fWy/IDgfaV1dIGTue8JWZYOhxFVBj49q9Q6Zt2Kj8KYMChxwoEGWn\nwpF5IYgzD7zubfLx4IH3s8xJWrgT6eslVbYNfSWZXC7pfn319Rhl1rzBDFla\nDW4H/vm9uPFJVcHtqJMGR4Wz60bvM2GtZe9A4BDqeQbyNwnwMsY2FbXeOLiY\nMH2dL6YFAgtWGhgjVLufbA48x9/m1loBIkoAqHBUYb1AfRHTmGy/j0DkFq2o\nryH00HNTzuth1BHJX+IFwUUaF5tiRgKhmhckydpAPWaa/iIuMyCIlKidZIIA\nz1JOjG+IaBVLW/FKalakFlWCWT4vEv67VRF1cdrzMGIvXSnGO9ux8S6NgvWO\n2gIDMXuFClcpOUy5SIIiYiGdJzkwb9VLphAIGKtRh+5XAPZP+sGcJZlPcHZz\nxJ/Sp+Eqx1Ph/dqs2ZHbD2MwjCVPN5bAln0w0bq8BZrt7+62jguJz4fAMRiC\nN6/H0bZjc3qfet185W0KT1QiU90T51PgsMR5fu4UCR+NaGehVyPnvMAvobVk\nlYX/\r\n=RKXC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4382580dcbfc3da31d5107a92231aa87122f3f30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.a3898ffcf.0","@material/feature-targeting":"8.0.0-canary.a3898ffcf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.a3898ffcf.0_1595982950851_0.5332831190677245","host":"s3://npm-registry-packages"}},"8.0.0-canary.bc5cc6c96.0":{"name":"@material/touch-target","version":"8.0.0-canary.bc5cc6c96.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.bc5cc6c96.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9124a16e5fbbe6dfc9308208dafab0bb9bbc556","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.bc5cc6c96.0.tgz","fileCount":13,"integrity":"sha512-PLDVdIi/W8NAQszahi+8k9MVWT1V4PgvW5Vjh/kdw1nAETLGbBAMVUz5f08QdyfmQaozOZZkoO2iK0OzzFSyyw==","signatures":[{"sig":"MEUCICSZc4RYqNP2vTfKdkWczbwsB2Tug2ciQYTq6ifsMRbcAiEA0Zey2H/ocQy+yayVXx/40myyszh+hlEcriKSJ63i4rQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIMdnCRA9TVsSAnZWagAAPn4P/1gaKjBeaUyIqS1u+oQy\nQjqv/Dfr3QEGRDvWlmHgSa18BZsJCFad/k5aIWI55C3WygkzLemtpyfllwhn\nH/7EuSX05X2/nd3aCkQBqQh2b68PbM4y4sdzu+6kg9ZefDWfc8swdxq9zMSf\nZ1ldqSAvjE5H8K1is1JEeVkj8G7hHJyNxzPTNooSqAVS8MFZ9dkPF0VkCIma\nnoP//VTpqHpyBy0sbiJu97SSS6uP3s2wYtDOYlRU5F9FSyR1BmZ26qxQ0/ql\nBGb1xmgdP5ilRYRCZX1pzn7FCp4ITCxKgxEZXIfeB6N8nKwZsPVWHGBFcU5j\nAbeRSivvoZxnE8HKDsDo18DVZb+wRAoSx3d18FYt3KoQ8BKs12Df/cb6qdC8\n4UboOuXZY93gD+dyDjUxhLZwZY3FZD1J6HDWf6j+UIEzozZJrNZG58NeGkhS\nt92OiO9qgkn9d1JFrCbVknjUxzDT40MpWVNqorY7j1yBTCH6rWyPZGSol454\nBrcYWMeV3PAM0Uy4K4A9OfdlW5nRSSXPgL6V/lebudV+/D/4hsgXgX3H+8nm\nfXbgeziWHwueVFnVyFNSaOa6H0RQt3aTvTbLM2p0FI2iaCJn1Dda7CPJy/2l\nMQeMWdo0qGrTXQr3PuasBQCqjoka6EKNNctedbFf7k1l7cR4MQRZmfzDLUc5\nuNhA\r\n=XnvV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ef5b32f85df29f3c19f5f6960f0f2e58025012da","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.bc5cc6c96.0","@material/feature-targeting":"8.0.0-canary.bc5cc6c96.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.bc5cc6c96.0_1595983719504_0.9631152926673259","host":"s3://npm-registry-packages"}},"8.0.0-canary.9bdeaf928.0":{"name":"@material/touch-target","version":"8.0.0-canary.9bdeaf928.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.9bdeaf928.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d2119665bb646a8cff214807c939d032374f9178","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.9bdeaf928.0.tgz","fileCount":13,"integrity":"sha512-lKppFELjJKLowRBp5FDyN8MXQnejgXZb4j+YuKbs7X1au/A6VFqQTnwrI/bGLY6NtCA8Idnw5qotDBZuBUKGQQ==","signatures":[{"sig":"MEQCIA3OJP3YQiAGvIgsH2uXw4cJKzTliZ3GyIgv7f7mzpcZAiALuoIYzHrs7Ah6uJVVr4of3P2bR4a7M3HD2/duViXktA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIM7ECRA9TVsSAnZWagAAw/4QAJ3zdnJX6ltAFiEE/+ku\naNbCBfV2CyfB04DxI+Fzv3VCKDAFQglRfwOd2S+GXdS/Up5Wxmk/XhxMiW1e\nqaT0Bejs5jKfyXi414bb7R7FAqfZBPYHlCs7O2+hOEBjcsYNWbYTzhQRk8ki\nrw+ydc1QKmEi8mILuHXqP6XNdtFwdtN/dFBnY1l+1Iqy5cx9vtFsH8nW/nIW\nhyyoikZeNz1y+mF9gd+ZaLX+CNtzfBYGhaahGwmF3vSvchk8ae29W7ZodIri\nG/SZ3EErQoeh4wlK082KUSCIs7/RE2Pbcq+XvXrcdKnfGiMmKMG/4xn/mFje\nmVeFLXBQE6OcZ+wCSGjLQXEVR3JJisTN/Ji9+JqxI1IwEUHZ1PY2rKrfdnUY\n1InCFL3Fjezy7NrZBbE3Jc8xbcrHayru0YISUn4pmbaGmmVusg+YHD1/L0S1\n+kubLWDdsSRWsmRx2Qubu9qlRz6SVy8SeEekitVmi9WxlKwwdGSND3SuuW4W\nz5Ilpo9Xr13DqWIyC+EWb+VfNmr0RlPHmC/sRd2H9RdocDKFtBMGtEvh0O62\n+Fjai/kZ7K3AZTIeVjhAhuq64v3OuFPttBPcuNsyTuMopDtBx69Knm5P4my1\niXUFdszxeoPBU3Be2fvm0rJAtG5vzwCyPUD65aUTXME3Nx7/0JnoMsgX9T8u\nUzWv\r\n=9/2k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0fd3de7a6a462365d56e724dcf32c2c1890f553c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.9bdeaf928.0","@material/feature-targeting":"8.0.0-canary.9bdeaf928.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.9bdeaf928.0_1595985604421_0.30087639980993575","host":"s3://npm-registry-packages"}},"8.0.0-canary.fde2c1f9d.0":{"name":"@material/touch-target","version":"8.0.0-canary.fde2c1f9d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.fde2c1f9d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"117c63d69a13b06b21d5ee6f9fe5513c48efc8a6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.fde2c1f9d.0.tgz","fileCount":13,"integrity":"sha512-DWrmeE2cItSiQPah3oogKmxuR/OzYjVWz/bybGwiyMk/KjmoBbhkMxTzYwPzXq9wQ350xpN1VbGaw44fuKFfDQ==","signatures":[{"sig":"MEQCIAU3I5VQhU3sUwlIIwzW6dEMXlkkUy7NEOhHx9IIhk1nAiB65glVHS72utBM0NRW5az8vp3Qgts6wCFJdnGZo8RmkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfINIiCRA9TVsSAnZWagAAEPAP/2mtu0eJkWlaOcW9r94o\nWsp2FhRtC9EjifRgAJv97XjGYygw/RYXGbXyIW7hxuHZkvxsOLXfN3lVHQVY\n3rqcI/9Rpx/jMrO5fEUAMevDOz9/GS2WshJmfiDpb4NspdtLnzYV+A+iqOzT\nVPB40vq1N0B08cSj4RE+PuvfHsUohx08M4wcG+fz0bVW5FUM5ZoPPCzks6Ui\nYFdiaXi4uxIwXfeadzrKeDmZncouUh3cSscZcSVgYOwJ5P3Gd4EnVTjZGpya\na/LW3co0GA+efA0o6XFrU+j3/9lBmLRtzWe5nqYoxODJCLVHobeUyahCtKOS\n3nn/WUi1rvi+DloSFeC8PasSrSZ3PrO/WGMhfIXbID+z3LD6Caj5X+Zul2M7\n8xq1EdaJQPe9Rn8QcZuGxfvZgRhs6ZHuZ6cC6ADKCq2hl6PJsI6jLQebMDz9\nqcUKBEHMuESC8r+sfKZ/zZJn9RVBZa885aq4N9Fgf4EwivGBC1A5LH4XfQWB\n6E1/0U7lmrwF/XhiSZnk5Pn7gtcJ36uvfIIg8fpWnfwLMqbt0j4gf3QFaGQF\npsECLUj9PsJwTEcmsGa6hyCaduf0Fvj57XDb6L1Y+LmISXLXz40rhu7Q/std\nMb823JnNk+agsOfI81h0Cfzzd8LMw3zRrBCX2Iv5appNJFPY6DdY3TQiH/Hz\nSDbW\r\n=crmt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f2de51610533bd781edd8339c8555a3c03546e3a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.fde2c1f9d.0","@material/feature-targeting":"8.0.0-canary.fde2c1f9d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.fde2c1f9d.0_1595986466101_0.3282262350414238","host":"s3://npm-registry-packages"}},"8.0.0-canary.6b3876d5d.0":{"name":"@material/touch-target","version":"8.0.0-canary.6b3876d5d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.6b3876d5d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c2b7ed139a76bc1ab87889336e7be4b058f4b42","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.6b3876d5d.0.tgz","fileCount":13,"integrity":"sha512-fDenKc1tSf/tH4UN/gnMDMxRVUntM0uVZryqWTbrY1I9SKl+f9WrW5KK3qcb1T03fcfJh+nBAG8VpHs7TBEgEQ==","signatures":[{"sig":"MEYCIQCrmkfKvxG7TpEd+YfYbxase558F4fi+I2woMUfs0UIeQIhALcW8QoCmZD/VMvfxMOnkBcJ06lNn0b4hGWid53KDHSo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfINMDCRA9TVsSAnZWagAAEb4P/0qld1zA0hOQrTD9mWUD\n1x/utOfVGUBvN3vSe5WJdsIx9mvgZEC3KXxTD+hboMdhGjSC9cHB5HX/ZsA8\ngbPhB/4Fk+1K5crY34IYKyr6B4ic8Zg/uw4+XYWqcIFJpZhbCGkfsG3jnCrQ\nJRJvRm7zFoa6oluM6rscwGZlnVzc9mQ1Qt/AsX1ecgGiVtlQR6AOv2Vw0aZi\nA9Ld9tCLjPYjHZnhwmpweMs9C3RxcfDIAVUKvLSz1/cFtaf+uk+7QifJll2W\nJVAhPP8RoQYLVSneyHSZ9A3f815iFb7kQSRj1y98zqkrHjnyLW37eOxD969N\nDz34OBcqbBBc9pmQSXV61NyRvKHAG8mRSi+IXO2S8b047Y4YkxEq52S0qcZB\nxmbZPU5H34ndRvjSl0Jg4FahGRiHPxhLZRjXZ5V7MegxI21/RJtWdbu0M54G\nlQitPLBNKT1opK8/tD6Q4rNIn73acg8Fq6avAno4vV3YuobzZyndFkLvxEt3\nUIqLumZuLp6qkEU4OJPDWVDhwx/almJBtTtR4/KTTgsWKoUJGUOv9GG+N+L8\nDLvho3zrtbx97/1JhnyoatllDMhM6MtMf5Epihc2L2WvDhyDznWsFv7rI3nm\ny6MahL/wLMfFuVx/+3U4medc8Ius8x4t4fXNYo0RUnQmC2NaXq9i1TATtZHm\nyaGh\r\n=qUrF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3559342f661baeb39f2e70f1172040aba07dbc1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.6b3876d5d.0","@material/feature-targeting":"8.0.0-canary.6b3876d5d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.6b3876d5d.0_1595986690805_0.9967306913558129","host":"s3://npm-registry-packages"}},"8.0.0-canary.30ce17873.0":{"name":"@material/touch-target","version":"8.0.0-canary.30ce17873.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.30ce17873.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b98e749c3d3233b1c5c3105079326357cd8af72","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.30ce17873.0.tgz","fileCount":14,"integrity":"sha512-Wd7WvVAbU3/EWdlEw+RxG3B7iCCe351n0uVXrZEl78IWHVvgqPkeyiXQ5P2MlpLJp6zc7bs+oo8R0uPn7fd9/g==","signatures":[{"sig":"MEUCIQDx6vH2l+hbeV/CvXfnSvSwp4O2B7lhmrw2G5lRIGrZ4wIgF1OUkAE2Y0VPmn7zHqDAX3rGB0Bdicf4rtFGPdxW7OQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14055,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIa5gCRA9TVsSAnZWagAAp6gQAJC6MoWrQFHluRLkUgp+\nLoG40cfYTd2ujm2M/J41tSJPVUADH+aGtiYlOCftVnvrYnVZVnDEv4Z1K3YM\ntn9MrwdqU6l49sD81OBUVx6NrlNB0u0kvLAui0H12mp/SBz9lc8BfuinE7pU\n28S5a5usU/lTJ2Ejl2woMkjdi+yWnaHW4Uxn1mEHTC9j2vgiD5B+j5Uc3mt2\nHnjgQTKh05q6cB9fnKXn5AcMvJVbsceedDFJ1nj1Rpn0n3CFTyIv4BYOBy9Z\nnVJdm09p15nJl6XfK4irX7FSUfzXBxFTKC7CO7o9p03Gw8v3ZEB1GFMkTImY\n5jIjhXBQaxq3h4Ut1WAwBcLNHUVUBuDaT8NOHfzvZ0WeGp05torn6pbHJT6T\neW48eijlGf0SaSGDs/I+huNbCRS+MkSmhKB2Wnx9oLTnyOtqaY1572HSon/p\nlsild4P3lIgYd7lq24GN2zrUxwy0JCl7i+kYTXfsPZ4CN05lJWlK7Qw/+dOv\nGuTgGxBd5dRipmFMtO65S3qbj++dOY05m6LOY2y+6fvu13SsH+c3uIWondD5\n7Eu6OiA+wpjSs4a+q6fIsxSen4khbfXnnSCKMgZ3U99g5hbgyg0YRG/3S+6E\n0ENz/CGQ/uKOkxDkYSkF2VR4NECE1QEGYFjgAjEIeziSfZI/bMxjJbYogPzf\nx14H\r\n=Ex6w\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"88fa0309b6185f09fffdbd61d0c3e16f53c2530d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.30ce17873.0","@material/feature-targeting":"8.0.0-canary.30ce17873.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.30ce17873.0_1596042848244_0.7489457505710024","host":"s3://npm-registry-packages"}},"8.0.0-canary.f6bb43bf0.0":{"name":"@material/touch-target","version":"8.0.0-canary.f6bb43bf0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.f6bb43bf0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e5ccf43195655caa490447fc0f0cabf9e9ac1a3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.f6bb43bf0.0.tgz","fileCount":15,"integrity":"sha512-/Es2Spii96alMyAoV9H/oCFuIHFCSRsUdgRIgMdVmzHZBRy6lTzaocO9YEPnCG4kSUrt9+zNAKOlg+TKBRVF9g==","signatures":[{"sig":"MEUCIQDhXLu/LRfnjb4ONMXKGL5gl2BxtH1pvMD9yb/F6g9tXwIgTUlrWneGUeBHt/VpctP4e8NfPL6XvUdpblcHa7FpOxI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIb7oCRA9TVsSAnZWagAANCQQAJ7okXTtg6TW+WSl4e2M\nYQfIf7PKYINrc2NVONZbrYwWiII0MUBSnfH9sTXbajUt3bse7uIy4istqZzg\nv4zv8ZdO8N5JTl1z+LNkdwjCO+0zixmVZhguyQHSVuBBFdDwonnwg9Gyungf\na5ceL6tjpERKy8Ay/SNwQB+RLvwf213iGV00etT42fIsZ7WnMHwoC75eyFRL\nXcR0q+zBbEtRCIK4nQaw6pgd6JOT49axhPkmQfzhPtLtUHZ1ECNjbzKCT7A9\nH2krnu0UNFptU9F+ZooxZ7BQwWEPvMsZb/6e3mvfDLjkbDPSaCTIUePde22h\nSr2wcu7pocqB2JhfKal6i7E3NorOc7JhNsokpwtkA4PpWXSKAVf7ogFGYgRt\nV6D9yo4fvFGFo1oM8UfaVb6rVeHsyHg7Ub4EZ8uczv0oGoNhu72NSa5I/vhU\nYwc+WNj4OZTXAUYa1o5ZvacFcNnb/IRsDsb9XFk+Yz5+1Juuz+ESerVh7DBN\nhN2QTFSaBZpwugFcpuQLMXHwIWWdv5qVssMZySuPbo152Q8wL3UguEakfqIM\nLvzfjhijEXTKCwtuNdOO7/0snJVtJ3MFZTo1c/sZt75pufibn/uS76vzHcje\nS9UlJCEewnq56NGloTlfnpV44QqYDcr+6R03PunqfyY87/EOvWctHEiFp7Gu\n7r6A\r\n=6BiR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d511f86ad9ca4460730b732c04ab497fd558d515","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.f6bb43bf0.0","@material/feature-targeting":"8.0.0-canary.f6bb43bf0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.f6bb43bf0.0_1596047080378_0.47141760130732546","host":"s3://npm-registry-packages"}},"8.0.0-canary.6af75f6ab.0":{"name":"@material/touch-target","version":"8.0.0-canary.6af75f6ab.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.6af75f6ab.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d56bbae1ce08250e78c5b5ffaa54e1350d0f8b9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.6af75f6ab.0.tgz","fileCount":15,"integrity":"sha512-E0vu9BLxQ3FapoDw9ZZ3/J4PNbsRnaAhS+1WvsvVE4cKpyux/5wj26UcB1/qzVNWf4PJoG6SGuLxqVUU11uL9Q==","signatures":[{"sig":"MEUCIQCp8XRkX9XzK/ck+i0e6Mfr3hPicJCZrfEwtb0ZPSu96AIgA5X9vrVXPP6+iJpZHey04uT09DqvrOIMFpo3ti30dl0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIg2xCRA9TVsSAnZWagAAHU0QAKUDzIevmoqFKVY9tRac\nRkFRPkbrHltsE4gecJWQOdZrx8F8aRe4uez3bB8+sdQ+Ic9GoAbr/cTQMBOL\nDZ1L1kfq89Cu+VPHaAp3+K76DJl8YhtpJcqdM6nPxFIBO1g2Xtr47AlS53qn\nk/hJ32mFGHfvxO/zU1RO83I9RhzfJB1Dj3GigdRrc0VBC6hftuIg/1JR1sjw\ndK5/Z10nbqqKoTFacdT3ph/2pc9CAe7Bwwxc4Fx/v+3oA+4x5RQ0y9DZlMxe\nNMUqohdotcenvq86o4azB6OyvhyWonsdKi4RgCOpw17VoIRgH3/pR6X1nwU6\nYxcRaMDp6BUAl73KXXpKAnJ48hosu/5wbo/XfXD+1FZ8Y6rlTcW8RTMezg+4\nJur+PpR6jdWCcnmkKdL290HsbfwzFubGcMdG0cWGJHuIuKL3GF/VsGctWGPC\nBzv/SRjSZEP8hCqRPr7nv3uBTRoRrDK7olroAFfqgJ74nKmKUF+NajbuBMPY\nxY6AndGvYLBy3uG/Wz+KrT0LWjNR487qhc2XRQpoIywz1JYyJQiYjudKe1xZ\n1r3dTZL1QbpNzwf7VY7cBrMxI0ix++rKlp1MFMkU/v4PERNnkGOzvDw84Hzl\nqqi2LAQnG+yl+0AW2Stjk3H4lbLzMUdmc54cdZBi2NViankvXugKXcp960MW\nceDV\r\n=3kxv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"44ee60f895715b8f7c0a7da67637babfd33452cf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.6af75f6ab.0","@material/feature-targeting":"8.0.0-canary.6af75f6ab.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.6af75f6ab.0_1596067249285_0.9451477374690578","host":"s3://npm-registry-packages"}},"8.0.0-canary.42d7a65aa.0":{"name":"@material/touch-target","version":"8.0.0-canary.42d7a65aa.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.42d7a65aa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"950ac7c4574a5ff030adb34cdfbabda87058e3d8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.42d7a65aa.0.tgz","fileCount":15,"integrity":"sha512-a3itvHzMfcIdjwElgw2OM8unRYIKOT0bcMNrDcw/LX1k/8w/3Asl4t9WkuByH3OhLFjAu4Nn5Y3D3ckaPJ8Rlg==","signatures":[{"sig":"MEUCIG38toyN2eaVgGuSV6gcs2FKkCWm9PJZCsZrkUIeDLWxAiEA7XG6idk9bZIFGVZEGSPxXXOokiw1TZwrCmmrc2JVAu8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIg/GCRA9TVsSAnZWagAAGeAQAJFGJe9sDiaCDsKSCwqy\nBRUajL7FFgC7tov2LZLoZmHqY/MHgyJp62xvnyJDTZinjWXHXIDw2LfheG8x\nFHwIATX1unYTQeQFMm2xjxbiXTqTocxGEUIIgi8drIvb9iN9AbMGUDm0kYbt\ndl9DjO9ZUR0vO/7HllHOo1z9g1WVg+Vppv75uNTx+CqiilRrsWDx8NNFIREE\nujuk5iLY0grd4aalO2FczfFZweR7WcJJKoZFpRzBN0a3Jeb0vqpPmlfPmdGX\nSxtRvi5OD8A2++L2g6/xPxfbl9v14BL8HVrR3nsfnT441JT1SxVnpfkUnUko\n7F2sAAD6h5M3Vz4QwyXZuCKKgoljPLNyvgZmHZgjpO6IZd2gyoYTkhExk/nv\n3cSiJlSatbxjFCeKU0OApn2rkPmakKTs/CumZQtm8aqKEGhTEpABDQWvxlMr\nQ2BATK36GEBPjTB8NKokW4H6GIy8UEaokqI0A72h9FE03Zm86gKoSKXnWuSW\n0wWql+Ljd3QPY3raHlfTOCfP5TTNQ0ImxzJsmEn5LwEa0c7MR0OJz6R3jJUe\n9zsPe4P4zYjWWQsBnOd+ZkPeHD2T3KhdiLBMz3LH4d7woRrKzI25u+KFruts\noWfLzPrJs7jPW6YMXwFllPdIy+dmObbLoLP7WG0VXm8bmNhFJQ4Iop7IGJPQ\nUMj2\r\n=GXW4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b6645573c0460e7bc8187d1a21ef306b674e1017","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.42d7a65aa.0","@material/feature-targeting":"8.0.0-canary.42d7a65aa.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.42d7a65aa.0_1596067782140_0.9737907114797746","host":"s3://npm-registry-packages"}},"8.0.0-canary.85abdabb7.0":{"name":"@material/touch-target","version":"8.0.0-canary.85abdabb7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.85abdabb7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cfd4186110c02d18a7948fdb1a6a3e0edd97e8aa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.85abdabb7.0.tgz","fileCount":15,"integrity":"sha512-VgyIFGP0ihdX1Ca6mksuppQ9a0D7cdrSWLVLLZw1CO/fAQFeTGnhUW0kncnvw2bKD/amtQXGvRa4/0rqsJIPqQ==","signatures":[{"sig":"MEQCIEPxxHq6LNk0zuL+93CXMumMBdZP3e0+Sq1elBhdHT3KAiB/VV32t9vZ+RlJlMntwhf3k/nmI8ZzZ8A9B7yFL3Qscg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIhD1CRA9TVsSAnZWagAA2FUP/AwOgq66Qbu1YyLa5njm\nyWHA7ILzBOofMIjALKAAxZYQmZkWr6GpwBYUhYt7P3GvsOmnMIyN9NcMQpBk\n8JHMod9OMq5iw7eGB/+R9MJoH6O1XmCBkvF8BwZh/iL1qm9yI0eVkRRBz3ck\nrPNlYiBdook4x4iV9fKIGZPoj6vIdXQv110fJw0f094blPOdQiN5aTBxNvYu\nBV/f3Q+23C/3JETPdLV5bqrBWvatKqeKIdpVOmF7e00Pdval8Cj25PWlpqJs\nqkO5I14J1Vovl3wE+PVdnUq81Ok9NDuPQLXYilw6aZfTCCOOC1NgSzXqXcHe\nkKHmFNvHUXKQKhaXcS0CTRMgRbJlYbMjtoxrF5pLHsTz5v7g7d9YBr+cE9RL\nq0jM//nHgywS5mcLVz0lY80UIW4RlUpoEu7/n+SU1CbPSyHCHK0fFMbUYkRO\nnbCE6XPdYga0yhrUlCIKU91kzTaq7DlzAzR2Y1KRN81Kbgxq9LJte4DZsjQ/\nuKsqrA1TZmYCsOFDAxVkWXG6RDkUEihx60YzX8BRmEoeRCsiEU5C4DIgdYyR\nc6FbqkCWS5ri1uHOjc+YYXmHjTcspkDdQLnJ+VxwJ4al6jpnRWyZZgjf9epQ\nrsdKadeMLKCLoEdRFpKSdRld8J7tjQ22C339PKlcy3LyU70zTFND291Ph+a+\nZNCe\r\n=NzMQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4686052ff6039efa085c0d360393374ff4b2143c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.85abdabb7.0","@material/feature-targeting":"8.0.0-canary.85abdabb7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.85abdabb7.0_1596068085468_0.22683665373705897","host":"s3://npm-registry-packages"}},"8.0.0-canary.49fb20ca3.0":{"name":"@material/touch-target","version":"8.0.0-canary.49fb20ca3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.49fb20ca3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"498fa9948c86fad83443e4d9c466db915ef3a8c2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.49fb20ca3.0.tgz","fileCount":15,"integrity":"sha512-lIuoHQh+3kgRY6Nsib79LgGTZjp0zApkrfJGsninqTR9Fy0VY5VgI8R9kStw8EVfB89d9CnnYOVa5Vg3uU0dPQ==","signatures":[{"sig":"MEUCIAHhYZ8HpWBrEGItCfpKzrPkKZJZ40HfrLYJeO2dLvNwAiEA7UBul2yG3PjKN7EXngiRsdF020j78kyw0fgtQJqOauU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIiHnCRA9TVsSAnZWagAALsMP/0hKO2PrAnufWdFKgcmL\n7YbeL7GsQahJM6a58W6UmRbOtv1apOV78Dx9BIyPYvo5rKBGKer7RtvqqVY4\nJEWtjRRJfCw1MwVnhUQW/FK1NGfiZaMcQR1SqX2z0xlziTIeuunvs2Wh2UVm\n5wlSC1VFiEYbqxGmalsNf2/i/8ekUjg0UGz+J4V8k7drNnEs+QC/ABvaHZIZ\nJbqkzKDzhbv9MUJKODN85/gQ6dcEanb5Vg4gudxQu6rNg+knzug+lDLRLPN2\nwsGehWkbSMebx4B9eMQgmeYEkkee6pq49mB+lFn2vfBkvW1G+qBrFnC0D0Wj\nb2TI8R2DR2PL0iuNiF4LEoJpfZHZ5q8NgAGmmCyWDtr2d/HDm/avWI6d2w+E\n/lP62zpRaTKgJUILlu9sHU5UJgQWHEkt8Ty8L3lYm7as08IWh/1Z+VmWmieP\nuLhsE2kCtJ6xF95eteWC1Tlv+X4viiHK5rJABjXZFfS/sYu9HyKbW3eGicZZ\nIBUe7/VQc6lyt4mlZFKlKWI9ozxX2jGwxZuCZhJq7ff/8rxU44gagnqUxe0d\n164MJE1qa1nj9bz/3Q7AdEI203b+Y7pAAf4XH1QHrnLNR+OJW5NQQdSwjwpA\nzNPKF11Z9tVRr7H2vyR5eZsoz8brCdWhPbOUfgji9thsZmAIA9bmt08CX3Vq\nZ0nx\r\n=tC5U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9c66ae7fdf6570d9cf334102b5004c5a04b628fa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/base":"8.0.0-canary.49fb20ca3.0","@material/feature-targeting":"8.0.0-canary.49fb20ca3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.49fb20ca3.0_1596072422500_0.23037212928643958","host":"s3://npm-registry-packages"}},"8.0.0-canary.962d4abbb.0":{"name":"@material/touch-target","version":"8.0.0-canary.962d4abbb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.962d4abbb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5ed03adda23a1cd64a71e96ab8ee1e401b5d4d42","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.962d4abbb.0.tgz","fileCount":15,"integrity":"sha512-WCGU3eWw+TpfjnsH3ZJOFmvkoegS4hcrDTOHdVBdfMEUudWVJvZuu0io1xmxdReP7fs/vwawtSr9y05idaaopA==","signatures":[{"sig":"MEUCIQDMPUKGH7IlLOtogkpwDYa8oQVci7gEo4GraO7hiSLungIgAcmeYOT2YkMSR/sz4BxpgGnfdyjmkZ0joVK1CSTSZZo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIvDICRA9TVsSAnZWagAAAJwP/iyPN3d3Zni9cj8M1jKo\np6RBgJPydlGxLRIHgmqt+H4R/8STNIOW91++E0Q5TlL8184qVEsddlb5I/47\nk/0Z5SNe2n1GCuIdqgZB3cK9GMFGyOp9aLklzmBPr6tf9Z0/hzjjqteHuGK5\nHf6IRHqMr1sL4UikOms+2Rr5OroIfvmtdrT3zVQHiQ2QNiyq2muS26+CmZOC\n+YWKYEYZZrQilpHaWZiDS8/8WquWg++We2+PPMABT3baRZibmLNhBeArdgYH\ntwoPcIa7GdbRMp9F+e3VgOSdjwehLy1ovrmRH2GpPvt5QFcvdsJ34+6Nhj2Y\nXDvxXt3O8knCYNqC1bjoIjuIVvh9jZJ4/S7Ojwm1tqD0PZcds4WS4rzA+p/9\n89HMQNToEYsfj9o5wqDYKCtOAz4XM1vlRyLGE+ifGvJDh7iZy4sHUooFbO0x\nlvIehpGWsQkM13JuMo/+Ajz2qsLSt40Bmcr97RFiXDnhRuW5pWN3ZYD+MRPP\nKSRwC6vDWicwS/5fnb89i/stl49e4xRDYE0JzlZKqlEcNDpjKoZ9Yf4RcqP+\nEkicgmGfhCL23L55VHc1q0+XXgXpTqXGdkEfKxpKQ+pkFKze9ZeGWKNLHQPP\ntF6cSscG5wGRLtEoX0gJNxpOxZ+lYrTqhM4NO0jEEUcCyqYtJinxEuRkuzuY\n/ZBW\r\n=Sxbs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d373d2867180ff5f61fc4d7afb88a8825cb5cc9b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.962d4abbb.0","@material/feature-targeting":"8.0.0-canary.962d4abbb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.962d4abbb.0_1596125383858_0.36797592172967786","host":"s3://npm-registry-packages"}},"8.0.0-canary.2fcee40cb.0":{"name":"@material/touch-target","version":"8.0.0-canary.2fcee40cb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.2fcee40cb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f99500a81bfed2a9567c9d066ecd90b644f48299","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.2fcee40cb.0.tgz","fileCount":15,"integrity":"sha512-s25urKbphWog1MiN/KlbqFsG0fDuXb3EvffZxUKcDZhzZg3skgUcUGmv4uesv3bDQy4vSP9yXm0YLq/A5ieI8A==","signatures":[{"sig":"MEUCIQD7zjjWHX2npBNgLM5IncbUFHzj3n+E/PRvpcpyyRxbGwIgTp9vwCAV7msjOArXjOPURfgSnOmKrrRKfWEDKKR0NAM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwF7CRA9TVsSAnZWagAAfVQP/jJzZZOgvZ4UbuorRYVJ\nxnzmJl0r9oG+vNg4MTY+8WmeovJqQDQ/C9aZIxH2G+G1U31bMs78Gx50hTUp\n6/uj9+Nco6qA8CYagON2/sqJzWDKX3tJ3wfH3Jk8oxu3HS+4uXBDF/ECNUSn\n3lxr84Zf7TtduO9OI1cUu5i4O6hMM+KTFr+Pp5kMCHY9dX3SEvDZrbbCXUG2\nSMF8yxSmeWeSZV6qFgcEkObJZVbg/kKuEkmEHM0r97rrfyuDsR+eCi7hShJ3\n86CtRBdztAQ52b+fz27FrjGCjJEyjJLk5KQyWcbh//+4rPhVLSisRvd/GXU5\nsPWeoMfyeJp/kMLu79dbS5A/09UDHIZYjJbw7zhTFtgvtSmXDEVw0DZatOen\nK3amccVdaSmWzJzUZqFPI0ssLxhxohDHMmMyKi5cAJzOKWrg5NxWEDpHxbo7\nbXky8D5OtkhaX/qkUeO/w5+Kc7pi9+TTtkgrj7SwK1VHDQrhQL4WDW8cLlQJ\nmmtzapT8dZL4//krwGFaBHOBc0Dz1guewXE3rhl4mALASd4ShjIerpZ+pNET\nT5ke9maUR8U7olbyW4oFEd0BGmvUMss0H0ytvK1qlaDnhgEeHs492/CK3KrT\n48IxIMvEHFyl6SBZXCNKW9iv1I1GD2JGVmtuc/jeJASG2JkfCZYdiwdXXKwA\n8MDk\r\n=wTZj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f769a8a60e9cefb9e0e6306a96914e8e4b4c0c90","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.2fcee40cb.0","@material/feature-targeting":"8.0.0-canary.2fcee40cb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.2fcee40cb.0_1596129659076_0.11120815014995733","host":"s3://npm-registry-packages"}},"8.0.0-canary.bd5987f5a.0":{"name":"@material/touch-target","version":"8.0.0-canary.bd5987f5a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.bd5987f5a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cfa86d884a5c455228293aa38bd1f29df1f39f6a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.bd5987f5a.0.tgz","fileCount":15,"integrity":"sha512-/N3UcfSNleIrpxmJv63VxEgvGP7qY4M4qGmHFkJg7ygzk38ULjeegYj8qr7R13yYZkLKQfgt4+HzV7Nh7ThHCg==","signatures":[{"sig":"MEYCIQCCXDw7yMaA0WZX36ymff5/HrEaDvItDu8iPcea9/++sAIhANhNcRpWMUhhYaaSEnaH9ghoIZko+V4yhLV/f+wAPeq6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwdACRA9TVsSAnZWagAANzIP/RtOBPrRmiBPMgmoAQPK\nRPj+MrPhRcOV7hykQ1Gh1j2oNaS/sifx0vhj/gZnIevfMvC6b5LUwHUcyUZQ\nTjFVe08qpK7d3MrPQ4nfIhBEWWtMbiG8qGrnxlZC+NQc5Gm7SBZuUTRaqhaT\n6OUbxL/oXnIrO+VtTCKrCiAL09BawysHLcG2qbg6vezzLgRwW5bgkLFlLbs6\nztPWkVNp+M4CgwAI8cUwhby0H2h/aulJuKhqceTUWhvbBNi1HwdaaIFpLeFL\n/AEEe/4XvPLsUeEjUdo7O0hPUSLv+2TcNnMNFN7s/dzDwMqHx3ol4Do/1su+\nk2Qkmw86Y/cUbp5i0NltzrKPIfuXyOaaiiapoLqCvZDLYuCHd4SwDFzLCI5L\nWxNoiuaVecnbDM27OwBVTWfrZ7SJFt7WV1HEnkzT7pPWysp9BZAjDVKfKNAb\n/FTpWclIqBYYCKsdSyyodLRKFTHKUlbTZEoe7fr9TrM+HSZWzMh6f9PIuhtu\nghbtv2SbEOYt4RX9fukK47iCphHn/LhcPNZiOSqEj9FoLv1rBGyKDiKj7Lsr\nIWy8G3PtMorgqcijgMWkq8BeTc6s8JrkW3LWfarTfddeFOKE52GT6V9aziAe\n+LqCfSOm4/vRBriNLy7+FonGkg7Z/Y6hKT5ZbZj5m5pLdcZk0JqDtbGVd78I\nvq43\r\n=aoIu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7825c698a6686a8ea967272c1f150363b3845900","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.bd5987f5a.0","@material/feature-targeting":"8.0.0-canary.bd5987f5a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.bd5987f5a.0_1596131136138_0.5277769471131482","host":"s3://npm-registry-packages"}},"8.0.0-canary.005e86a9b.0":{"name":"@material/touch-target","version":"8.0.0-canary.005e86a9b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.005e86a9b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db4af37e98998f6b31edbf775e5ddb3768139af7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.005e86a9b.0.tgz","fileCount":15,"integrity":"sha512-8RRkj0VPsgjPB1RXzCPlKfuPDeQaAX4Ogh+sC28LlFlSpqCX2oz77e01HPu0wkQFHleJ+1pwtjx1ALDrpbBAlg==","signatures":[{"sig":"MEUCIAa2hmm0jUfZp29If6jdVc6xAGomkyIj/5XyH/5CohFyAiEA9oH6dzvXtzD+gZ0TAMKv0Hrq1GaKsr5fCdOYw23jVnQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwpyCRA9TVsSAnZWagAAYxAP/ixrxgwyPDENSss+phG8\npXXUf7l3XLHRbF0N705hfVBHCOg/PAARMK0XBgWJl2SDt4uREjVZTRGo4xOj\nKXJPGZWZfU+caxw1eMfs3XXHvwylRf3pgrwaushnftWejBzv1ICsgNa6sp3w\nZ7SYDo203a3AQzKPQ/YSjqSDh5Z4o2RmHQ7HiNCj3ooKsYKCvkKguSgafFwF\njrpab7H+WKZqeRwZGPOck4svnNiWDcnco2nGLkdOoWDDgno0YvNwbQa2GxsQ\nKwiHwrkO4HdiNFpSZvGXvDJ0WM6MhN/Vq9ZY8YeZ5+2L+FvBASu7mWYuCwiV\nHrUTWt45g3eocg2w0vvSsW5tXDC+pW6X58/DnQnNdQYGTbfEL1dlSpNPEzRe\nfPGbBHegB8F1x4SqxWXZCCcUhLUOX+8GXm8V7AwoAvcqy0ELhNdldjT3dvvO\nMmVwtk9RIrSI2QyWgm6SB4w5YsmpBHzGZATCY/OqnWM0Gt7+Y12AcHMg9VSW\nKHLGlEA/f8/xQBIgeO+PpgUKvExJtIQmazLyGUVzq9t+TkGudfjI9w6FXWt0\n/z9s74ZkHvPV722gM1A7S7i+Azvj9CQh5465vBHWGo+2WWJY+NLSIAItY/hx\nKtLAtGW4rZWoa4eO0jYcPTNIpdeeIGucflv7zvJCtrW8T7ZSANAedPkUzZvK\nQxPq\r\n=S+in\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1c429f861ddbb35ec8588ea55cb1845296ab0218","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.005e86a9b.0","@material/feature-targeting":"8.0.0-canary.005e86a9b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.005e86a9b.0_1596131953943_0.3958143131677285","host":"s3://npm-registry-packages"}},"8.0.0-canary.e309c7c68.0":{"name":"@material/touch-target","version":"8.0.0-canary.e309c7c68.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e309c7c68.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14f01a7fe30e7273a034d7e7cb8aec6972e9f75b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e309c7c68.0.tgz","fileCount":15,"integrity":"sha512-Kp769z0wRsm7tXnooR8GnXIj2Ycm+6Ypn3WJAFwX4+59x0Bi+G1Ju+m3MrGU7xpDPfMsQrcmAiQBsXwuzEe5gQ==","signatures":[{"sig":"MEUCIQC6NhRaVgnyc4y4EevgcHIxoRbs4NqdoJG6OYpf8HqJmQIgVBXLAzR2mgxftGlqFvotM0RJBwVX6lM0+fkv8+RUgB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwyACRA9TVsSAnZWagAADioP/3uBwn6WUULaooLIt3ex\nKLM6GxLJ+yyiSrAHgGHj2TX+8JU1Ys/ZNHOCSNns+p8vDVOcyurIIKE1n2bS\neib1uRJS48xa+npbzMRhyMY2kYN0pXczk6zgDbbrO0VNUxNdK+O1ImQXS0AF\n8zAovCfCqQXxFLFMYt7BWOYSLZ/CRFPn3MocLj3iMXIt98JFc93rpKgLgZvr\nKmC+MUVl4mVq4NGiGCXcmlMwUNFf9cOQh1JhoolLhzZE0apNH62q8ghX0y63\nfCQy4CqXBOPMJSxJ51B85B3b+S7rl7DPINENQpUhFdZOJbqlnNtOIrAGchRJ\nw7RTGRCAF36jSL+zf3y3SLwQEXnWG0jLVxWEmvH1FM0OvEYsiFrcQzNb8DR1\nduhpkXiuwl8afHRQKau9ovDTN3abBDbJ6dVhlbwXDpkE1ZIegcLRVDRvF7MG\niWKyDE05yljXF6GR8bBdMJQqjbIfjAC0IIZLP8RjJGuiXdzkX5dBXA6KkUg8\nMW7+7u5CxWh8anZHXFB0JjVQucB57v1LFxuLK7DboduICr4ngat5G6MtFKgM\nqDv5UZcHnvSBSjD4DCCKQhZAm/TvM8W0UBXI3fLeqr3FkmbSyGK8WuU7EVFD\nrhk2WiqouHWS+5TqvRZxSIcTNEBv5q5Qbp3X+VdSIuHZtACSWcQFeBcIo2Pb\nZH03\r\n=spp8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3ea460933f859061781daca3ae127802388c28bb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.e309c7c68.0","@material/feature-targeting":"8.0.0-canary.e309c7c68.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e309c7c68.0_1596132479750_0.9826412488639602","host":"s3://npm-registry-packages"}},"8.0.0-canary.935a51cc0.0":{"name":"@material/touch-target","version":"8.0.0-canary.935a51cc0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.935a51cc0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca9a4a5902025066c5f4a4f7cfb0f30858cd286e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.935a51cc0.0.tgz","fileCount":15,"integrity":"sha512-PLlLIw6gK+7/stLjZgjuKf6tfyoJYqOEpAseJ0x8o3RTy7NneeIFxfvyXjp81ifTqvri+EPilJvEFtE/wVF7nA==","signatures":[{"sig":"MEUCIQCSMPXDXO3xuD+IccxV75NBf0tM5+r9vA/DlP4egXhtmgIgTPZIwB3AwS2P8oebYj6J4IVzU0ostG9YelqEfar9uac=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIw9CCRA9TVsSAnZWagAAydcP/iyS798Wllypow1ibAXg\nZ5pEulCX8Eir8GuBu1gMqP5WLi6kljHR+jxdypVa2dDv2whSwYnYaXUo0uMZ\ntvHUjEnkKwuT0cSd50Ws8qDJd12O6hm/FMhm2wym/lNIihIK1hAzwwABzHRO\nHrSR9JvcqK60V3GvE/PaBKFhocRsu43NWXogtBOuHGwabFyJ/jUZEixu8aSN\n+f7+hxum7TjgSnlaUqQIiS3zynOXWSoabg80YK7idaK8OUOTOtYmLbc5/ZhW\nFpEMmEl85wrSVtx/Hntu+jsa3AJwfFxz0Uh85sDMq8oz80ESVnp8olCNcv+K\no5w5hC4bwOcZEDx94hu7WnaAhzInfJ5fJ92VAxg7TSenTvFRFrHpeYikJH9C\njrzfp4NRl5iqdIut2gMs4xOXkz/tRV2uYIMkKWx0r/nBDkahlhBIDfnBsnSW\nzKjGkbxUX1ZmkFOTG4kejxol/3fkwSTlcR2ui/P6dr/mQTlAdGaT6BXRR7GB\nkBB9jUHgrcbCWmqPUPxlsUAP9rKraB/43lUEIAEgEZJOYzYIpytPb/Lypkbd\n/qFcIn9i9sCbUKLugC4BR0jFcj5EuMxNWMhDrXm/ZgiJ2SbOoZPzVqBqb5rz\nVa7+mSEwv66urPB151f5wIl9KIw9CvnppqVY90/16eZvy86LKzs+21NoIJXL\nzxma\r\n=Y8of\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"79622070723d97d5c4052839435f92189e8fb6e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.935a51cc0.0","@material/feature-targeting":"8.0.0-canary.935a51cc0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.935a51cc0.0_1596133185664_0.7930465445972876","host":"s3://npm-registry-packages"}},"8.0.0-canary.74839da7b.0":{"name":"@material/touch-target","version":"8.0.0-canary.74839da7b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.74839da7b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"348efa6c723f2da8c35766ebeb57257505c6bd62","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.74839da7b.0.tgz","fileCount":15,"integrity":"sha512-+p5JVvL1Qvd4//yOCzjXmU4IrVnHW8oYlQSryLuz/fJYq9XWm7uccZ5OsrpsTqyyHjqJK5fqdkn4c7NE2EYsgg==","signatures":[{"sig":"MEYCIQDLMr9Ky2EE3Tt1vOE0RJhjtLX9IOcloNkL3tDI4NmXbQIhAKg3WACjxz3HMPsGTfJEsii/JkHpH6R/32wY8NdSNepp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIxHUCRA9TVsSAnZWagAAFZ4P/2SXSrXPkcZagysKA7ko\nJifpWIBubmCzrslW12SzX+63RnYN9umgzOddywcRGDJvMkYdeRHReNtX1IFK\n1B7wtDKGSNTq1oORJ4e3uz1nnPsVRiexsqvuXwlCVfCXg65bSN3ImHF7PoZW\n/YVpOKXsKmb/uAm2JA44UIS26SKMhLP7KGGPkX4yVWBKyPP0AmWS/AUowdJC\nKvSa2aayVrRG10e27XgERe2969L9Mr1+gFq1y5YTDUgolKMa0rRvRQA6lfY6\nomTt7KqxeU1p24mtBl321ySUn4Y2FOZpxq5htbBP/lDCXgohou5ngQM2r//3\naj9pmnXk2IslC03lYKknBz4u/JRAL82byMkOJtsHed6CXKHYkd9aYWdw5TyT\n8zAXJ56ZRzssSZ+FULexpGbGXecmOfO5H7hGTADn6brxK8Y+VxnU/Cj18fsg\n4Zk8c+pG1V5bYNGlXDpvbvT8mELRnhHIrZ3EPKtsnPZInnADKfpgZsFIppZ7\nvRsQ970PU9meqBGF6Rx6JNQ3ONWAop5DnsM9ma5jJHzlIbUTIjI81Ky2GIbP\nCJHURWcA6ZaZv7+y8E5nxnR9bypODfJ9lDvlg6KcNXMcW5p/dQAJJItqSDDA\n+vRRvCnwV20I+yA3lV0ryRbJ8yV/p+ca4gl/p4O0hDi2tmN1Uz3U7IpYv/2t\nTODP\r\n=oAoW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ad186768bb65467a86f70e827e74fee089e25811","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.74839da7b.0","@material/feature-targeting":"8.0.0-canary.74839da7b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.74839da7b.0_1596133843736_0.028760632479265302","host":"s3://npm-registry-packages"}},"8.0.0-canary.f041a48c9.0":{"name":"@material/touch-target","version":"8.0.0-canary.f041a48c9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.f041a48c9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2de0b4b2570a8fe27353722ab9a3a3663b9faa0e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.f041a48c9.0.tgz","fileCount":15,"integrity":"sha512-gX8m5TjLsDYYGHmp4i3T29ik7JL6WRZ6LqFlIwx79iyghnkYfFx6DB0b6nty/K+15PicGMYvq+6vgCCX0PItdw==","signatures":[{"sig":"MEQCIAKGerpKBRPvsQgu3Bz9s3NEkDeqFlcpJbmCFI2VCqT4AiA/dtiC4dIfiEcQejQ4s2F9aUHOy1q8LIR43m5JKxjHcA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI1CoCRA9TVsSAnZWagAAmMMP/0Jj6fNXcl9HVH7HN5aB\np7e8WbvAI5Uq/74C15pIKvvCm3tM1dRPaK6RUyi4IPntP1T/2UOUS8pApoWC\n31uH7mQpZcnZsPQh+RirmnrFIzlp7PPGeDq2TJWKxL2xzq10m586aiBu/PcN\nnQkL+oRjgtsGhbcIlkxKcl+kAis5E9KZ2aoutZYSgtkfgnUR11YCrOtEk/u5\nEMX+B2udZb3R+6T0Mx8BM/5VuYc71E7jnZaVdiCPzEzSA+QjOyMcxHsQHEPC\nDt1DuyxL1ImY1tVdOV4rhvIvVWP0lrv3NKoVOd7Y4vYRmdGYWkTl48osAaOD\nVQ0luFzgTR05Oie+iOodDz92rTLku8zmba7S+Bvlz7e1TyyibVyQuyiRpqeG\nCgqU8eA9FrqHzq9kodF+iCR2VPZa3TYJeFG0Asoj//WQDTBoH0htiq0subzL\nLLzCIWZ5d7eljeGu4hRZHNr96nQtCDANxJOy51AmGjgY83WjixgDBYhUhBl3\nazoZeVPbx5AXzXVBCVxcZkJ5Q0LgIkN1GQp5zJqxRXhKLxWE/IPafIaRLjx+\nts2ualXOrTRq+hIoLb4xxbN0hxkv2eOvprkJENIUgOKxEXxQTaanUftF1lun\nta3rIznTc89+o1tHYdjpYVZ+JLNd2OozJBwdB0YAcj2ROO14DE4Vo8fw7CsG\n8+LG\r\n=DDLC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e37611a41628785b7c1266cd53abdd9da0208c00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.f041a48c9.0","@material/feature-targeting":"8.0.0-canary.f041a48c9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.f041a48c9.0_1596149928466_0.9083692088826683","host":"s3://npm-registry-packages"}},"8.0.0-canary.fbb1381e1.0":{"name":"@material/touch-target","version":"8.0.0-canary.fbb1381e1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.fbb1381e1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8e546f9c0794eb283c7c9818e687b90a4816dc2c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.fbb1381e1.0.tgz","fileCount":15,"integrity":"sha512-Vo6h5/jJaidxaq3s1J4nRQXcecg85zyRLSr1Wh5UZ1FPQaGWg85m6gO3ETdGVnI03Lg9w6AGJBjLClY6AYgFPA==","signatures":[{"sig":"MEYCIQCgGD7XUG2cnJR8z7VJ9lHJQ8Oq/EbShV/WumPEHEuaowIhAJCp8tpvna1R17ffnVHqP/nazpl0sF0AwU1YXm8dbNkA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJD2eCRA9TVsSAnZWagAAg7AP/iBvTI23RwhA2qZwWOLC\nb2EzwfB1wxWk/BdtnI0Jg3mx31oHddpVE3F/Iuhd+mmmDFMRsvpU9oo1IeM5\n2VFCJPexlBz+rQG32gOOo6Lg9fBGsvzCe0QTD+p885ZuBhn0gSTovLpfz1Bl\nH31ixS5rfpdbMAqOwBHdVuJ2Tii2xotDrnnrtl7EMvRn59KpTF8gLsdGz8OQ\nOfdppj/SMXWWAuhGqMA1fBM3T+DCFkjLTYBOKhsoboSc3wWs+Lg0cQnbjZyW\n1530n7UKQcvOrSUCV5//SrCYP5Y4c+NmgWy5tWOhbS8VBGcLvcDhBt6jZAIR\nmzO3Ncdcsn4N5yhQ1SyOTR4K0h4WAW4OnO0idkAZtu0ZBsNV3weYekeEVIPa\n8Hi4ra6eaxGz9Dda2xrDeaNLY0UqLOhBG6SKLAZz/0EwX4ba1SV9XtKZM1m3\nt3HgWsqMMyvGOUFkHsBJxvcjvtBua+AGC73Hz7ROBqNkw1j7RqCBh01CWY0X\nPGI6g4W77rO00rKoK6UI57Rf1ezd5wcvsgAJ1JJ57lEGGjdj8gJpDV6hpRPN\nZkL4zTy6LuFK1bc2xLBwAnpVPkvEH6eJrSL8k35hVLtqgvH8Mtlb6AoCNGcR\nyGrfsTRrAMxmAtnUSRNZmLg8hz5nzDRICxUvlsOo3D/IpD3cleIZqvRxuNPi\ndjuY\r\n=Z4H2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7c42a890f9b5f1bce3c7986f37f806066e6e30bc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.fbb1381e1.0","@material/feature-targeting":"8.0.0-canary.fbb1381e1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.fbb1381e1.0_1596210589867_0.23727698504955153","host":"s3://npm-registry-packages"}},"8.0.0-canary.7f61d5785.0":{"name":"@material/touch-target","version":"8.0.0-canary.7f61d5785.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.7f61d5785.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"acca38356465f121cddf4662870e6dfcc3dd184f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.7f61d5785.0.tgz","fileCount":15,"integrity":"sha512-rSld1cIEpgD/vcjx0isIbTWFGsydXJjXbBhx0WHb3IA09zXFwbQEnYoGW/DWAahTpTzPItUomYsLC4GXvHD+sQ==","signatures":[{"sig":"MEYCIQCpbMp15imoQ+ylh40B5ckbgLgQtApU901cakiGbgCHqQIhAIBkf6hVOreaaq1/+4fjF/jTO2vZCZlkDxT9R3/n7s/n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJFNUCRA9TVsSAnZWagAAiXsP/iJOgraQ//iMpnU7c929\nbHo/UuMp0RIIE+U5yiqwsTTgEk0m9+69Wa4As4I2JzR3rNrCsO00JUEGAWHm\nGwLDUgfJyx/ELO+pHwgwdVkoZNgx5e63roCtnqWVt5yKhsGwJ575XYwLhQex\nWGbYeTaZN8pz7vdrGaqPQqOjkkmVdmyETkNuEf+OPQpm/ht7UiHgF7/8pHQv\nfxBuY4lOxYSoGESuxW4EfBdDhjbOw6Fg8f8kQvkf4TBTy9S/UkyyQdgrxP6R\nQidk1n1CML1+7BZKe1fsjL5foGcPvxpYl+fgHEXmYR2y+Ct0dTl4goIigEI6\nRoszE3JAEIbnRnn48IAfM+ZOfn+XezQ21JTMFAHJ6CxEgZuWBuOaJrxB32ud\n7tqu+Pqfp3kjcJMuOe7IPGSwDofsfcNhYAPK7WOI+m9zh4u5g7iUI0AWXi9y\ng8vtJxzu3kHoJ4VmcTDYOUyZ7bsIZxFxHsGtnL8pQpvCpJWpe+zwiyU37HKu\nwrc24c9U6YoVFQKau9KtFWHBayZGvzsFnnPr5MFKFB+Ic2vdbqIGZHei1X8x\nSEt9sy5YGxqxXIjExNXRxtkjTuab05edw9yfOReJAyir1kJJpA5kiXZy5jkX\nl4PM/zbRhbNQ4+Ps5HpMrXWoT2ngbnelPeswNN4XxXpX68RID6HdTr5F2YBm\nIvt9\r\n=4NpD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"beb77eaf7ccf3f03c6d830f96485010ea9e3d47d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.7f61d5785.0","@material/feature-targeting":"8.0.0-canary.7f61d5785.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.7f61d5785.0_1596216148027_0.7910033615983196","host":"s3://npm-registry-packages"}},"8.0.0-canary.e1bc84d10.0":{"name":"@material/touch-target","version":"8.0.0-canary.e1bc84d10.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e1bc84d10.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3048b493c4b17ce52977b15483f1922d301fcf1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e1bc84d10.0.tgz","fileCount":15,"integrity":"sha512-idUB9/TLgK9cHR87qzbp3OFcZM7zJu31UGFzaPNBLgbTdsM3HZ4oyqu8DBoePqX/07FBbgLINbpfHzx0gJ+PJg==","signatures":[{"sig":"MEUCIH9jVG7rjDA76DyPDWCAU3Qrm4MnQzMtiAPUeBbmlXWkAiEA7B4cMwnnVKiAeQMVgbEAcZxMCe5abzZ8QailmM59+XY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE5WCRA9TVsSAnZWagAAeNoP/2mptH+TyaOCHUEC0fR3\nr+3lNN3wz91q3qDGVJFweGWyQkTkN5L5XVZYKqYukA+85J12nfR0RUu7FESL\nSL0JGMiAuVyTxdZXR9ff3cwxNe6n7xgDHFtdT0ZcJdaZ+G09XdFOz+/Av7yh\ntbH07EsR4RDVEHxCcgYU26EvAOWj8bz+OZ5hx+O/PXLU+HjC57Qu2CNWI3Wd\nZt3V/fVs+i3LD18Py0VO/fDiQEjLNRnecMEavphQThu2W6yyTkNw6uDhsZV8\nI7gAg1hBo0zWmlO+nade/PD2n8YKxCynudu2Em78vJlitdKlxZHDVUgmbtMX\nrxAUqyM8Ey0QuJwXJqHYmbHcmZElNx2NENA5pw9iom/RBAssqhKEMPfBwbr0\n6jBkiInV7ik0n/4Ht8WEocbxAqqHY1PEdiUjlt5gMd1xXW4W1z7J3hQUInMh\nvMK7EhFy3L67gIxCeGIi7eaq7Uv90D3dL512+ZB5eyPMtnMUh/ovp6gMbs6h\n6+CfJG5th/Lbl+FhS7aw5/75BIDcflFalAIBmADj8Y7wl9V84lUMCt98kCD3\nJHDEF/dUqh8jAU2PXnCI68llOd+xAH8IpamqnBFreINoNqDcTPLV0dHLxjTl\nGuf198pWGbNDeOdX4Vd7j4AsEsmPROzESp1GPpcGnpqwC9yt/g+qw9ngRU+h\nG8uS\r\n=YC1X\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4752dcadba6adfeb006ee3689e295db016f4bea3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.e1bc84d10.0","@material/feature-targeting":"8.0.0-canary.e1bc84d10.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e1bc84d10.0_1596477013596_0.21096070637380393","host":"s3://npm-registry-packages"}},"8.0.0-canary.096a7a066.0":{"name":"@material/touch-target","version":"8.0.0-canary.096a7a066.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.096a7a066.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4662949f95c3a387c24a8b0b5f4f8b36ea5f5149","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.096a7a066.0.tgz","fileCount":15,"integrity":"sha512-coRXk1b0BmzE3CYx7xpobEb+kKdFexuqUPjQFmVZZifZD9DC5zWqwgCw/69ZUxYCm04FYTZbjj/Y/40qYTP4+A==","signatures":[{"sig":"MEYCIQC4wNi2ZTcxs79ABA7hYCUhHybMR4gRz8WIGhyFD9T01gIhAN3Pr31jgZvQXZowqyPdbP7FsHuugwJ9/FMpw4Otb6zA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE7/CRA9TVsSAnZWagAAPoIQAJhht27cxchaOP52proG\nKhJhekaMRJv+MT3zsgdZV9Sm2WDqCYbLtonFBQMF7Yz4Uzl5yMakSINwILpx\nbiI3zvzDTUH2ndzMgwopdz1YBHwOKk5gewHAv7j8QxFao98T9fATBFpc/7d1\nMg8NqrLzlVqkOGXJVVhNSsV+50iD1rM2MN4/nEzv3YExyP8zBw2Is0W4dEZ7\nXfmK68D4C2rb6pETnbvHDARid3h1rNkXU7XBdRIUP4+uyiISQReuZxpumJ50\nQNbdkYfhN/iYcYGS/pD03GKvSC0S+LiSpMwg25SsGUwLUseH7+h1cqyWQIBb\npBAM5nV5np4KWapzFrUoGxYa1fD6fC7fporKuFhcHhhcFtKEZf60JSNK4o8c\n0oYZiTHr+tlZDsczUfmH6GZh3Kr3yhmzeELj+vD0eOutQ2nOvCgikYurqajC\nUFll3WRvX5RsiY5E30uwX21DGcyAEKipLr6u6Ur5/wWlZGAGlRnVSCs0gg3v\n79k+0QRifVyxQg6Jzyhpwvh6Cs9wyIUqiFUd+yyhfox67KwEZj6htiaaRhzI\nn9csOaYelXWRcPGHEZ8QQNyXgX8GopZN29DrUTqAVUxSUcGqPnZUSWSvhrV6\n0Cz8kv6cLLVegwxocqpr0Na5n7mpWtYB10sRavIgmBmdAKtoJMYHKmaQ+wf2\nd5/O\r\n=uM8z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c1f4491c464cef40f62d03f687af7b443805fb7e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.096a7a066.0","@material/feature-targeting":"8.0.0-canary.096a7a066.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.096a7a066.0_1596477182721_0.9225941529184671","host":"s3://npm-registry-packages"}},"8.0.0-canary.aa3a3e5a4.0":{"name":"@material/touch-target","version":"8.0.0-canary.aa3a3e5a4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.aa3a3e5a4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f4582615fa9abac189c4b1beb75487db1ce04b36","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.aa3a3e5a4.0.tgz","fileCount":15,"integrity":"sha512-bFFwBofm/4rwFYGhAO3OCu3zfk9w83p8ehNdTMmmiv+VF0Sao5tkXEgJUxpfEt+aFxell0kTPZWH/k1ScElEOQ==","signatures":[{"sig":"MEUCIQC/hqw6jNp6rKLl0N4tNG94jhtJbNlcQOa69dxz93ZyjwIgPsrFX6yBEy2NFeXmEBYoWA8HIyT9jAkBL8YzsA6GVcc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE8NCRA9TVsSAnZWagAAb+AP/ju1+lEh2a3pZQQ0MEf9\nTBIwZf5DkVxM8RJ9ufae52ppvZW6DuSvnS94qh6EVfcTr7xYL+r0sSGE7joR\nMG6u5Wm/6VM9y5n3+wUoxP+hOx1J9C5mOIOh8axa0Xslp8wIE4E37yqYm5RH\nkAlW9WAL5xFiSmNE+GytyYWnLPdS57laxq+GarvZFFMXU+aWurQQGL2oON9d\nvMs+x9JJOdpEDPcLo7sJUee7l0URVarm9iLIfft7bN71cneigLaG5aIxKUXq\n/utGYUbEIj5hVO0FHCWbyawHPCSvb3AjyZo+5RVI0YJTN8KTNm1rszExppFG\nfbGLbI8OTSGRLtVF0OH9CtfsOf2huwZfgWT/iUOK/y3YvfDhdhcCNqWhEXi6\n6TF6zpFRfl1nkgh4Fzzr9FQVOeWEX6rtHVeqBaLKGbEfC5z6OCianpMVnhIn\n8m/ZFFYE3cYxp6QOKi7e8iVa1NEJbYc+ZRKiRDr3JhVbNh0vMEMiPphIR/97\nbJI/dUKhOEcGOEvoAUC1V6EzElwUjIhf9pzPPXXXCdfVeqY3D0otDERBPwAW\nKLHHIQ5In+JM0eBmudpEHCOx9IzUeBmmb/KDUmb5EyKPv6SpH6h6xyHyTd5Q\n4yF7VjjyS4yEF7oIcYftHzTBc0k4kerah8LdUjSA0ECGyw3HLVIomv/wPNWV\nhc2p\r\n=Ge5x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8e25515e9c171e19310cbb58630a760408b78c80","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.aa3a3e5a4.0","@material/feature-targeting":"8.0.0-canary.aa3a3e5a4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.aa3a3e5a4.0_1596477196387_0.44987014470944","host":"s3://npm-registry-packages"}},"8.0.0-canary.5903d39af.0":{"name":"@material/touch-target","version":"8.0.0-canary.5903d39af.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.5903d39af.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71b65a04b7238d5939839f73cf20302c049e2aef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.5903d39af.0.tgz","fileCount":15,"integrity":"sha512-vCt+vYFzzPXkCLd0hAZZsbLzaaJWrWXpaTEtKtwJY31s+4XZUKuC3TzDE3uBlxgzFL5CK+l8D1aMwEif4l0Bmw==","signatures":[{"sig":"MEQCIFqHRydSbBIbe4/+ndIWeh7si4GOumwhCMrsIYsyVkWtAiBeBpDcWvT6e9rTYZHwD9KdluUfF5oThNCLX7FTmfV1Qw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE8eCRA9TVsSAnZWagAANW4P/3kndV3IFT7l3L22NU+L\njjJaH+XSYihWe8LvQeK3a1pxgB5pE5CFYMa8R6cwWEvuKxByjJj4L/ZpvLM3\nDmH5duZRr29+ZsYQomKc3J9xHnKzGxw+8NYCZeGrppO1XDFzl3onX2Y87ZYT\n2kgWe+rkaZTSUV0jG8/VVWQyozAR8eHSy5vmkkeqWZek5WPMkNYr/Auf0qEw\nSQIyhTHjObIynVmcBfyT3kwtgc6wOc190eEkahTdB/Ch/IKsTSGpyTvzl4by\nJAG0fQc0Wrg0LeiT5Rd1lZSRY24a+JlgYRnTgkcLSSSkI0rEBcIZovkEv7Xq\nONzhdO6j96Whijm+lq4RiMFlw2cyJ5BaTwa9aAdgFdL/PwvoEpe1zNE6eOEi\nmP/pg8jCdzB/MaA9EOATwgLqtPId3MgR8ZZCE15NSAubw9TWKnC1XQ3xgsqC\n9xWYvBokoIOWXvI+nDuEXWvKLa5kPLKEaB+B0F7T2K4hLSApE0HZOFJz5OhJ\nbAYPnf3BkgT5kzYz8we1RgLHUYMv7ZwPYK11Y1gW6AGvYPCBSi2t1gAVXuVr\n0c8PPMihAc8JYElvgnz+7jR4iQ1Q6QWNh5RHnOeH4jAnX3ILCJa4RsZPlC7R\niDQL2gXPrUydPHG3VrzYwCGIj91FhAzCDgBTeSki7zhZW7VMD4WhAOSzhIlU\nDA7q\r\n=dGQc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8a4f2eea8ac8483e7e0a1c93b141ea9dfaebaf4f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.5903d39af.0","@material/feature-targeting":"8.0.0-canary.5903d39af.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.5903d39af.0_1596477214043_0.21665946015567594","host":"s3://npm-registry-packages"}},"8.0.0-canary.72258f898.0":{"name":"@material/touch-target","version":"8.0.0-canary.72258f898.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.72258f898.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f8985c11299cccbccc7c4501419b9baa925fd3f2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.72258f898.0.tgz","fileCount":15,"integrity":"sha512-p0+PS8uEw/eIeIXoU34C5G+EIQPLO3Dte4AA8nMlyswRO0LdtWdGtyq7to3xhal+GwtctP0cCjSHnSmkDeMApQ==","signatures":[{"sig":"MEUCIQCpfpj2QjoEJCWJ9b/h8N8vtjkdYuHRKn6UEz/Z5OUIngIgIgIHeW0uza6DrxIsbDgAuWL+3XpBlcNDH+AVTEHwCtQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKLb+CRA9TVsSAnZWagAA5LIP/RmYPzKrFo5WdrgVa6mv\nEr53Y/sRGIpZVYEk7oAYeUF4xekBFn0Bspxo0yajDXpSdnK+AFaREhbFUKDk\nZx9BZLYRgkA7dzWaumxHoRN/QP70SvWvYuS0J0MhGsT4bLcr3Poa9suq8l/B\nfJEKxLzJYpHizI6pzWkdNNvB2LirEs322eImXkqxuVBw7wyDzMtmUXMJYsHq\nC6BfIFoC5j7txaNKOvJI8ep9o+d4SzqWwMwaN7mEDDmPCC9ylKPVsX3zjvt/\nCXg3fQbwrfPQ8oKlJjCDbPqgJXZIpS2YZ26zB5JIJOerH/1OjRQUvJj4F6UA\ncSeId8BsX86pIr2mwLgEKsiQ9ZOpmbmw76DVBD1CP0oECZt7GF5SqfGQyGic\nhPVwZBejK5aGplTFbcK5h2L0wMM3lklcbzE7uNbxQCACLxW4xbyXvdCeNtD4\nyASMuhz3XeSnEN/2ypkLPMItCpP7ilrX3oIF7XLFP7rReElXhLxhaeYi42w6\n2g1kh+vnCbV5ElLIR35ojh42Th8X4S4G1wmiHZd9Hm2bQtpQObLTTztsGGWz\nCzKrJT9FlomhtmjOe6LpvCgu8aA6tnenVQnTD5pHSzBu0xACtAUF0NimSInW\nBo5soUayv8H3uoeqpKRPUwcgIZusZaTE3lwoghvtcB4cvxad02MV72u6qRzQ\nE4/B\r\n=5rye\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ff2c64799ee2d684ba36b9cebd15fbe0d0ed17df","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.72258f898.0","@material/feature-targeting":"8.0.0-canary.72258f898.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.72258f898.0_1596503805788_0.7450183781935926","host":"s3://npm-registry-packages"}},"8.0.0-canary.1b44b43c8.0":{"name":"@material/touch-target","version":"8.0.0-canary.1b44b43c8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.1b44b43c8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4f97ebb0f9b018c41f5eb6005fed38717116e041","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.1b44b43c8.0.tgz","fileCount":15,"integrity":"sha512-gzSeWDJXaRJG91d8KgqOUjaDEsePeuyEc2VLRfZLNVSiI1EaujtCgd3hl+u1HOqKWKP/UhBlZiHcwbvq6e52jw==","signatures":[{"sig":"MEYCIQD+1AGCwVaEg63kXO2k0ww2Y4/jcajdaqVLGJE9j2po3wIhAMpTfXRjYg+OoW/GtcMiV8qam+QAAwwJLL8aS/AzV1EX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKZEmCRA9TVsSAnZWagAAZgYP/2+F1Wa8LV/gEe1tmXi2\nvIny3ASKr4PYio1vDXEVIR1QRlZN4GfsPyvsOjQcBks/28F5I7Mj8N2B2cME\nkhCEK/HEP5r2wQohn5aUWurCuFIN45o0kPvcr7kYpJDFNliKnlf+9oqp4681\nrLFcVujwwhBSrzXexjE26yy/fx52uZCQWT4lawujSgqdxRN1adJKUnoiSkPx\nkinXLlmDNtbyP/zTlKWfqVUDn+931+mlwAZOUOP/fq1sgot4Utc9DSc6nPKx\n+X12iNbjONKwWZXf2OkEzNSlG/k3Hw5RSFFFOv+AoRskiz9Dr/qEgv0+R8Pe\ntmXgorcV+7S2F/MMoOMaonLbTt7ArfMf5inByw2vhiWSHiP7rlcgBlvGZ1eu\n16vadTJA00UAB3UU65HDUid5FF3xCGvU8XZ3zzY9rk/P0kl82bGehFQazTF7\nNfDLqn8TXlFm+eqG4Wd2f/b1/jkVuDTJMKHoiptWks+GUBHWBDLIkWQ6gdM+\n0VNOFZvC/jCbEvC4PehXsUgWribnqpGyqC9kdhhATcdCxk4nwvmi+RPjHCox\n+CniavgUzo21aCuUsKp4bU6zc6lV3UyqWisOXx+5qgF69+a7t6yiVccn4DwE\nXm8MfcRcPBgh8OhA5yvD+7RXg4beF6x+7/6fUfpDlIl0buzhtJPaXt9w6sfp\nWEJW\r\n=OpE5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"69ee70c646249b45b57e59e958f1ca6d8332dec7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.1b44b43c8.0","@material/feature-targeting":"8.0.0-canary.1b44b43c8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.1b44b43c8.0_1596559653926_0.9769318661978637","host":"s3://npm-registry-packages"}},"8.0.0-canary.e9d2e2f96.0":{"name":"@material/touch-target","version":"8.0.0-canary.e9d2e2f96.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e9d2e2f96.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3b8d598bdd2049fb089dc629e545dd8300856100","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e9d2e2f96.0.tgz","fileCount":15,"integrity":"sha512-x05384h8c3sGxu3egWagjZwnM4sTdnjM9SkgythTSc5ndRYqvH0PoiJrNFEs/s1v06GbgRggvta/g5chSHYdUQ==","signatures":[{"sig":"MEQCIFG/mNXgKC+ERmu193JrZqaiOT25reMH7GNrqLeYdmjAAiBRtsso2vdvAFm7zcOQU7pxfOEZzErqn/Fnf8/KWFXPFw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKcPLCRA9TVsSAnZWagAA570P/3kUVUAzZWr7FCRl4ark\nNtmJFv3/GAW1x1B8GOQ/7KU0r/uS1FxZHVXJCOfooTBCD+qXoUBRV9/22+yM\n4PzmgDEYCBeZM5WD3DvdwyaGmPX2NiZMdOaatwgi7fDmmsAkA+5mUHW+Xx/b\n7yJV4FQGdY+HogmtcQ6pKlTtHYFm/oOkycYLVLBhjCDauPtcE4wt6E0eIOcd\nD0CGWJAt+SaojeBLl0rCCXtA7R7ULtwcdS5Bye9VIWDkdp76rWVg/IM+Zu7J\n2uKuFxsM/2v6Cjq8pR2GSfwYPlC8YdWFs2IkBFjo3lZd6rw6hUMNeROnzgYY\njACqnzDlw/H/d+Ag0V6RJFSU2kAU/xNvxjtI1MQGVd0F4viJS6WrlPwPoP8C\n2vpzf5136/K5bk0XjdG5ArMEd4QZueIdlDAPsIUloNH580v5zsK0Mbw7Ypr1\n1h465Gzrr6CQ2j+8iMzAI8JU4CfvB/v60Yucs2bfSK1e6I4ui5UKNrjKg4cq\n1NNLj31CBMtIQEYg/+b2Ya9yz1t1A+QhRAd66ArKs8MTAhd6n5T1e0jcbt2B\ngFYizWsP3jpPvx2XDdArvMnVGTHa7SBgUenP4d23UBye8zoLBFxDUBSsyRw1\nT6cfrEV7h2NxSqGVW0s3NbuRqc2B7ral7wcXlv0P11t9EPW7bes/+oUK2oqk\newLe\r\n=w5Mz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f6bf51788bc1f39067fcceced79dcc12b2c59caa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.e9d2e2f96.0","@material/feature-targeting":"8.0.0-canary.e9d2e2f96.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e9d2e2f96.0_1596572619044_0.24043749536835635","host":"s3://npm-registry-packages"}},"8.0.0-canary.b9dff0a19.0":{"name":"@material/touch-target","version":"8.0.0-canary.b9dff0a19.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.b9dff0a19.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59d6d7fc35bd3a162dd055143dd27a9d015775b1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.b9dff0a19.0.tgz","fileCount":15,"integrity":"sha512-uRktqgIFPJft70KhjzBdgJetaYfW8V+GpidOBF6QrtIvdDhetHzuha8FbiFv1Isg8b/47VYQVyDdqO9D76jx8w==","signatures":[{"sig":"MEQCIBVbIc0fnrhsQYBHBpz/98DQ3co+GyBsBqjCWI2zYkooAiABZsALlY8GRVnWF/oLV/lhtwgg2BYipLg3LhsLmQb96g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKiv8CRA9TVsSAnZWagAAe58P/ii/r254pCLXZ4EF6Cgs\n6Vv6g5iHJxj8h3uPnr5Dukgj7lbJ+dxyAvv+zXM6SGv6lH2rBaQpbMfYY3+5\nYYLC9R9OJ5q/ijSA/rU+CNWIgXc0FngjpqFp20PSLv1BefrfzfGnniEcRBjW\neJ8D82bkCRaCFodJ6lMGPZ0jQSKRJM//TCTNovp0HsoVRCcJkGkAjmvneeIR\nSPg6kd9IBYcXDDncba3cHTnuQUQ8t/dfibS4GZdR1ujr28zBjOneEMA+xxdY\nW5MsUwl1pFDd0pGbMZmpSgRLC8CLBf3/5iqLWPOS8GP34B8TTfQ6/zNWOe5L\nBiVSle6CjSEOmJNWMzydqgiKBbuM6nhQOvtMwm7g9cIvK3tJCE2IsLTAJHqs\nkdi8NjsRo5/xfaKjAVrrU7lolmAGBFCsqBodFz66yC4PxQVlKf/JdZRjS40n\nBCy7m5kmRzxbfRbZFBlmit78AO8R91YwHocAJtzMcYlMDUQhZ6VRj1iEUo2S\nCguNVDvx8nPq9x3Euv1uEPaQTLWYq5Yvg5IyMmEBpYKUTQu2XT95Nx6vW2bh\nvnqDBdJXq3j42BqhT3Zz5CpG9UAUM2FLaxf2WnYDHK72r7VpcaC8FPTSQR/j\njCyB7idiu5oqxGTu7JKymPFNmCBfFuD+nVb34XcMKUG+eeZohMwZTzmhbm6o\nP8TE\r\n=axWD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dec2f9fa4c83e98bee860646fc2a65b134a7900d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.b9dff0a19.0","@material/feature-targeting":"8.0.0-canary.b9dff0a19.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.b9dff0a19.0_1596599291598_0.27277210482636804","host":"s3://npm-registry-packages"}},"8.0.0-canary.2bd09a706.0":{"name":"@material/touch-target","version":"8.0.0-canary.2bd09a706.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.2bd09a706.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec8f3dfbde354328f6be9ddf9f67b9942407bb11","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.2bd09a706.0.tgz","fileCount":15,"integrity":"sha512-1SJXGc+MMTGVrDr/LHXH6km5nSMqQDIlsmUlNl9Wmzhl0LbCza6e3/iJ9I2Kw6+SPl0dcEIbkMdRo/+UyWB8BA==","signatures":[{"sig":"MEQCIFN+toJDNUWRZc0lPudrbfWvA28ByphnfDDb7bfDUrB5AiBvR0+VqzekhSvcWOfmd2d1HYhmECvAMexquLopmNNfoA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKi0rCRA9TVsSAnZWagAAFe4P/iuXtOl3rEe4GAGI+vIk\nKBbXAljaOkNZ2SReDLTtG8cz7fQm22XqGEndwnCreBfRePK7Y2mnRmYqBu7y\n+iKKbSEhjvnvfMI8kjvEvFzAp556gbKLVtks0R5M9phBNKds+GprgfYVrZaX\nRUju0pjndDT5VBuw9Vm4tEW58oePOJHBW9xB1D4mVQb8cJwMeITXMBdeBKJl\nDttNxnUCClrBXgwW9Nl/uuTXvdmuJ1tjJGSVyXa6cRk7b3vyRyecDgbMNCsq\nxXdVZ+6NtfTNUQMvNFGdQCqvF2nbiIM5nzObkQsWOTtCfFTK7R8U2t/6Kv1v\nvi8fPqELokouYVKFNhXY67LLPWgfVCX1l8+Ui4tG3PG5Qecv39Gg4nfobn7i\nqVFZcN9uOMkwIDsCQZ2Sp0ailzX0UyS8wXVPVHpOusXBBTmqiEYkw70/wkgF\n1NWI1LQzuGB9AUdz5YmwtTUQDsuK2K+zo/LO/X6BkhUs7GskF0vz6HPnPqWV\ncwe+btolPquuNb109YF3FP6mD/O5+mDhC6j8If85eBnIiAdsUyVfsF1MHlUj\nhihyGaO0GNwHKAiEVaBz0fLsftKKqd9CicFK+NW4ImhmPSlV7jjcBYJ8x4iO\nW0T8vtBH5LhjK5TNd9JlPWxKeRepybTz1wnYlDdRuGCkgx7uCLjRrjhJYiN2\nbySQ\r\n=nYUE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c8b061f3fa8ffaf5214e79fe44f6c575216a1808","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.2bd09a706.0","@material/feature-targeting":"8.0.0-canary.2bd09a706.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.2bd09a706.0_1596599594455_0.4390960449682815","host":"s3://npm-registry-packages"}},"8.0.0-canary.e0560522f.0":{"name":"@material/touch-target","version":"8.0.0-canary.e0560522f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e0560522f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b74e511870d6d4904624f61ccc0e5e3d7c2164c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e0560522f.0.tgz","fileCount":15,"integrity":"sha512-XO1zcBrjAx0l4x6pDkxtfqO53/+HEPQumASRYLgGf0inLwxEkDsjpS+YmUS8DVhs4ND6Cg4lnN5APHAPmlxF2Q==","signatures":[{"sig":"MEQCIG+FMoTskzdyz4M3AHSIqt/1M2zt+lvWHMw+7dIsmhseAiBkWVLnPIJcOZxctO0dCXLaRvuRg4fBxvgETwGhef44Dg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKuoICRA9TVsSAnZWagAA3wIP/jfRXm4mAVjc+aNs/dgh\n8dKg9FC8ZKDPyjVKMsXOzxBNCJKZztVui/0kjamfzXfxDlIwee8lImXGwg4I\ni6X/XiO92BVJjeJhQ0+HjJyW7V9gxEU753/mJTR4I+qH5tixEjsy0XLjelzr\n5mbB/tbFPvtjAHuTPp6ulWwnMCD894qrVUnwnyNakRqAp9VotbCqWj2dF9Z2\ny6myb5vO2minU3mpPzEdczvKjkp4lSrX3Jb4M9OzMdy5Kf98Gnf6buSwx84o\nbu7XVWGcw2Y1WzxkAmLvHRQ3dqCvw4LV0Brh8LQlj7aRFoH+icSNajkGLz/j\nh+WfrHUsF47CQATF+eXcDSW2/lxJb0w7RNs0DoYB4FZW9996c58XhYw8LgYn\nDQJOpynvMX+uals9ZBtjZlsyxBWIJfpJO1DobWirWW8+QrWJbAo+M1PQeRcg\nzd9CIhArvr1WIyyq/ZNX+JM2UL/FVOzSndCC3+Ds7pJ/Tqf29IwVucYDBNVU\no/P9K5nwPjNbpv8PfZQP8kBlhHKDHk6XXVZfwVK5Lc25t4v/iBfddqkMdDNe\nGj4Y2gG7J9+H5GQ+/7fyyXtb2llCNzZ5pQJIUlUJc4syCNYT6vIItuudT3f5\nhIkc0fvov3Nh3hsR7D7K+GuiBCfpdqGtcNpK/GDSX97rhQYzJVM2SHKw5gb1\noSRM\r\n=PxGW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f4f71f168da3435c5dd1bb74e7ae0c54fcc45746","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.e0560522f.0","@material/feature-targeting":"8.0.0-canary.e0560522f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e0560522f.0_1596647943558_0.4973757387301494","host":"s3://npm-registry-packages"}},"8.0.0-canary.08ca4d0ec.0":{"name":"@material/touch-target","version":"8.0.0-canary.08ca4d0ec.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.08ca4d0ec.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77a1d630ffe2180ead3915f94571e71fcf1f45e8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.08ca4d0ec.0.tgz","fileCount":15,"integrity":"sha512-sXQf3AFer6Ud0/uRO6vjloL5fYiuqu4BwjWuqj3PMJlqz9/4OhRsOewvi294sqzfNcXrYHQTflaZMYEPPZmOgA==","signatures":[{"sig":"MEYCIQD+lNZ+3eCwK6QOoe9/25WrBtlo+rSUG21lKrZDfm1h2gIhAKobTwaufPLeyV7EM3XwMoxKdPBQT9gVEoP4dD7uhz33","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKu6pCRA9TVsSAnZWagAAiyYP/R3jGvnEJ0pLJ/qET1O8\nOfJixg6P6v335numPIKyh+x0GpIx5htHW07cKUwrQ7Ct54cm7PaQ/ywMJrh1\noKHYg2BJu5aSgBjogdOj2rw7Ias8u8KZTrI+ZRgIwvfvlvS0Ip3AtLnRPAKl\njg6/8KFCnQb7AlyFrfcyGOxiMhmUudvTVjuneMPd9FSkFa/1AG0z4sE/eHJn\nMFMVhiXyjy/ez/NOBCSjkJTQctSx8EmImLzPRskhfRa2t32m+7qC6unc7LNs\nEHuH0OLrNBFkiOiqWCHLCSXUaoQhE36uW6vSJt6xdNnf2mJtMu2zIP1Qz8Pg\nSBBvcC2dEOiY8QhXm89LDjnWJgwHtY0upr9NtufvUyXOJmWxEJUH16WYbwYZ\nOY1lLFX2SwUlhzo4e+qVDA95qH7m89cgo642uIy/32+Me6EGmaDaNaOpm8gh\nuUfzxOOIYQG6Y+AmVeI2uL0pg/+dDGrIfgDS/G9WzETp6JuWCHghzWY1kdKl\n5av2rina1kYgyBnsLAiAUUt9DqiHecH2E9ve2Ef204P6RiB6PoqwbioCAi6T\n8SQ7mREPbbPdvXftmeDl+7b24bKEO39EAYSd3Cexggx1GjEpDkzgpcbmoQbz\nsUr6/7aRjtVvLNXNZ5iarsmwK/iQF9yf3th6Duvj8cHC77GAo9uG1JS6Hv80\ntCtb\r\n=rARf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e525a44ae67401224e06885b43f10017ae70f9af","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.08ca4d0ec.0","@material/feature-targeting":"8.0.0-canary.08ca4d0ec.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.08ca4d0ec.0_1596649129448_0.8299433358465089","host":"s3://npm-registry-packages"}},"8.0.0-canary.08090126b.0":{"name":"@material/touch-target","version":"8.0.0-canary.08090126b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.08090126b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e67e9b31f36906a8af38b1e5e268c5563a4c8cd0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.08090126b.0.tgz","fileCount":15,"integrity":"sha512-BduXd+k5OwcEuK4TACXlP0rLgu8gJ638bXf0+dLrkSHK+pSTbhlAbusJrziIFbvQvhFaoDTYwoFgkvHkhn5W9w==","signatures":[{"sig":"MEUCIBdAkavT5VKsvIjVjI6Fhb5u6nQxtr3tsYk65sGQbtwXAiEAzDCYoDs0xW+8+2sg9BaXd93dXTQ7D53iAegZsDfnCdk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLFqzCRA9TVsSAnZWagAAH+cP/2KGEVRm0g5pFpYwmNhS\nFe5cLaWkISadrcbKeIubgy+/GdmGp6/jmIKu1cq3hfeSeH4D0hu9aVr37/kA\nPfGa0ly+8gtVAxl12ijZoZOV9XiePTrFWOt6+yGvwAvpB9sqN3leqRN/1t/I\n4uDjzYHtEjBDzBEHJE+zAnlfAbuflKrgt3IaruA5ZFUusgiVItL4/NVq0Ypg\nsX4bPdhuQZ8EUJmS+arOingQx0L+17nzC0Zp0LhGe0694TCjz+p30pI+awky\n4+GovP6MI2T8MhAowuy1VR01J404Oy8IKxY+izsduGzYtZV1koESkABeBF4f\nsN5L3/PoLacQVfXZV1auZ9u1zM/2+dKN7NvTO36slsoCW/mv5kzoKFmRkfzX\n47pDeAslOSIXByRdHq4jz5tSjGNJ5FQGpo/oyjmV5zxyhyGuPwFKjaZIVpD5\nvnsm5Pikrrl6ScspFa5PzrBwexee6vIqdDa0vN78h+DZqIvYBYO9ry1R4vCq\nJfvGC9mG8zVSKJOdxD49PAjbcrnVecsIx5b3qwZ6FXnTbLs6KR5kn+dUv+iZ\n+NrHl5Cdp0pvxet9FeEkPgYDjrrJbUDOuwUZQXcDxfktjsMxnfJVwL7aDMoM\nt8OgoatVF5Fs8xjBsuCg02+lSCaqnHVgFUtDnPzYWu1kJ1THVz2JVBqzJMu2\ns9z/\r\n=EZXq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"92703c0a9dad96887725176e28a4ac83640a3b34","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.08090126b.0","@material/feature-targeting":"8.0.0-canary.08090126b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.08090126b.0_1596742323408_0.5756642896011661","host":"s3://npm-registry-packages"}},"8.0.0-canary.e8bf5b2ac.0":{"name":"@material/touch-target","version":"8.0.0-canary.e8bf5b2ac.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e8bf5b2ac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee1b49cbd35181706ee72dcc94f8fcc7423e6fbc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e8bf5b2ac.0.tgz","fileCount":15,"integrity":"sha512-JzMSCXYWW4MtNMHxTRunBpEUiyWVqztg2uh1Lf22ZbDMgu40XyQa+4OrSKJoKRsabj7lBDCe+WY1A29GE4UqSA==","signatures":[{"sig":"MEQCICGYWTpygztncysX98pKexMTwfrv+MlTc/qk/FldmdltAiAM6non1Wi7JIDfk98f9d18VdwpZeEefm7SUvPjGO8e0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHrkCRA9TVsSAnZWagAArpkP/RLjMPIO0xD1Ppy1DrRV\nC4Zsag9KwTflOumgIqS7jBuVMNBOgxZud0o3zp92+gdgfLvXQfbRkskXp8Ff\nbQRHlss5j3R5r4tZNPqHleOOYDAxZmeoUAF8Y5bX1dwUTOdc3i+u2XT1ecqQ\nJeU3y2bsxMkIcY8YiowHVOrVrlsOeE9+nh2I6QTFMzx6tZcrlf60zeGK62L6\n4zteuSGIakJ7ewWkaQN/m/1I0RcdNdsan71+HcMkPxPGI8ehMy9fT9wVJZFB\nSxAxmTiQo0Bh/TslTqdvL84z9LBxFmYCnBBdF+GfjxDFI5YO8b+OIM6D4vpR\nc0TOWOY4COLQ6D6UFRcroRwD5mtv7ZRSMrRkwm0gYbIeDfaYafrOyA7EegvA\nqaGtLg2u95w9wYwVSKAUbuMVQYVFq4Kx53mIhVhUpMt15VVCMQnsiCpcgdXl\nshxBDVHV5BWTbj0oVSdbdQl9l3SCjE6HEdmq36Cvr7h5aeT8cNBmziMYi5iz\nhkkC6jfk0HdczPCE5g1ZJe6ewm3xspNZcYj+hH63N3cnc7l7ED2pNMUCd2i/\nxmTbR2oeEGTXvCxJf1J5FCNENkUYKL4HpWmTg7oECMMhbSmg0eFEPosb5YlP\n1J0ue9Nz39jkedpMZnFGO2CYyO6R6HZZVOeM58v3duwTl/EgTGpdhTBu/TLZ\nohoA\r\n=3URG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d5fe47cd91dcff7cada8ca9b587eb8a924a211d3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.e8bf5b2ac.0","@material/feature-targeting":"8.0.0-canary.e8bf5b2ac.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e8bf5b2ac.0_1596750563812_0.7432577242610785","host":"s3://npm-registry-packages"}},"8.0.0-canary.e3b746208.0":{"name":"@material/touch-target","version":"8.0.0-canary.e3b746208.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e3b746208.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f1c35b46f02e5375a81223aa0a2cf171d2eecf7b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e3b746208.0.tgz","fileCount":15,"integrity":"sha512-514XZhouVCfrjoSoTZ66EdGobYk5NVV/KS4CvFMefsrzGsl9DfuWKEkPBazgCIh2u8kraK8hRcD0NtT6WEu3cg==","signatures":[{"sig":"MEUCIHTsxDuHqPcIgysrubQbEVf+8+4rtM0p2c8+tNj0HT+mAiEAhSnwvsiNajk36TOOpoXOwFKjHLA+pbd6r35Z2HGjgmA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLIN/CRA9TVsSAnZWagAAlkQP/1hzi0WLiHHImIaNblMh\nmzAjigVdSnSjbn9BJJnx8wuPInoiKIgADf9V+ALjgUSsov8KRaoBu0rSEPRY\nPuQqDDdHhuSeGTKvVedTP+D1UdAGxWvB895vsp3So1TSqHE5rbxCTmFJCrJT\nhIsu8dOpD3QUcGv6+tzporKNGiXzh9gLMi0UPUu4Y+sOPuEUwNWgeCzTg69k\nInaj1Nga/+tVQRo5eE+Em1V02+yotanjNwte2MDb++L6fJCLl9WKVg+zKw2b\niKyakLCARskVll1eOC+Yquvh5OyrM9NhXakmKNGQGyqt+LOFF5wDKBI9CjWj\n9u4UpG1g2BL80Sxi7zaivsWLZSpgmEmXPU1Q2CW3ZKYNrkAgenv+V3Uw+5XH\nGhb7wMEIIdtY8pRSaP3/zWlJ4pbnNkZb2qdIFRY7IvX3nUpfqU3wxY3n02JA\nyw0cJ2hng17B0mQJxFLq8qrFiijdLX57U/gC6H75uF+XBel1HZqQofaUbPP1\nSd7XA3hLir2sI2iGhC6SXwwVSylj4l0IRDnao3fDsjc8s36kTf8W+DIz8xie\n2vLAHn6J0imUTjMl9cwhhjIapkpmLEIiQ5qTvHekHtcv0YUJpHLKYbImVnga\nEnTS1JpZJgLj7GTJW1uHKKaaYz+BmBjjii1sCfqKSYbJPWZ8TzkeF5uSYTeb\nwMU0\r\n=ny0D\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"565f03445fdfa2cc653bce8f5c730176a406e5d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.e3b746208.0","@material/feature-targeting":"8.0.0-canary.e3b746208.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e3b746208.0_1596752766628_0.7934330667757101","host":"s3://npm-registry-packages"}},"8.0.0-canary.96a640534.0":{"name":"@material/touch-target","version":"8.0.0-canary.96a640534.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.96a640534.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb0115b8f3b32a94391f50e055b8fb942f2e88cf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.96a640534.0.tgz","fileCount":15,"integrity":"sha512-VMQCX3f20zi+FNtZ3HJd2LMm+2McrzUreDvouU3T8ACtrC3Tq3PKJ7ePH4KlHvzc2m8bfIGE35zsMy2CHN/voA==","signatures":[{"sig":"MEYCIQDOz+5GOEgvNKI/u99f9jdpI4kKO5nVSXg2be0l6X59gQIhAKnBfEt+19VvFF9+hU3FOiiEIDm8FRMqmVVGbeleXaPf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLIb2CRA9TVsSAnZWagAAHicQAISWBleqs6onud8dmGCx\nsyS91Vtu8L6LOFCAxFGq5C6lY+JoyeLCd3prNtRusqCy5t1o6DHbgFcHYG+/\n2rCtWc7ufAeWmlpisyAUjdULqdHM/KsXkylxFQjguc1gRJg1H7gFdBYur9av\nQyekOvEoRG5jbSmK/Qxm7DXmtObOLPEJUPIN/TiWgj7GQy4incbugjmuX2r3\nYJsdyiuHXEmv97T8B42C6+5gx3n0DtNgmZFFYhnnBx/nfL7pe6erNGU1hn0K\nVwa24hK9+SaH67UVxqDdR7UMDb15ixB2xnEkfgndyXWIoPI2by6dcTrk/9uG\nfiGJAIhfIpErV0r1JMkf1radNHGox+/g74XFf+5SQSmQ4BAtUJBpBZN5TtlG\n8vP/7FNc4N7PBAbX5cLy5GvaWHt0dH+rHQWDCSmh5Omq9hb6ifTwuopNAG5i\nCSU/a1fMAD0zbUwr6ri5eRmOukfBrG6Y7h73JJm5iK1OV/CSmlthQ53fQysn\n/REbhYR8w7Ix+o5n4HzPs7Q2ec7HHBNonDhN2wV89ZvS5n0fy2orW16xJpz/\nnoWFBHxecVZhjCMZfGJzWlQ0DKueSxcxNBesz6obbCqHrs7bSDy5AKy6vtgH\nmWTtH762jLoezdnPppnqJKYGTuN7P42SkmGM/o0Fiq4J1ffbTdBxZuuzsSd1\nLNgq\r\n=dpSG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3363a6ead1437d646dec8eb21cb2d5c5323e8986","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.96a640534.0","@material/feature-targeting":"8.0.0-canary.96a640534.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.96a640534.0_1596753654158_0.08769635838992396","host":"s3://npm-registry-packages"}},"8.0.0-canary.9f9aac825.0":{"name":"@material/touch-target","version":"8.0.0-canary.9f9aac825.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.9f9aac825.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"981d8e9077fca3ff1cda37340d20543c4b46fe40","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.9f9aac825.0.tgz","fileCount":15,"integrity":"sha512-hywGgONQaxOBGRih2g/8wXLStWBjkOpuXK5L0CZumAMVEd4z23lTFBw86TTd3bZSKqHjKJy6ykzkT258Jvc6UA==","signatures":[{"sig":"MEQCIH0QRT8kYiifRqkUGP0IlqE5tt5gzChjhrnvXufJlz2ZAiAb5gWpX3ldgMcfgHlyiLsAT5RRZuegrY0DAzkoGYElqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLb6nCRA9TVsSAnZWagAAKKgQAJKz8PAjrzvC3Grlu7N7\nAp4ibjA0lPGWBQxOHzti+grRVDHjr0r8wttVphkwR5JigmSV21ISCDxwO1ao\nyVQ90IYRHcqjtEX96T35ZEjIxPp3lvdy5ynC5Hyuf1cWL+zZ0NKD/iPM3cpo\nxV0r2Kcv37iL8GhUbBbo6Sf0APWy6yDVLVLINM7jbuca82lqHQTxao2LezrL\n95d65e+yhQXPPI9S9BjCWUAiv0Ag/uLszdl4JZKMasyC0dYDWbe5tGxeJ4j/\nwyhSlkYHQEpL07HN9Yz1C6fi8jsiLq7dxPS+5BvJ4ZLAB12x9wMdthhrYjZ4\noPcwJNILlB+BvDymjTpGRqPpYxtpIieeeKJiGJbDVxvb2zdhUzP2fVh97Frg\nZAtWx2QJ1nKxu6rEJjeMVg35ErE7Eny+CL9M1JgekV01m+GDWMxZ/xFNqDpH\ndsuExlz9C4PqZOs4z5ZGlGIi7s0qx7vwpndj+SY7gq3puk8urnCECoaLXT64\nXJJPiGAfgx8mc8q8CXofIpBIKcIX8VgSFBu8s9k5/z/BBj5eeKlum0FY1M7c\nsVB4Pw8ylbGNLFLX+/PME6mtbeCjaByo4oBDAGOermBgKbAHquJWQjkws4zE\n2LmfCE6e/dN7ED7I43uA1T2rAj2h+etgCav7YGXPluKvZYbadlNlxrEfAnos\nz4Q1\r\n=j8Jx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b417a722353dd60a63448761d24a06d325b83f7c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.9f9aac825.0","@material/feature-targeting":"8.0.0-canary.9f9aac825.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.9f9aac825.0_1596833446345_0.7851125881157834","host":"s3://npm-registry-packages"}},"8.0.0-canary.fc65fd00b.0":{"name":"@material/touch-target","version":"8.0.0-canary.fc65fd00b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.fc65fd00b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aed0e7ea35389de0c0d4b272351a216c68fd69df","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.fc65fd00b.0.tgz","fileCount":15,"integrity":"sha512-u+1DOCiyAWyfXMPQ4yM5SZeGhzMcZ31t6rFZePn8pQK542jB+jsg+DiRmCAqFbeNxNGU+7FCdyG4dWzc5idWJw==","signatures":[{"sig":"MEUCIQDxxsvo4znwJ2cYr9eRsEhHgroLfh0zm7Vj+0y/W026swIgXt++TGqp/Txsjs23iPDvCcIgRqaYQrPrLvF7ZW3sh7I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMWWRCRA9TVsSAnZWagAAKYsP/288kSnDRcYRjtZh5J18\nzBlTU0VfbE7/tQEE0sn1kaWpLGocPoRHVDaP6Qisp1hI0mteQAEUVElBdvPz\npkiohbPDZot7vO4Hch5PEhHEOP1UptqMfVyyWzqdwgqYYLMocL3S8qc4yDq1\ncob7lgKbORi8ytNWtkcwqcu/7QBJP+LevMu7MdNoQk1tfgIvjW7RmbHWxIjv\nmipaIB14oT2iDr7VKSc+4DZNFkn8935Uy6zyVDx1BMC7lJAJx1mAaB58C4f5\nq6QZh/23/eyq22Bu1DPBkyyjfiAhm4pKAO8m6fW3JEQUF6TApt6J7fhVCtgX\nGXBp/Vywo1HnBlsfclmu3THmdMf/rxl3X/r/mpKx2GQEdHYbzPWU2mbyWz67\nwO5JGpB5mLkY0tlO8AkTVovSJPBCfz10svNOdIh6SiCxeJxxrHyY8qWFrq/p\n651i6TrchI7NNzHT4IeF22zbvpin1DOEdD2KspzOsDUY2nHOPjAK/Njkic7g\njWU1UbwAjUYW3TceAyYxThRHQ/9QnEAOeZte+EZ0rRjCx0xf+NXPcdZ0OA6I\nLdBUWkaq1nvvHT0/KGECT09XgSQR4Nvqw6xhynUpnlhffUmhvdOZftLaNc8f\nrY99T3GpGdPxu9txdVXnLl5nto5qe5kgWLsfedQfahUIkdLN3jkonqmShWi5\nfcc5\r\n=bY0P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fa39d9d1e753796086537bc71b6fa2d2aa21a3c5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.fc65fd00b.0","@material/feature-targeting":"8.0.0-canary.fc65fd00b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.fc65fd00b.0_1597072784704_0.4353473996694892","host":"s3://npm-registry-packages"}},"8.0.0-canary.02e372c5f.0":{"name":"@material/touch-target","version":"8.0.0-canary.02e372c5f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.02e372c5f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab316412cea291fe2ecdd6f62840bc4c9b854086","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.02e372c5f.0.tgz","fileCount":15,"integrity":"sha512-1Cgg5CpC2gEL9k/uYwIU7uQEMkLmvg5BLt1dZ5U2dQIZRZVquRPzr4xApn8+aaaI6uHP48VVqOavUvlEeTafIg==","signatures":[{"sig":"MEYCIQCnJB8vPDebZgPpWmC/2TPKCEKQtYhrkvaE+CJqH2VcaAIhAKqiEKjq1IeqVNE0QQMjXgUGRm1EA1sD+tHyMWLpTXAJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMWwpCRA9TVsSAnZWagAAsb4P/0M/nHtRF61bE6nLyBKh\nu4D/0zZjl9x9C0BJDaaBIUklajEN0K2MKX1bVuTHby46sEKwiS2OW4IPq7+T\n/AubisH5JxgnZNjnwL7xecsKduc4kfPSzelVABQzc4+zzs29l8n81qK7xncs\nOTELiO5U84sX2wColQBda/qA2Bb1xEwL9vn1S+LZJQra4uHCjEI35pkmQ8aU\nnnN9SU/ZoOuaY912G5xoA/H7UbrzoxBaCcSb4wCquykD/4SiUGBYbYOiLgsd\nxPbqYc6+EAMTNBNEWADGR8qCpLDBLnyguYidEdUYGV1VeFdOubo+goy7m8+g\nd994/kIqE9ER5HUYDQ++sUDjlvueEg+6AHJQ/gl8Oi92ASNDkERQzaQ6wFs0\nNc7A31C984JvBK4uz0oMPXEdNkdEi6EIdOMg4HTx+9nU0flLjABK12cdTcJj\nduRX7cam3uIO+YifmeYqAzL7XFun7I6NVotY7KxrasqNij0OKMY/rpxHvkcS\nymmBStqQ3uB+ArQJ4p87cMeAqizqONdnKHE6dFDbS2fVB+9XktlR6g+qj+Bb\n7n17ZtD+hITfScGxl+GBxzrYYdR6NDJ8ekLqAXgq+KZxG1Q97ml2ZG1oDufo\nPGUMRfdn5C4M8uEvhsAISqdakTkRTLx+xpYr3WRqIjsgqfp7bOGtVuRAiuRu\n6VsZ\r\n=FoeI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b765f8699fe12742bc2032a8df7cc23807ec94b9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.02e372c5f.0","@material/feature-targeting":"8.0.0-canary.02e372c5f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.02e372c5f.0_1597074472767_0.16041900740903614","host":"s3://npm-registry-packages"}},"8.0.0-canary.66669e3b6.0":{"name":"@material/touch-target","version":"8.0.0-canary.66669e3b6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.66669e3b6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71e12edeb07ba0480abd4c425b9b669880d41171","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.66669e3b6.0.tgz","fileCount":15,"integrity":"sha512-PLPKKI6yM1ZvO5H/IaV/0Zib5tNzeGCoXgwTky9XcMNFjXjRmzHoYbzOdXu+Dgu5ejBtclptLo7BmrXfRID2uA==","signatures":[{"sig":"MEUCIEpzDd9JNhcawGF3/rMZOhBlBxGXbXtjgJwWjAlRxydUAiEA5Y2zQfagGOOecmQsaVSJxtp7e6w7GCz2OuYup9ojcRM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMW0eCRA9TVsSAnZWagAA4aIP/RYZIZBlai2rauL47cT6\ntZFYLFybuejtlMTmTBIrUwjkXBl6cUN/GRgD5ioQQLUM30UWaqgzf6sh0TAL\nmudPzevf4zl/sdsW1hUwdalykQCr7ebBiKENmGMk0H4LdPhn98elUFI6qkNX\nIbIJxBxfVCoP7n78QSYsNEUIJAv9xVWCzSuqg4vK5fRpoh+H4fviwzfgGR9z\nWQo+HZbFEwwvyhRzt+NzZb+fIMuKjn9yt2kD0dDoCWoRAK9CeHdrD4CmQEdP\nfxmfJC4mC8/zvclwb46S6U2PFefPlEilqbIjPKbcCg42Yh7Wn86HFa7L869t\nrYvzAeXDzDUrUZDjKLjwaF5RPx2DygaSWIgb8URNlWXIihW+3CbNInPGqkT9\nyDiFCvLMHTXTprVQWFn63j5/qa9gIk4mvV7rwzjGtiN7SNqRy1A3K1OEdsng\nwV4dVS5KC1ijkYtfNDuz1JhpZlQLT+N3kgx0BmpZaG4CqSinsMNae9djU5/X\n931UBBEaVRLlBgXR85xBkW/W4X/YH4tNqSJAcXcIOxS96/9sL+s8Fg8az9K9\n541HkD3tBLAURBI3C20h5SZkrbpq6tI5pWXfA3/DkzHDB91DbHio1pba/EFQ\nZXKYQrou98n5fOAq82ep5HSGGIifPIngoxHqXeBwwNtOi92C2n7Ub5klsUuG\nmbLO\r\n=4VA9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"96a6a7d492075777ad5f7692328b3bd50153bd16","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.66669e3b6.0","@material/feature-targeting":"8.0.0-canary.66669e3b6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.66669e3b6.0_1597074717521_0.9769948202492755","host":"s3://npm-registry-packages"}},"8.0.0-canary.6d1ea9761.0":{"name":"@material/touch-target","version":"8.0.0-canary.6d1ea9761.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.6d1ea9761.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1066963171333b1f2e9ca4aa04648ecb25c399ae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.6d1ea9761.0.tgz","fileCount":15,"integrity":"sha512-3PEZPsKh4bz0q5CgtcQtu4iNyx2BXzPopZDIPXl22JY1cMPBCYcmxlrKtRLDh66EYP7lre8FfJf8+z+aGsMTww==","signatures":[{"sig":"MEYCIQDNNuReagA3u8h5fDaLOy4bkx7Cjm8CRRL0RC64PrZj7AIhAODbUJEeMeWYfaonexeKpsrtrETQjDMOl6s8or9HORWU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMqt2CRA9TVsSAnZWagAAIgcP/jOm5UBzLDVeAtR2EaUQ\nmwuGVIr5W7GMC5VhrQwW2eQ/33HVKrxA6As3sONhXd5kLDUPsckZAVGMaUIm\nfkFGXaGe+ZidInIlY42I0NRVAmt0TzhJIzGU72Q9nYfIKY+sGY1PbuaX25bf\nog8PASk0Ra3ky+hTtJKWnpQIf+39lyeP48ZsyqwxKqaF1SbNNbpkO+N3mRYR\nFqL1lx8snwy58Qgea/dhrTgAGrxIdYDCqESAYFB0mVozW8MOhr9FUaOxP0xI\nlKuo1PR1XKpQhKXkgomPhiGO8T2JRw65R6QTCZqEiCHtjyi1LfdNm3kC0Rkm\nE4TrAXXWBBzzX4WHd3UEtaX4PJJ5j0WNvT4FvA/OhfXz5EPOyD99JeOjYTOR\nnIUC+hjUbP+KuyxGvG+XzXH33z8IfZzOajzPWpUyu+4gnbdg6fKoTjv+ltHU\n9GT7m2UkAlkeuPP22AV7wWA45je6A4C4TH10L3dMjPfCGTdiPlL6lh/y93Sk\nIGmo9xGHWX0QPDuQk3DUZ+ptHFpno5wfPB+LIrgj399gFR5KaEkSBKtFMCqB\nfLVm5GzmiUh4b4tUvq54wpyMziuoTweB4OEAUCpRf+m0DDoJd1Kq6orgdR6n\nAWrMmw3JgM6QoeIjMOSK+TAkGqx9XKgAJrjKzV37FBVbe83PCP62UyCucoSg\nG5Oh\r\n=tgVt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2539ff1cdb03aaa0365880e59b2705e6f6ff4229","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.6d1ea9761.0","@material/feature-targeting":"8.0.0-canary.6d1ea9761.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.6d1ea9761.0_1597156213841_0.045299680703269285","host":"s3://npm-registry-packages"}},"8.0.0-canary.79414bf9f.0":{"name":"@material/touch-target","version":"8.0.0-canary.79414bf9f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.79414bf9f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"949b71b0f9b5c6c588daefc8a66d0fc3b89fa36d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.79414bf9f.0.tgz","fileCount":15,"integrity":"sha512-QEXqQmB6rtRppvCScWIq0aks2kZO8lNjPLy/Vtju9c/PBn3V4PpgVOXijlsL0ZYz/0LEUBpFfLc60FAF0tXkNg==","signatures":[{"sig":"MEQCIDSyD1TExHM0RqGPZMH1ufS1FOj/DgdqLB5Zagk1T8X8AiBLS4chw1dckfNGQ12u4IXIMcwpnVvwZcwn9WowEK/2fQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMurxCRA9TVsSAnZWagAA7gIP/3c1wluRmW91keBtXKV6\nK5Ya2xV1yyRPiEL6ITbhHRZHd5DMgxCxHT2WPkId7ToVDgRMUjg38bOhcc1R\nRtdFT4v25b0HfRpBbO7uYgZ/7nKZS8bOdE33K5lFFPKiyiif+OZU/eCA7SZE\n5SeYmVmVk4MQ+VADf5U38DzCF3uaV5txhTDC/yM+CI39pVY14ZNTbexkYwRX\nGABUneUxGXQC6OsTvfKE3FDaLTlPI6PwXKUP/9IP1sb6ZurqLfH0iKDrWkmC\nRsHV8YE+a9YmDVZ1HLIqCKNFEdW2gzOOsIo7nSbowkyuY5bxssCHesXER9r2\nQfNtN86/0GR+WbD7wHyap/tUWkD6wqfoVoKcUI/XQgoKndaRmOHWrXKM63rX\nZ3jbtYNB5cZhuK4PJCoGEBEP9zJ9Ks27Ix2mAj23aoPbSkmHaDWS0dL5uCAl\n+1cZYIhwl+J4gKvREZMYQbmw5LL0MTvhB5s4QfMuHkb2F76XIBVph+g9EL6f\nszXa3trdDAPy7b0qQML3TpfmT/XcG0OAL03mxxGHYQgSmPWHaGurJsf6R3TJ\n5mTj3r4IxyZaYBkmKJofCEnqVGMcup99ycnMZXf09cSskyxkLbwPHTxN9OsM\negur/35uljpdyUWrolcXVbDLtu7hGRCAdldTpDaCnT108sogKhde79UrL/ZC\neok1\r\n=4OFP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3101c6ef84c1ef8d9afdb44b6b6b3067c2f5723c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.79414bf9f.0","@material/feature-targeting":"8.0.0-canary.79414bf9f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.79414bf9f.0_1597172464881_0.8764031770768026","host":"s3://npm-registry-packages"}},"8.0.0-canary.85a5272df.0":{"name":"@material/touch-target","version":"8.0.0-canary.85a5272df.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.85a5272df.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dc7e2b600e827bbfb6aa45f01f10114632fd8833","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.85a5272df.0.tgz","fileCount":15,"integrity":"sha512-zz/HNBtiLrpUCpfZ+EPSO5kLNuWG1sB4ysF2rMQ04Mjxa14SbFN3jDHeQY1wJIuybcll4iC5+9L2Zxphb7lkoA==","signatures":[{"sig":"MEUCIQCeMFo6Jw3dDbtug9bwHWt3DBTAuDIZD258TL4Xu89jHQIgRnwQ0obue1ZNP7pGpuVHchMQQ/b2p3AB5xCr3L/9pBY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMvqECRA9TVsSAnZWagAABBQP/ReoUP9+mtyk+KKFaOgv\nWorE5ESkac9DdV6ZpmOAKmqylndwY7ImIxEIE3yyGHVprlE0oKFGZg8ow8Xc\nqE+eMzn4QB7NsZ4qtFwxynwKqfQ+AkHnohzIFQNQT+HtJoJVA1fR+2YDt8zj\njzVHo2XsXgmIEG1DsBcp+6bOEUSxukciloH4+Jp8Z+oXkuzCjuR2quptTo/o\nEUaPW4khqVkQZrXRx/MYbT0XiYCt1P/luukhmhChEkdSVQUqorGvEiqXM0Vj\nLk55Ny8206KIejZ1SJlGoGtu83McHr2Atoyrm1KTudoIC1A3+wxOr/exdEgY\nTLMS7ahrOZgDTiwJLmCLXEbdITbZK71HPjsOmCOeaHLbnEe1GVq6iodMu79y\nyFkxtWJI60fl9Hdxt2abUFVZND4G+dl3e1XqgHoMjlhNw0XAEbBKbzw2nfoP\n5Zwvyr9njrQRByVwNTlvruH6dArELzaD0/+gkROT1PofJkjPXbsVWRTrI+Bb\nXrVFVTtDM87lUleYp6QHvSJHz6PtBqWAdSiWl1GY2PKDc5IUfMG5RKuG192E\naOb4H8kms21p9JYUJhK45tm4cytTTDDJIKBI2ATS0s7pUZUpPprcwK728wOG\noGqB4/AgiMVrEIuqVz27SP0J+IKAl076Td5qwNvpeqtVIZBqub/ZpETXsfXO\nbNuf\r\n=nm6m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"070016d39c8d62feb1148d71182053d37bc35fc6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.85a5272df.0","@material/feature-targeting":"8.0.0-canary.85a5272df.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.85a5272df.0_1597176452154_0.3247776620052736","host":"s3://npm-registry-packages"}},"8.0.0-canary.fda053eb8.0":{"name":"@material/touch-target","version":"8.0.0-canary.fda053eb8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.fda053eb8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2cee118105d3379894cc52fd6e915e641fd5fe60","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.fda053eb8.0.tgz","fileCount":15,"integrity":"sha512-f7u+ZtKvZUX1vDbVHHZjYRFb0K9g+mYFl6k01WzRDk5t/aZTIGBBWje9I3oAezO8v63nje688CBj3P3uXJkOsw==","signatures":[{"sig":"MEQCIAz334l4LnnONBSRwav2b3nKrR8WeDPG4NBCJz5c0fiqAiAR+OEoefuAgTWCOyUOjK1Qpni5xwxUkm0Rm8YMyn8SGA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNEsRCRA9TVsSAnZWagAAdy0QAILYDHbwieP97oNZSC9/\n0/NsuyDNSCwQFk9Vi9mZqK0puP6jxP9yl1HtyoQ8/UPu8DAJ5b/DEEHnFVV+\nvJ0kIpPm09yZsZM7Rn5oKUoPi1E6Q9cK01jFFX8fIxW1nQ1GRKrT26eiGDko\n2FZmdJOsKkW53elmR0PXyPB5W9O1vdbOEdwcYqjXoEXAy+GTJ2+cp4Hw2jqT\n8R8I5o4BmbHdtc+lmPlk4QkTyS501QbBGUzr5Eow9SMzA4xUzXM6O5pFXssE\nOEvo53fmuLMaPL9K02+Jfmj0xzzM+rtuCZPcXw/lHb2jUGAR4FCKCKfDr3bQ\nn43I2LKlBi1c1MjI37nN0snkkCCks4xf6xwzkm+iIuFeetMy8OR1zWMfyx0V\nSLhonyMoviVQku7w7NX8/Hn+Q8z3LRO2PQb5tMT0P4OAdNq3SI9BgaWQoMG+\nc54fBgjmb/D2PWdhD3PQ1g6B75R/RwLtzzOTC5yxpB6nrBTpvVqM9getaZ40\ny1372df/ZPOy8GgyqOG+Ux8VoQZ3uXYdjVe/wq9g4roexOBO1Han7FiKooOx\nGt1ZZgOf1hZ6zHpKDZ2sfukmi+bnUV63j3US80xGFtoeJ+73LKIuiTu+QpdL\nOkbKtxnXZj6NQc0hirtMApFPV9ZDFM3a4hmRaLyHDeIHHOVSnBCaJqFhwwva\nNKxI\r\n=G0Pb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b92b594784940e2fbd248c33d60198f7f2e0ff71","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.fda053eb8.0","@material/feature-targeting":"8.0.0-canary.fda053eb8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.fda053eb8.0_1597262609017_0.5938572191942411","host":"s3://npm-registry-packages"}},"8.0.0-canary.760873445.0":{"name":"@material/touch-target","version":"8.0.0-canary.760873445.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.760873445.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2fc7bc841ad469821aabd6ab81ebae41e80212ae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.760873445.0.tgz","fileCount":15,"integrity":"sha512-1etQkRlDDAqNaAmY7a22I0NKoZRO6OAlXuHTwPwdGR7B1OFAYaMKbnLC+X7X7dN7z4jC0W+bRFMGEVU/mwAIrw==","signatures":[{"sig":"MEUCIEVU7eMm4X0Ft4+3cfCHiyifHXCRF4YMhMTp9tGyLlLcAiEAssIfevWm7yhi5snZcsfWkfhUIVP2L/8Wm/8UpmFrdHI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGJMCRA9TVsSAnZWagAA1OYP/0ckFXzU6cA4UJsDv6kU\nbkO7bbUfmj69fNjoOcU0JAV0CeNT3+39kRvwM7Y5VqtO4YiG5g9uFmYAIshI\nie45mYXPMpPA5bka6TnbLe153bZNaEPXbdnryiimhxj9QV+NU0vDyQ8jtppW\nxE6cxMY4ooRpWr1Kn9jIO1Yzh3JZFvvCJG2FFLjW20C98v3ZjZLafY1u/8CI\nH6twynAtgBpNAllvtReB9RR+SrtTpAvvqS/4RVCpWi5lXvt5ZjiDoAyOc86m\nNwREvsXeJxBp8VitK0+cKPlGUdEXsiyUoZmSTI2tD8q9V0eIfXkzQ4f3GYt4\nMr5X/UYbWqtLqsgFOj6EuscglViPOI4HB8/abCQSehZTtXO3sLOL6KYFZGfs\n4oty6DtN+q1/RThCq6wL0fItMM1GdyDjVg0zOyBlQWdDXCbWDxP+ghz3ewhh\n3FWa181HIH+UWkEq4sPx3X4VHsE2/FQ0P9LmiIOSeqQ8EMybD+yaM8CeYWgv\nsypL+VNMQ6YRyee1+Pr0qAaZ01SRTM3Zj1JDBbctNU7AqC50HgXjO6Ql8yZP\nYrfAdpcrszEBN0JP4iBi+P/Qs2cy9ijyn9wrwNtrmNMrxD6XmlmdKN8Y7doI\nOAzFvGkovhNSqraRcJiBSYw6SeY23ypkZzodQB3h6IA3O7WTrU/ijXWXzwFJ\n7FAH\r\n=OW1E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a830629b92051950e9e15bdd288ad87238b7103e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.760873445.0","@material/feature-targeting":"8.0.0-canary.760873445.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.760873445.0_1597268555889_0.4574817918945","host":"s3://npm-registry-packages"}},"8.0.0-canary.2f4711a30.0":{"name":"@material/touch-target","version":"8.0.0-canary.2f4711a30.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.2f4711a30.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d39e05caf51ed5c1368666e6d920fbcad49df39","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.2f4711a30.0.tgz","fileCount":15,"integrity":"sha512-G8UslStc4WD2VbYlrBKDogCxcD+LOEc9XMB3v+ZXaMqgIa2WsLfifS3T4qXbc8V+6zhf5G2QkTGwwu581isEcQ==","signatures":[{"sig":"MEQCIHshB4WeeT/zzQLfOTd1K4fI/YRRwTHtCoYe/ips631eAiA0uT7+En52SW8ooNAsGAKB6++y96U00d5cySNns7vaYQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGSkCRA9TVsSAnZWagAAUXIP/0uZYnJ5vQiq2U98u6ZP\nGP3xGzl0O5QIztb9VMlU3cYgaYTYIPdiM6q6hlK4rsgvd63G9mWAtPdX7Zxr\nFsU23ZuGc6omJvA7QravTEZCSjOXZHay0eLWKZaf3XTZuL9C9X6AHwdBLGk4\n82ohuiq85cq7HlXyy6vmCHcshTNjPkYBRHJQcI04Vagf7KZz3T+BlGOCVsm3\n6IstSqZBBCCKv86i72hzdOwSAjvrtz0CaLhNHx0ynEg0Gxw1hoZNHhR2EFBs\nzq+THVTMIEj1vBI2FjE+7FAQaZT9rDsKpghz/LCABX1KJ7UQtuMvo1LRsFzD\nKHjPDsJvcJ0CMki7OrnXGg5tRZdfeJECp0Sa7QeNQ/t2FviGqYHcA+nKG5XC\nhfPDxU6wAGEJz6t7ebS6Var4Rih9ZtJ4QUwwzHx4o07tLJlRkIZGxF/pcAnL\nqSJaO7iUBpdGahm99UEPlpQfGj72sFF9N1YaMc/8Llh2IONueLrnpod0hFdO\nVTaGZkFbURmVhnU7YAbggvc3CJ5ae6VMg/Qwk/Q3ppziLVIvJmq9IeUB925V\n9+kHpG8kVRI9HzLC9x1K0Xxi2yn2HrAQsAcWIHsV8uMTjCg6p28So73w7CzW\nqkTS/9+bJK9clJjuQP8+slvEOT8mSUqbcuXqypPgm2Qo4Ie+mxy6elI5TC2l\no4xd\r\n=g017\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1347e5c15ba848f3525dcbd08fd0b11061e94116","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.2f4711a30.0","@material/feature-targeting":"8.0.0-canary.2f4711a30.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.2f4711a30.0_1597269155684_0.7503357708168783","host":"s3://npm-registry-packages"}},"8.0.0-canary.2d72f3659.0":{"name":"@material/touch-target","version":"8.0.0-canary.2d72f3659.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.2d72f3659.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b79e240bb7da44e8709ccb553fb9a0b2a4e86910","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.2d72f3659.0.tgz","fileCount":15,"integrity":"sha512-VffeLnPo8/WcoyGXezdrPp8Sc4foaIEPnafhQgvKtpgOYXc0n1nFl74rr8mMCHDfButOnoRdRkkQI8sYROBd1Q==","signatures":[{"sig":"MEUCIDohO/J8/FBKqinwCb4Vkr0Q/K4xZ/endcrb6ALQbpcpAiEAplpHw8Vbeq9AlCkL/wDVPwMO0HZ2QypZA++nN9xl9o8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGZjCRA9TVsSAnZWagAAr30P/jj2cEAgd7EOnyBLspED\nHZKuTtpXWFgEZK0Q3Yh0WCjENZMWe0a52QUNVZ4zJk/vTbRqj+khQ2dp5HkW\n8IyZEt+aefi/A7Frh0f14cCUGuuj7CuntjkYJszGsCf5FMDEGaCudffcbOVN\nFwWGil+oV+wngUueQnkFzZMMBPTggz+CDqwp1Dv5KD0bku8nuymKgmcZiIwd\nqIy/4Rweb48489QQua8oa73AH700Dip16FOoyhnT0ROnl1rYF6bzA6xsYC5Y\nCa+6jWj0BJJsQu4X/oJvnZTFYBMzLgJ3v4nEpUnAITMJULK/kV71G53PpxF+\nBgGzbvmkNEkusRFIgu45WQ9HJRjIbDi18yo+rqoJkyxmd+yslI6Yzj9n9xgf\nlnyv1ftmgEE5H1GDVJSM0pq4bylonxxhHrtGKwMY0blemF/Y/BqKlc3yUCtA\nRJsC1VkwMlOeyqut5jLDcgoINlmK6MrDDy933xlwX5heMOEf1cwcPDbuN3nW\nIOTN3RyV6XmE4LkwndDyixnhOZBPD/m+mnN4+vhmWkyG/2mtGF1ERn/X6jPB\nyAfTdf/LS2HKJiOY48JcTssllVreYI1pnecJHdkVm0d9tyYlXBEeTkM0FCCS\n88qjVDhUa5ChNdTfJLgtQ3QFkAP9bz3ucfs2dvs25MBk3RF1EoINmiIC1/ea\n+kLa\r\n=kxjb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"de40c24a4d850a3bd4269dcebba821d972e01c19","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.2d72f3659.0","@material/feature-targeting":"8.0.0-canary.2d72f3659.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.2d72f3659.0_1597269602539_0.16979399702274667","host":"s3://npm-registry-packages"}},"8.0.0-canary.1fee70a5e.0":{"name":"@material/touch-target","version":"8.0.0-canary.1fee70a5e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.1fee70a5e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b9e1317fcd0991700217dfb3c33440feb711903","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.1fee70a5e.0.tgz","fileCount":15,"integrity":"sha512-A4tOaGklpIwLtWeM6oT4tBWYYKT8kxb92A5OmS0mXx3tulq1lSG4DWqFwd8qD8jekFNowBB4AAu450o42q57rA==","signatures":[{"sig":"MEYCIQCPIni2qgh9U1iVci3vx8JU3W0vaXhMDIcY0GiYkW9P7wIhAN4zDJHGQA4SAz+yoBjKNoCDb7CvTADRLrWiPizy9/Q7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNHsECRA9TVsSAnZWagAA/DgP/iS8COxz7A7ePr7yQuZL\nHFWHiUCtj5T7Tu6IfiB5/mSVdDN+BvB1SP07U8B0Xix9d7HgFfgFx7VdoKsu\nOOw/oE4kPqhjoHTMlNfx7sQwPQbly40W8SzGUezgz6laWqN8PEEnz5ws8fj4\nGkthwfRWB0hCXMPktwnZjDocDQccn1q2xfXMarPAU0+P5lJTlDzHddi685iX\ndjLapqyorOmWy/0ok7DYnpAzckIygg82crL9AYEcQRipE9leH9zOPoFap6dZ\ndC0UEVGN/ODkBXjJCH1UUxxmLdHUKGSojxLHWlquFvRpHsD42RxH7Bp7s0mD\ncSylGg94Euwi84fNl8BHc+sTjheH7GFAH/cplbTLVXcYasgYFB1ZmFrBlXRL\nEosBozFjTU8ZkWwU38mS3fpgdhA9rE+kKDYuoV5XN2SS3O9wSw4NuRjRGyi2\nTRaUHApDxUBZ80lRgz7IFR8/rDuj1+GyGVAdHsmZ4y3vDvXYFoC3z4DKENoa\nAlwe4fXsdLx/arHZEGbANEI23fgVA98rZpoBNbWtgRMOJGaRA6BvIr/gfbsY\nvd1p99zmXvVG63VvuPAPacYWnf8IGhUF2hCPr23TezW4uX1nFM4srSn561hh\nboDSL3rwZW4+i+RM9NzPOmCeWoYBy9kL62r51gjgiuefbndE6RgP2VYYrtxR\nKFMv\r\n=GiAG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2e5eed4b73395e9cae47d93ed6f34f0dc0467c28","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.1fee70a5e.0","@material/feature-targeting":"8.0.0-canary.1fee70a5e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.1fee70a5e.0_1597274883276_0.4501167601315461","host":"s3://npm-registry-packages"}},"8.0.0-canary.023f3fa34.0":{"name":"@material/touch-target","version":"8.0.0-canary.023f3fa34.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.023f3fa34.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3d73be9133ff68c46267b108ec31b475e17c6ac2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.023f3fa34.0.tgz","fileCount":15,"integrity":"sha512-ggGXcMykL6OcTctgqHF/jmbBGEYWhjR77McEo2wEfJkIQS9LTYViTO18BdJ7SGz7J8xPjwtbCh1vd3Hl9/RX5w==","signatures":[{"sig":"MEUCIQChXirLu7Q+ZMD1nHym8IM5nEYb5lFANJDAZPr46MlSUgIgZUYDpeP03kXgfsmtEWFZcDuLzVwkZOyxNhO94R2/8Cw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNJNOCRA9TVsSAnZWagAAxIIP/Rsm6HZp8l4QTbatkXza\n6ORLGqyw+1g3UfnfQZ1QiVEtfIJ1pZKCtKXSzAd127iCR/lN/X6IiX/EqPn6\nYb91WPbt+FiLMuKQtIzcmHMMpr4uUYU+thRO3HMOrAHEROoygreP1v3LARew\noKWRO93PI9QGYdExw8FD59gqvnQpJTRJEB320ber9zrGd/CDJFlYzcBuOuA+\ncOiU8Pi0LMTOrdMeMqfI9hWVbq2gVlM3E1nX9nQRE4znfARAjo5gRngfWbc9\npFaI9jX8mY+TJ53iF0AfRaeIEAbWGED2cID41KZhp/KYLugeqTXgWL0KtVkf\noZ2TY7lD2/VMhnF9NLbdSlfk9soIm0/MB2ekUsDRzGjhA91jLfRa7H17pzuR\n2F0X670Yfd+K62jEeAToI/wDYQh7prBPRaPMi2v4ZDGOkhb6C23es+H67a7+\nY+LtKY4HI1/euR98FiiwH02gxU9d670F+X96sHdBBl51M2x2vtn0gaw4nklW\nLfC3asMpslPZVcNTfy4lL+NagmpAETTyCCLFlJJMsgqXt8rHMDDnIq61Ftze\neMZmvQ2o07KAFzNlAuN/uDMXORqfdxH3SX1az7jJ8NVtqniHfQ5x2mNnH2lF\nYMJ6/5FHHZPA5YelyOxs0v5qZ1bm0fzxgnvkJcnkYYr+6POZDS7PX7xMi/1I\n3KSk\r\n=/Q2K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1a6538d0b407fd8e7a7de8e39b4ed51bcefc560c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.023f3fa34.0","@material/feature-targeting":"8.0.0-canary.023f3fa34.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.023f3fa34.0_1597281101421_0.23947188355495497","host":"s3://npm-registry-packages"}},"8.0.0-canary.80f3a9e5d.0":{"name":"@material/touch-target","version":"8.0.0-canary.80f3a9e5d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.80f3a9e5d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17fafa8e2d6ab56bbf545d2b4bfcbe0d8e633730","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.80f3a9e5d.0.tgz","fileCount":15,"integrity":"sha512-aZidpFHdMQ+9D45tJg8bEEyYarzlp0keng/PrNDiCcQY59tExAx64CS07Qr0omV8u6T2AXQm03J1cROYBKXpjA==","signatures":[{"sig":"MEYCIQDHfam0+tdWMxI4Q3UfCObQ0YW2mJJbz1FEyrUU5Jf3bwIhANFqad/2ibiFfexfrlWnjsdTmT76eVR50imnBy2H7ORj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNJc3CRA9TVsSAnZWagAAEHUP/2XkQ/h6HVQ0hIvCERIt\nuJ4zsWjYWAcQ9vwBdCr5KQZA7JrNV9GxmjR9fyStiA+L20vbz5a/IkfpwzFY\njZiJe8dWrxy/rcW7XRKvkqow7FhAyjV2O5DxwwvC8/kMN2MRMDJXKhyqLnOV\nIglzLsyRH2YZPgq9O16kvjgnxR4MZRpgNry7yg6el+Dn69gu/ooMYX75OSYR\nZAhX0vxwBrnJ9Y8Tkw8fm6G7zhf0R68q17rjAHFLwQAK5Zg+666jz/9AWP9b\nF7DCpwPB/Kcer6a4M5SgHdSiopVRlGZ8c1sc1FJHTOILGAGHBUFtMSPrlrlX\nmTY0rwr3mHYdcqzPzw5mCPN8JHXRV+1rYFsVk85h6xhTgaQplCAce01KxV3U\nyFzSkmaROGSBPXKyVYRFPCCGv0h4FwlW7bpRG/zHioWa9kQW4YhTh2BzXBaG\nwVNokHyBXu0xDuNOiwuIKep8UXazzxyXAMKMO23PyLDSHbqJ665+TO2iM/jQ\npuPYWvu+9CCnactD2gnUAIUkoK+oiijvclX3I2BBkR8bleVsaKeJG7+O3d3w\nTXxtnwQoBkU3vRKGMxzQDuiRj2iIjkid3shRGLgnSHEz3IpGOI6DSMITDhdo\nxhgGCTAnnE+38fHdzsf6qUZwGqZ5GauUZLi1BQcYclY4skOGqr4O47Bkqrle\nW5Tv\r\n=YYGI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e47018f239b51581a67186dcbea3f4167f5ea3f2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.80f3a9e5d.0","@material/feature-targeting":"8.0.0-canary.80f3a9e5d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.80f3a9e5d.0_1597282102714_0.5203486649193982","host":"s3://npm-registry-packages"}},"8.0.0-canary.a1dcfe97c.0":{"name":"@material/touch-target","version":"8.0.0-canary.a1dcfe97c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.a1dcfe97c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53c33a4e1c6673ae30b2872a7ee192003c538e95","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.a1dcfe97c.0.tgz","fileCount":15,"integrity":"sha512-0o7Bmh589HGou/5Ifh9PLz/tzTO7CAAbV5gmdLjQyiKcuhfg17BR7ysXqGK8C9seIles6nlBnmXhNHAF6fxUOg==","signatures":[{"sig":"MEUCIFgsN1I6SIbTXFlu8Qwl6t8ivVVSPzAl5d6M79fIaupCAiEAsf0VC0MverevoRLhWKq/1DVo/oWICPa7A8tVojAGl8E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNP6BCRA9TVsSAnZWagAAi24P/1oUupyW/vZ1psyixrYq\nvCB7ec/7HAu+bgLn5p55SCsVpcd4AiB8GqL4oD2j0Mb6TOCV7dRWmZ3W7wCo\nN+je6gs+kV7d1nhvZ3zB44uzk5T47MpBf0fC9r32QQ/LdMLIXhgkmNr6BYXI\nDuuBuHqerXGBCrt/ff8sgwgviWYcIodlzqk0tRinS9PVu9vstRjOl6Auc1tt\npO8EIwcS0Xou3oMEYrvOLDbqAmze8dDNFNKvtdvQZUdnCH8a9D33oQjnRaqn\nfcGbi/fNTWNIk8bcUEog6L84ZhlK47hGX5NMjVh5vI8fxMsJ4Pq65ODPl7uo\nJH3GC7c4E5Ha0jmAHvaJLKrklbGTxtsWQ+UwCibjIBuEn008cJl7pakdpCAH\nL1a7V88FjfFLJ8aY9ihPIXqIIBlmhMB9Ws8fxTGeJWZszb1GdyhZc4/l3OfN\njrS5oyXnABxU0yci9VrASavrKwVvSBhWOFlXIIeDBjcND3W2pEDOoztFTzF5\nZtYlHKRqRoIL8h1oaBIq0Yc5YaqOtXMskBPik3NHRMKEm6Mc6g2zEIYpE7g0\nbvqgfo45sna3Lc/8vEKACGNRb0pzxD+t2zj1+YixV5b7ET0ULqO/KCw+UKmZ\n8YiQ7kpVueS5OmBJ8vg/OCYrrXKDW7KPvrh9DHhLiicPpuwl/gC91PklibE6\nEpbz\r\n=brfI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8ec1483dd23463f0239974be9a65ec22a6b54715","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.a1dcfe97c.0","@material/feature-targeting":"8.0.0-canary.a1dcfe97c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.a1dcfe97c.0_1597308544785_0.057630155895389334","host":"s3://npm-registry-packages"}},"8.0.0-canary.af332d5be.0":{"name":"@material/touch-target","version":"8.0.0-canary.af332d5be.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.af332d5be.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b34a54c3cf61549d953217a1b15fc8a896d67e9a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.af332d5be.0.tgz","fileCount":15,"integrity":"sha512-yfhvhCSJ1823Y7ARhR6hLDO1y9yBq2tSKE/e0h/3qXa4HwlhLjq7XxuJJLVS9EbJSZyJdaKMCCfRb9dn2rSV6w==","signatures":[{"sig":"MEYCIQDwVlveAsmoT8eOPCnJXnXph02KwNCe7TYhpRC1oHLnYQIhAIqHp4FlsPgGzs7TyaYcBYCAFPCuOGfpGB7xb1wFJCwB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNa26CRA9TVsSAnZWagAAdbUP/ihXDL2Ln0F16xkAzZRB\nDT+/cVM0sO/E401nNcW/AJf62eZIq3OdFpIz5Wiv25HfXA/20R0Q9SdFh9AR\naAXbLyJqtcxC/XqTalvRkOkwVG5bOXTb037Fe6MZtYJHofooGXulRSvrOlPN\nnfMSzs8hR9QhArKydVV5q/dEO3TeJQZi/eaNhQVJd42XM9hhlr0x+GG4KK9w\n5hd4bsvu0bzvbNT6rQBd0vE0zBNhkaKx6+X5bJ44TNtIvB4WaMHsEXa+bNH7\n6xgrTiSPSQUSh0R0S9ki3Bn/c2GzX5MYV7oYWglifCmdz2otelipvZx+poKw\ndsbwgEb1gicntHMpgKSbILiu+ppa9q+r6M508Q1U211AmQvvXayQdHQk7Pq+\n0lpvjVLKe/87PtGmrIU/b/37KSl0JxltEpZuwib02FDNj9/Qc8CXpemqszJg\ncUR3U979+nNqCReV58u8TKtxxeuM8d0wBRx3mOlazRdSHgFBB7bImNL1GSmV\nCBlakmcG25tEpKBtuHc/sDyf/W0iMjC8yCPiFBxoryXLnFwyDvQPNjeLQQME\nlnWEKFKpZ2yKiAvEBtCv5ipJzQyMAKmZjFSBvH/WjAIFVw06S+zwFoVboEL6\n/RQz7/BkMA8mLtvD5juQKEFnIBbQKlgVXzok3N44URJpm5SnxP6ofiZ9YLgz\n8eXB\r\n=1XRa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ecb675d071cb76738aea95a2d43ef88a134275be","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.af332d5be.0","@material/feature-targeting":"8.0.0-canary.af332d5be.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.af332d5be.0_1597353401663_0.43440630170648675","host":"s3://npm-registry-packages"}},"8.0.0-canary.7dd4567c4.0":{"name":"@material/touch-target","version":"8.0.0-canary.7dd4567c4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.7dd4567c4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71dbd9b8d31834ca7d40245bbb604e919693194f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.7dd4567c4.0.tgz","fileCount":15,"integrity":"sha512-6AxQaDbXDz0zelYLeBV71CPwtwltXrd1yuIe9IGDLrXA/2ZeV5mfz3+x/CIARqFos7cvDpYm7ab2p4r4bJvmAQ==","signatures":[{"sig":"MEUCIQCUNfKTeqL0jrMN3PdigYjXzuA6B6T2sLj6RNAxEl9PJgIgW7BWPfJ/XaOqLgbxrerMBiLyzYpyIelIxLN8xbpmIFY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNd/GCRA9TVsSAnZWagAAKegP/jn4Pvsl6Tpr4Rbic9oT\nsgJ65Q8X+Z5xLXVJD63u1dq+GGCltaRTbeu4Lss3LwxnSX1yETf3staKAABp\nhycqjjDBvU0b7Mm02N7IVhu6ti83zHvT16wjTALsdpbx2NixEvUyjaVkgLo9\nEKrfwWt7JhBHR2cxBsamgk+PJDpIrnoNzdD8wOsn8whxSN9bw0fzfmPaq1k/\n5nry97khjzkaWh4NO3j6m0m3fcjens8hE/NYneL655KOQ+a/IKzMV6DSFxkB\nVeiYGmQ83ECmSka7MYlT2bLXr5JD8Z/iSq9LoA94UoGOjqOWMzJebxbPA6ML\niVpDy6wn6Rpr/4kaQn0j3GvV8r/l2KqrlYS3vSGEQ2FZ+vj9154YIxlTmb3k\nzEeo79dUTZWlBqVRUgrwW/5fDega3moQdOiOtTJlMR1xyNt5QcqdYdOY5JgC\nugEBuDaVIa4rzqzUR9SCkBQIwmagikCXP0UsSoGgcGwbO6SlzpVBblOayNs+\nMx96l95QlljoYAmo6XOxIzre9YGZPfRpdbGwmOBFf+SC0z2hwwgBQbQw3EWg\nLywcXnzquVkXFa3kQlMgswOfZCvFRCbv9oz9L8YqZrBBbZh8aeaQ37+Rwxg0\nPHLgQECupVJMm2zrOgmFjcr/E3gvzTRSKHXC5Uig8YBiKXSKuUa2aM6gRjXg\n4vsW\r\n=O1xS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"515ae143d426f0329f0a745e0ad35113761376e1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.7dd4567c4.0","@material/feature-targeting":"8.0.0-canary.7dd4567c4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.7dd4567c4.0_1597366214290_0.06268369886397074","host":"s3://npm-registry-packages"}},"8.0.0-canary.ff870005a.0":{"name":"@material/touch-target","version":"8.0.0-canary.ff870005a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.ff870005a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f90bb0c0f32afbdc530951abdab35835b159b7b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.ff870005a.0.tgz","fileCount":15,"integrity":"sha512-9DTARe5L2MTWklvIArQENOKzsD5MVEMPkKK8nkSzzsy50WHBCKJE3/OCFQrndU3Ai9bPU/8taLu3c08/9IZ8uA==","signatures":[{"sig":"MEUCIDv4jNQ6i0tFDx6gU84Gwj8HEWSvLrru8+vkbdief6eKAiEA8/wGdH1vbPO+DDYT9iloWQcQ5FowhwNycZ959HHqq8w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNeW5CRA9TVsSAnZWagAAVfMP/2fVrYSI7VaiZfMSJWNl\n8e2PbirZw4IXTQvDerFBjmTX54AXHXkDDFG/YeyVWJhHa6w9fEsWrxICkbea\nTrjhFdhToBNv73GMKiSES5amZDXAAILFli29Rln4N8lua7PPPU2J4zPKsK3E\n2FJKdUxdjx9sXm65dFTHZ8i6fC9H7nfPms1d3kqGfvcCAR37YufNt3FW/ScZ\n47v32MA0Eg6ME70z0/iStirUCah1W19CWiGnM8wbPmRoJSR8LqVD0jUONVRY\nwWr47+avbWpFeNyZbCjEcTqLLvOojPtIMJq3W8LT7E9R1eItn2S89P2kTWJa\nE4dKhaUfSnmdJXslZBa6lnftsheyhqiml2K1NsqcALA7GyfJ109aKyXA+HN9\nSXsGQgSHCP5/M/P9DPOx/dkEjJlGLt9fblZx2JOHVqBy5xV6jfaswW1+0iO3\n2N0Yx7g3bOvJsliBrKhQdePkLnNDFAyBO/Jjn6gyWgq/v8rVR62+6OcqxSoi\n7RSBr5Hh0vTFbiPdo5TKxsJkuf7ym6qudM+7Fy8P24Zj6Ka3H009jGJOsvQh\nZbYZ/OVNGGxzlnIUzvHGu7dumKc1uw5ot+g53o9dHD1yjC0dedJmgcn1Z3Sw\n51AL6PuOGD07umqKu1zJOiD0wzoSSJNYjgEXpxu3V/+9hHJg5GodGENxo7Pb\nbGWU\r\n=ssHA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"885c1d5e1cf217db1bcb8176917a25d6c74575a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.ff870005a.0","@material/feature-targeting":"8.0.0-canary.ff870005a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.ff870005a.0_1597367736649_0.28332558843074995","host":"s3://npm-registry-packages"}},"8.0.0-canary.150f427a0.0":{"name":"@material/touch-target","version":"8.0.0-canary.150f427a0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.150f427a0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e01f4abb901276f76646492ba1ee55b44538ca15","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.150f427a0.0.tgz","fileCount":15,"integrity":"sha512-7fG8bZjWzv7e5kI6/aCxBOveAdFS1Wpf4NS1tvkmOSiO8GnvLkLjS7HX3WbAOKqEdAnduN37ZeLRX9alJ4+/Hg==","signatures":[{"sig":"MEQCIGT7tGWDs0pl7FnbAWAQA1axVMOKmRU6udfYU0pRLFCTAiA6cMTXhHRdo8rgdsrlzuWg4oiCKpapzgkU0Q3iwQSKfA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNpGYCRA9TVsSAnZWagAAslgQAIbtUhvKinSIWTBNA4gC\nCLGR0F+cKHDzDxZugU/1sIuAJuys7YRVmugWzjqAxa9z2RUWKfa0Mzh1SJ2b\nNJqvKAvU7i5Ry/DfjJsyuEcxOnNirgjDd8tnb+PEuhnvCUBp+K9ujp1YQOV/\n996JckR8p8x5wLuIJF/aPHQcOKbfiRvJ4eLnaChtFodaEC70uyha80V8uJm3\nwHG8IbZdeNf2MK6aT7jJcXtaNolwS86TipV1Adbsqmb9Aj+Qniu8Bjm+ZY9h\nFUlVoPJnkxhxzqdjiJohQcXr/20qT0OswKJXXssW+VCGCHojuFf+//pQQM+e\nhQExD+W72TvSWMBRYw7jlPPOguKZ4sPvcaIKEkFaOEXspYRwHR6mSos88nt5\nNtVGuljJOlhYdgyR9Yxql7D7rqBja3Y4vZbn0iiHw6oH1pCrm0K1Z92UUsDc\nwUjk5VBAiciHM0xHzHfxAYXqM265Z3ZzSgfeu6c5oEpcW17u39T15m7LaOok\nsZQSKTnG9RY0vsoK1JwFOoJkAThkhGNXcCGeiLeNQP4AX8m4qk2zoU0/orIG\nBoUMOStJqsB1u2yyH31vnWlkRUtkIpFWDInoJVVpzBeQG3s9H29bvlJ2Z9LH\nOdWMcmsN1BkZrRooTF3mWj9kaiCX1NueYi0hf/LpW2NTPOKJ5fmAYFavv33m\nmlyd\r\n=GudY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9250d38c39aaaa2210225133bd9fa4da3739df3e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.150f427a0.0","@material/feature-targeting":"8.0.0-canary.150f427a0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.150f427a0.0_1597411736140_0.9373768321889375","host":"s3://npm-registry-packages"}},"8.0.0-canary.bcc58290a.0":{"name":"@material/touch-target","version":"8.0.0-canary.bcc58290a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.bcc58290a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"12d3a610f14030ffd3d848956bc7113ab398fa4e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.bcc58290a.0.tgz","fileCount":15,"integrity":"sha512-ROAvahQM2Z6G3oKILEQSw8qv8/TW7OfZ7ZBQ2G9NuqM210tXsaEtsfAqlnD1FmTA5y0sj5QOWKrC0xSx6I2cEg==","signatures":[{"sig":"MEUCIQCUkGl90h6PZU7XHPb+mpv0jC/fxCfQDdRYbac7gAzWUwIgNdvPRHbKUBsd51p+G7VsnOkMPOPY2TihKdC4ncDDLjA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNxyTCRA9TVsSAnZWagAAWgQP/1XnWC9KOlFMMtFScG6i\nTPUldWfUQhnZXs/e83kocU9dHovaZLF4QKqvWcU59qy7O82rh4KHzyQaAE5G\nwtZ+Gf7pJ1cyQZZuUh4yh2FGG4Ta3qVlf9osR83RBYlOgGzUEe3bHeQoB8OK\nni9Yobm8i2OmBlvIf3bZWNIzAGfNSLX0SgOh10ymteX7hc4KZ10HvM69K/ED\ngFacCayHvMkQS/ONRSkI7tvWDlsWnNgOO4UxbAdRL3VVjRDMWlmJTpjbsn10\niu1HoHWSypfaCGiY5LONFelzp9ywy7Z3aEKtmV9TB/33JAGhTiZ8mpwLYUPC\ni2Ih1HuKPDae6NAIeRNOdIpMlx+u3EiI8JpNgNDnvrrwuYXfYbRnBSkjH3f/\nUEiKCRpTyFmd9JAjQv0KljpaWmcJ5JUyxUxfCf9zHZCGcRcCZ5XlIPeIRu6e\nMeTe+ZJctmcHqJkO2I7evwH6IB+LTS4pciQXWnEpUiY0PzIJ+MRzzMmBam1M\nrv2ytuxamwxkcdp/nJ57OAbtZwcTqmWxRDI9NyuuECnRwKVSeVsIiQApmP6t\n+KU86K8r8BHw4GoooHOp4JV3mqIZEGzCqqBOXNm4fCbEQnsXcxHX4dma4DOs\njIR6+s9pKRpXmcd7g8Op4AnMLyx2e1RQd/uNstEh9fXkPMvlP9BasW81fXnA\nBKS+\r\n=018A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ba12c8e781c26c6169e16b167798237b5ededb54","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.bcc58290a.0","@material/feature-targeting":"8.0.0-canary.bcc58290a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.bcc58290a.0_1597447314656_0.8416512417637121","host":"s3://npm-registry-packages"}},"8.0.0-canary.4f55400bb.0":{"name":"@material/touch-target","version":"8.0.0-canary.4f55400bb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.4f55400bb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fad3ba56de5c0043ef18bfe508ba1fffa308cfde","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.4f55400bb.0.tgz","fileCount":15,"integrity":"sha512-Dza98SZzSeQn9Jve3GlMWtvY2q8CYOj9k6mLQYZ7qqlAsl5YK5u0SeCQ2LfXoM9wjYp/YL9RCrlFRU6rNOjUwA==","signatures":[{"sig":"MEUCIEEDIO5KQxuzNvXQrGA0QWIzp1RHlEeoYo8W1OhRS+1zAiEAjo1k+CCU7hnYhPTXKM/jUlFQMsTtr+JPQiJPGkwEGAs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOrJeCRA9TVsSAnZWagAAhIQP/0WSQpgCFH7zuS4h9LnL\nJXFHCa54qslzn5F3Q03MIB/pfEopCEmqK+910nsfrI3Zqqa9JW7OZc5sZv/4\nZr6P3Vh+wkxvoOFRg+4JC3M1ST63wAyB3yToOf0cVTmncFmOZunCNzpHWSbU\nDSOfGxKgJVuqwIB086CWhYLos9GnocVihX2SssOkfOIz++JZJYCo58Svaupd\nXzgm/hmXSRQBHGAXmBL1m4vnwDgfB7c3xnMgShVvcOKAuv+Dzqlqg6yAHR4y\nu562TKJwHY28pnoE3mXH4XSq/DjDEHfpqDd7yBtoriyoqxccHV5swRuXel2B\n41U++NecewfGfCc+0zmNydxWP8IOgKSMoiB0xwF6V4rOl59AOlPuT2MyVvrs\npCwe/49AJm7pcrRe1IVdQezsxjELcgtmaYmfbGAV2jXzJAzYQJEk/GkHPMbU\nTIUaKC/PgRjpxwvdGvWiMlF7Zax9oSk9/53auGHbTzxoCX3zkj2yu5HRU3n1\nlBKoqQSr8yJZNchHD/TKig5i/K4gIOJ3M5afylOdfBWVWok1U7IiCAYgqvlC\nAn9cJwPQiAvUYJwO+7mY1Wju+L7XCUACAkN2PkfyUGFth32pi3w/23q4mqjY\nXehP0D4TxbmF4duRhnFL7BcNl4gvf6t2MOA8P1UNjbGy3oFgmMrgbUBL4pIn\nDSGo\r\n=0NDP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a9eebd86aa2e631b994a71291827e602b842dc36","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.4f55400bb.0","@material/feature-targeting":"8.0.0-canary.4f55400bb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.4f55400bb.0_1597682269781_0.9800277573567355","host":"s3://npm-registry-packages"}},"8.0.0-canary.000d64815.0":{"name":"@material/touch-target","version":"8.0.0-canary.000d64815.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.000d64815.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7db4eb3483843cc7d118429cce478a786dcbc12b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.000d64815.0.tgz","fileCount":15,"integrity":"sha512-nAqKTaJCJVq+i3QTAeMBMTkdJZoYdtArVYsPFjKSZmLPpj/wmzMP64sU+wAv2SvrR2JKMw3+5YobqCRP2fLA5Q==","signatures":[{"sig":"MEYCIQCX7Y1/g/MV72cuWe+9xXLTj3lH2UvnAc4NdPrjCbmYxgIhAIwjgDXLjY6TPfA9/iG0KWwWxPhZ2FUF5FBF72Seyh+3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOrhrCRA9TVsSAnZWagAAIa0QAKTGpjZlkliBz+dDOvPw\n3XWPGKSwhcMRr9v7CpcmsB7cljXOsSdZswOnZnr4ltiD9ahJRtUHrhqDJqpN\nOrdR0Jgc/6eLKQi40JlPx6wphmwSORpLDFKtK7dx/XvGRBRqDMD4mL0dPnti\nPwluXKV+Kt5qRKEXshYB2LJ4tadyhGPoSi5PamSgzZnesGueSeI6NTcnavqR\n0PmAf8De3Vkbeb9fIk9CDDuRpsHd0hY0+XJp3hnLb+OKBlREj53YmjXaupYC\ns4s/SEOWYZLGt3Z6jxD8hltlZk+r2fDUEz+V69j8gFIhwx37KwOtVVHwqHMm\nFq/x4pGotDxJH4CuUm/DTTctbMEL+Yqu6ljje4Yet4bKeCu0aJDMcf7LqMDn\nfmktb3vqqxXz54XNHy/2hWSLjwwKTwzu6IQZHWAiqFReFD1lmisrt1YkePuQ\ncw9sbx8q1QrfKlS11iXrIM2jcMbICoKHepfQIZjVrTNOIRf5pDFtcPpaiwLC\nn/S2oqNASdimT1Uu1DIfx1o7HTC1wqgopVS9G7ldEP4sT+pM3/8X4UcbuLid\n4HQPG9UQCmohutXGh5MvA86oz0kIHyXbZOqlMq8/CTxEdii2armDyIeaM96V\n4ORm2o3AK2GkMJRIONbnpUakuRixvuRBQJrhZ8bs1AkKSEARIaviD0tZbJ/H\ny4zQ\r\n=y3B4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c8a69943d64e6f468c2edeaf1fc6204d372a9fed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.000d64815.0","@material/feature-targeting":"8.0.0-canary.000d64815.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.000d64815.0_1597683819235_0.462851661821595","host":"s3://npm-registry-packages"}},"8.0.0-canary.defa599a8.0":{"name":"@material/touch-target","version":"8.0.0-canary.defa599a8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.defa599a8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ebdb49271ee04f5027b4ca5308807d659110ba0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.defa599a8.0.tgz","fileCount":15,"integrity":"sha512-5gt9ppQtZqcmQKuuLSDOdgzP+Cwd2UEErYBLbDtFRTVzl9kytmkQNNUtbKUr/JNSw+QKb9dIWU0/kv7v0rI85w==","signatures":[{"sig":"MEQCIHXkarWHOu6z9ftpnPn+WjDWosmGoq1dgzV6GvJnD6Q1AiB/KM+WTUJQk8+VEv0LksEW66tP1eBjI9hzPx4kqmF0VQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOukPCRA9TVsSAnZWagAACeIP/1i7trCeLzNLWy3O4/CJ\nrEfaz2h8IrpiDW0bnR5wx8KsaWemOkBtUa2Hmk0xtPmk/+GXpP00TTiPBLgW\nAtrHVJaK7in85xBSWOivssg9d28tC4BnFX99gsT+Km7VwPtLjH5Tdy25kivQ\nV+U9tTANWGyDvHWB41TxlBTjIJLtJHmE1x/p97R/oroYB3Xz2mSfwOieYuus\nS8si38trrWKtQY2YLTcK7nDSLPdDsOIvWrxTKr9GDmmKI7/iqWAEDdAoeG7k\ngu6vlnNqViItp5MpfOnAfuC1pwwcMihVj3MZwBlBBrbNTKhl90DYqCo6o4nv\ndDlTLpx1mnFQsB+dKi5mXumTeqjaR40gexzKUmXwnqGKauFI6zhTSBCAlkk6\nCV01FGmLRdlovxTJSJbhrcoLYFRpvyZ/OyJbHAgKZUgftSBkV3gYMJXwctY5\nLGM87+j8B5U/e9mq5zxfjj0JaoYLA6QldHJ49EcNcWA7nr1g1XR1msc35xlx\nLpadj9EMZtr2KOGm4Tbn1dP0Ys0sWV08u/2zARdQsJL81b81VbOo07Gy33Cb\nMo+unghEfjY4KgTJ+vMr9XhMcvoGX5fk7KZZPGjJmtAv+03wAy2S0nqivgIA\nYnH7yOXOEWPlYrmuQCHYIK5InPmJtaYEdMgfilOhl+QYJVh2elIn3CWg6tOY\nj/XI\r\n=HcX8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d3ddc8cf9af988fc4a02f26feee3e4ca0184dbec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.defa599a8.0","@material/feature-targeting":"8.0.0-canary.defa599a8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.defa599a8.0_1597696270780_0.39841361245451434","host":"s3://npm-registry-packages"}},"8.0.0-canary.66b8ed7e6.0":{"name":"@material/touch-target","version":"8.0.0-canary.66b8ed7e6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.66b8ed7e6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea0bb7276f8972d4edff7b1e738bed19528d109b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.66b8ed7e6.0.tgz","fileCount":15,"integrity":"sha512-0EmgukaR7Dc/2GXRLnku1RaCxEpUaaTzxkW0zA0FzUiP6E+/DWUuIGn84uuuYCDpJCepVef7os144Hxf0f+zpg==","signatures":[{"sig":"MEYCIQD8noy55sSiqVVK4+Lnq6CWVUvKzbwtRFdvUobUMLFOGQIhAMI2tZBp/Hcn9wNsbODNAJaz1k5WSPSA+1g2EhaHNKm+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPB+ZCRA9TVsSAnZWagAAYGEP/2B1UpIo1JZ2XxeXh89S\n/A5YOgdab6/R5/g3IPszPwurei7TUnKSouWAmL8j2clGn5RhmH8dgsHT6W6H\nwpL+tTwuALHaorC69cr8SlHeiThy7dW1D2V7YeGln3aIITtZclMPTXIesBa9\navULLBvLCw+LHfzVob6B1hD9crv/YVoWqzaMYYS8fjja7iD0SerWJAfbKeq5\ne+fA8YywHUQdSEeWyue/SRciRgFo0hGN2WVflQIN1SzuNktHCt99n4Mfbo/v\neXggpEVzihF09zpZ/54u+Sf/gG2292BPChe/x3gRH88phwEjcs4N7zWnA2x4\nf7MdbUQoage151QkSUg526ieMbx9UWxruHc0tFpG1iBH1GVTgDiwiG2p7zAk\nDIfYInB/tTfdwPgyRoV8JfMWZHD8wyM2mKfm27kZ0Kihdk/xLv5E5wdYQ0em\nD6y9ZCqdwM9hp1hiGaOqmZMLTf4SzVyHYwDA1Isi/mkw5AOpY1B8X6NlZSDr\nau/X+T0c+JURWZZ0WqGX7PSuGJvVAQqbVW0Z3qF9UDqQxQQ4giHFq0f+hrxe\n9y9DKXNM/HFnBWPjR8B8FLZeQzV0kssjyGZcMgQnx4E3o+dSkh5OxFawMjy8\ns/uzMZimbj+J6vRta9rW1CWB3beDGNbDqf8PYYhlC5dtsfgn/HN3eKOE+Ozy\n6yQH\r\n=FqbK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c23c9dce18363cb6806c169d5a516da2a0fcf89f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.66b8ed7e6.0","@material/feature-targeting":"8.0.0-canary.66b8ed7e6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.66b8ed7e6.0_1597775769131_0.10783649767796444","host":"s3://npm-registry-packages"}},"8.0.0-canary.e2b1033df.0":{"name":"@material/touch-target","version":"8.0.0-canary.e2b1033df.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e2b1033df.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8d79f47a87ef6bd8bc4bd675a8367029cc3fc37","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e2b1033df.0.tgz","fileCount":15,"integrity":"sha512-TJzCisAvmCMRiMhhYUg912Ebfoiloa4vsYSGsIgqKbnQ+zYxO3N+Z9yGEbEY7ymGSdot4qy9u1XpFJfT90MDJQ==","signatures":[{"sig":"MEYCIQCiyC4XzQ5+zgXCzWcy06U5mHhmSS1WMsZzxEubX68sUAIhAJp0y7nLf79wXniXXO38i07j8Ypu4HogZrbQze82oTs0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPXJOCRA9TVsSAnZWagAANuwP/2Tfm36SbzmEtNKvog0s\nYSRHq0GQqdICFCQPjf0kU3vrLfS4yG/TVtsLvSRf/Dl+iuhlywi78KkYyhyt\nVzmIx5nZWROoIOZTYw0Fsl1KmJCV0JjW2MFYTZqxQLaE4tsP+M8l0ktAvfH9\ny61Rdcbojpt+cUcIPrPdGMsJixt/mFzqjP93NAzpyaDHD8JFzgHnDvpeHQoM\nDyLW4oV+YcQpvBk+k+uLM+V8ksNEEPDU70MfGGg3OFw4GnUSKrG6+1C72bM+\nt3OUTfKxKtNYrw1MjnGg046bqy2FEKlnyaBcAUhnvMlhHsdsAWsIfVXeVRo/\nH0W2sx91RTE0L4LaDjzBNqL7H+OKTZaf2tcbG9oKnTKNooI+M65GidN1nIoN\nvvskGnK4Vrlh4XDI2zaaAuAp0xXF08IKwr145MNJm3WyszzWykv6UDE12IS/\nlXYAj2m+Iu4j+V58ytjoZZn8E6c/ewIMit3jCzzupHkRgHYzzu5WZzGZVhR+\n6ey1yVDciATUwjHgImB8hbgt8VsoauVtUmx66v3KmxJ1WJvgH3/t4chPwLpb\n/yKb9WcQ+WqhkTsEb2qDNVebEWYky/AIU/YFy7YooG4lcSS7RxUEZX4m8MwB\nSFkR6XelqB5RV+gUGNVPcEcoDnzZiG2fPwmSArFrjhRiQkQHJ2gRpQmj6qcA\nEu5D\r\n=E7Vn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"763ba6b73959bf0639ed8d0c9656a53b18e30c1c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.e2b1033df.0","@material/feature-targeting":"8.0.0-canary.e2b1033df.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e2b1033df.0_1597862478162_0.0101553364440512","host":"s3://npm-registry-packages"}},"8.0.0-canary.2e8c3dd2e.0":{"name":"@material/touch-target","version":"8.0.0-canary.2e8c3dd2e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.2e8c3dd2e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6244179aa8a830031eeed38d269b42cbac101a87","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.2e8c3dd2e.0.tgz","fileCount":15,"integrity":"sha512-Rci2gxWRInoyasJEByhKdD6meUc5DkyBDX7RP+BKFOWmizPPyWhj1UhkjhklxhPi0bPLUh354Ck/ilwAlS4zQg==","signatures":[{"sig":"MEYCIQDqab8KdS3fk4Djlif+7PJHrD6iZrt9FZkPhwSJCAsVGAIhAM+EnA6fr3ecz9WikqNjQ9rLX96QbkUCZlMMNN3ok80E","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPXwnCRA9TVsSAnZWagAArqQP+weI4FPqunvh7VrgLzgE\nN4vW+uQZahab+npMFbM0LIKPZLA/WvTutcImCO6QspZYg5vRqZPSwnxs/4qi\nKV+p1RvrXwOs0pfpb/1NQFtBPIYe027RIe/WL+CIf9qW4rbHUL4mKQXFhPcg\nl/KAV0HQufvpLiYc6GHGLe6KTIrs1LSQlvcTA0eAvi9slkRvF9WYyhdFpr2X\nMmUA3HicayKjC3tHcrx1rphX59yv9rVWdmLpv8rkYqDtokZtMz480aWyXKgF\n2RWgaOveV7s5ahuKeMRw0NNsgys/P5QoF5+U8kJ5MHVimdkUKV/uxzuGOPNU\nmT0eHDc4M4546pz2hP6aeF6beAO6NXrUUiizBJ1EQKFXFMKO/lzFsXgP0YMo\nxWRyXN7n+o/uuGq06a5EpvT3hHQsSlIr0W128kMwoJb9t9BIqsuYnD+I8A/v\nqts61QJa3TatqEJwEkQ3ac9CvVIV4p5hcpGv81eGnb2UN7hR3Zg6X1xZfwVK\nPMSabSIN2LO9yVQa+fkUpanUdyZ5myuJR9TlH3twrngOKsBGoGMY82NZI4N0\no6OFKKiB3vyU7KEuoBQqNMO2zFwVduDMbRyfC2MdO8IKH/3yvLkOfgaHpl9k\nh5rRf9jLtI/V80810FuzvQUWjto4h/vg8nPHwo0l0NAzuG/fRwWsTfX5IEz4\nIPs2\r\n=rTqQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"237ca1e061b4efa53d623ea5dc9c9d670d5c9da0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.2e8c3dd2e.0","@material/feature-targeting":"8.0.0-canary.2e8c3dd2e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.2e8c3dd2e.0_1597864999097_0.36487433653141066","host":"s3://npm-registry-packages"}},"8.0.0-canary.b2e80a5d9.0":{"name":"@material/touch-target","version":"8.0.0-canary.b2e80a5d9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.b2e80a5d9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"515f6ddaad566f0a9e3110f17ce30d35bbc2948b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.b2e80a5d9.0.tgz","fileCount":15,"integrity":"sha512-5GKZpMZrWWPwZnTQV5yvCKeEmcRtN8dJt8ElAtihU8Yov5Yhmlf3z6vtsCx8tMWAHsX+oDPgryemW2FP+nHJ/Q==","signatures":[{"sig":"MEUCIQCsisvhWaMN+UxfGQLSasW4CfUnXHYrJ9H3Vsl6lnlc6gIgKb0IeZASYdYKqprpcR4cJopP6GFiu/uyrQf6nKW/T6A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPaWiCRA9TVsSAnZWagAAdQUP/1thDdqH/BjRpVvPpG8I\n7KfW5VKhValBk9PjJ7aFJ9ettikM8aml0wSa41t0oqE4wFTK6pX8Z0oYthaW\nsmEKhRDiPJ0w7YEDw9CP32gwDyrrZSpc2hVbNikwmL4b1tHNVOpZZnaXtM+2\nWXnw19p3JmLEHcpHPKhYcJEMvZw5B66BYmrS5ZYh3tg+1PI90QILyo1sgR2t\nOmmimTc1sQcxUh6FKVJQ+VL3k6cKEosh3+3D2qezjflaGjqV+vzJgLovCfR9\n+tu0qYTiPLPVZDXPSxmxG/Y/MEpBbly5c6qLFxNWnh1lRQyEFpVF+F2/lBA6\nqkhcx75bVPkB4yOQ/X/ZJ6yQamviCFFE7mvTIxOC0kyKY3rrVh7LuOAxidjr\n+dFsOHxbkdb4CkvpcTX/PMk8jdfSMwcOeP8zAQADs9jIR3MKHTemrF6/8LkV\nTRqyLuVcw2Lvqp/tkgGsTY5gLoYOW0qVxbnOGAilz+Eo0tt4L/ePOXOXwXM1\ni73L/Qo/hCYQgr6TYQxZqhQ6hZMb/VLQbCpq99XIJ2RDXTf2PS6o/B8up88U\nDs1MxuwAexQyQ30df3jL1meWKhY8n8Nm5sFSbeLpC+anjJQfGxrpEzozzBJf\nodg09yhL06pw4gRPn9OVaJSJoSkp16Er10ctapgtBirAkL/Ro4FbGunWiLM4\n3H3O\r\n=m0Ci\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"84085f6b072572fb6b09623a5f0b35bb95db6fca","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.b2e80a5d9.0","@material/feature-targeting":"8.0.0-canary.b2e80a5d9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.b2e80a5d9.0_1597875617622_0.7046518715262715","host":"s3://npm-registry-packages"}},"8.0.0-canary.ff88df637.0":{"name":"@material/touch-target","version":"8.0.0-canary.ff88df637.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.ff88df637.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e3caf6b88517f2d38bafa87652ef6970cebc8aa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.ff88df637.0.tgz","fileCount":15,"integrity":"sha512-r0VVWXSGm6DvfdhVk8hLnxW5a34E1CiXhCwIWVPm80HNApp5WsWJqLpv+eGsM5bXnrznF7fALkZ+O1pd3bFUMg==","signatures":[{"sig":"MEQCIGx/S1VdOBf1wwlpB9og6gC8SyHpTetk2PfzTGqnZlQ2AiAOXGzDf0jxcg0MzSyptI/DTgUyDl58KJbLv36WLbHHNA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPahzCRA9TVsSAnZWagAA4cwP+wfI2FLpBOPdjK3XNM+Y\n/za/g0Np2IrC1D4y/H72T72wHRuDVYBRS9fLxc3uo+6vU8wFghho0X22V0MZ\nNBO3lDDKEBr1qqkymYjX7MEe7ZqyE0LUCq1TNAhgtZw5Q6sZNtBnR3yEvxIA\nvZKk1sDsZLNG9xyDHz37Nldbqm/ZdYmN8HN67DXCtLfFyEktgsWOEEA9QULQ\nvQ3kv3GrXJyjHQsBX+007rBA2RUfTGbkIyguyBAKM5x04pSrZIsoT1tvHR5U\nm6VLuUaq8rlj3XltrxOVgm6IKdTxiOCmg6MwfsNbRkrGN/oCSfwNPbENkuNb\nZTuph5Hy6JSpABW1kk9juvKfHfZV+neH47xPk1sELUaCID9LCEmeCiGbiHi/\n6dz3V/ibcd6VbG9NqPcF1up3wOH7Ps/mqbt/1BJcvnAIeKPK8ibnrY1QgaN3\nIpwt3bvsmyk76S9ukKVng+FmSZa7AdRyO7dMGfy+gPBkoqZm+PzV9E3+3X/r\nqpy9XJRN84gxyfoyKW4A22+DI4/QzXEzXVw513SHrz7eyJe1a84z4Ti8JkG6\nd2pq3U9vIEaRE9UWmOIMI6k53QoGbMgnhksHGBl2fxWwdtZYQn6HDQt0aZQM\noFUgWIN5HVatEx/0aRYwnBTeHZmMnvXTSb6N7JdvbGM+kcjLS1nWKybDgprC\nm26q\r\n=G3cg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"36ba8daf061692c2f915513485e71707d8eae239","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.ff88df637.0","@material/feature-targeting":"8.0.0-canary.ff88df637.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.ff88df637.0_1597876339253_0.37355325039447873","host":"s3://npm-registry-packages"}},"8.0.0-canary.32fb314cd.0":{"name":"@material/touch-target","version":"8.0.0-canary.32fb314cd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.32fb314cd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"12fb74af0695fce2003c764d6e13e1b2a0b63838","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.32fb314cd.0.tgz","fileCount":15,"integrity":"sha512-VnnoElg9qLbtenIHirSt+NXyfN7kG26G6pEP3d0NwhWR7TYgHEh4Vbg9u/hj/HXWyOJIiFoa8p1HCyOWyJ3WBg==","signatures":[{"sig":"MEYCIQDvs85nMVCt5Tv3K3cJPgLaYG8kvY60UfuFzcbt0jq1mgIhAP4So73Cve5K7HYxCbVe6yun7hV2xp8pta6SkzwFGeGo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPlJHCRA9TVsSAnZWagAA/8sP/3r3jLRaRTdPGj63FBC8\n7cmUCltfANCEOpb/CYSSfDMz7dSuV+SKYpcx2sloD+tIOwKfTxbZkJlS3HYx\nilfnChDpy3pl5sl5PrwE67JWOpDiaIh7iy6lUtwErKcDwVIUm5Nkcr/MBxZH\nOwAWpkko7nKOL8+nD38UkyAK/vXHGZoswTrxUvIcX+SQUwjhRVZ1fLIgvVCu\nZr/HmqVp8APWUQpyWQonrXI/mIRFSqAKeuivGoRSPbOerTfm7DR5aNkNs4+V\nHrbIswhENZJR61E2I9/a2bYyoctOgO05POV5EJPAwv8wmOmlzz10sqjXUlJY\nV80VmXD9UNBYJ/Tj1nwm2LJnBJ+Jh4tNumdfhYhNL+MSaW8UrlxxgT0tPYEg\nvXawAyoF+03k447x818egzkqgO4u7uuINcjfZOFG8NSnIZXDnkNYgQn2wIbi\nRb32T8Yv4SvQoJhNCjMAgmsejf8oWrkX6E6ZPXSGysYVrO5kuNGNHrTdhg+n\n84qHMNsSNk1el28JSlelZ8SzC0wi9gUjUpuJBBcsG9hNtQAZQG3gfqi5JNoE\nmDpT+WCr/Z9fEQtApxIj37DgUANqNYrrmROkLW7odFFJaKwEmlrWM5deoQOC\ncWkLtCC2k9vQLNgoMwAr38DXDVX9HIw0tLBK5EPIPXj3cDuyyDXPriHfJ9Et\n36+z\r\n=U25f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"61108ecdbe311b101b1b87763e8f3283dbb9dd50","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.32fb314cd.0","@material/feature-targeting":"8.0.0-canary.32fb314cd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.32fb314cd.0_1597919814898_0.7195803945480888","host":"s3://npm-registry-packages"}},"8.0.0-canary.546277d32.0":{"name":"@material/touch-target","version":"8.0.0-canary.546277d32.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.546277d32.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d37a2db5ae2162d5515356fdf6dcf37243da2a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.546277d32.0.tgz","fileCount":15,"integrity":"sha512-fUwHadZEjB/em6R3D05dvbLzyaXD5RSPRKqss9ArfhwdcbYQIB0VinotYS4TKKL1HBGEmeDv5BnTPvvtnUrWVw==","signatures":[{"sig":"MEQCIGLN9wp1nL0/M83Drw0+vTavEjQVzAEatYiRc0Dnlek+AiB3OyrtTwQ4JCKm2WujHIymhwRnLdZIT342GoeBu5hKKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPqfsCRA9TVsSAnZWagAA3cYP/3yBs2yKULpjFLDgr0Ai\nzGY/mMQbLeOm6z/OiQSyvIsYIl9FAXQ+YPHdG7I3OWHhXjJxZRvqulDlCG07\nzIYnZrEteHfcsweVhn+S9qZeybYyAMH1bDYoBLWWsmEXqLN7geUr7+/nc6/E\n7YhSRgrxeIKPayplv0++9vVE8kwrFEAMWEZb4+fQaG9fZk8EGhVkTP6gZK8D\nmygU6+WkWkgRfqTGEeK7hpnEb9n2TJtgD6j+w82RNOUCqZhJCijMpjba6CZw\nDk+ODAyYjMuCPQQnA/0ozI7hUFi/gMmVlQoMuKK8m1M5M106USUY/PvxjaB4\nfFMtlz5DUoxm8XDvcAaIpAdJWpZlQjSUHez1cmwA4OMngNkbmhVoFYdD3T8E\ntuIdCNAWkSmouQt5JpTwyEELUep58sIQZaX4oiMaWDHr9NKySBgbN12DXIlC\ndT9syOJ6Z2JEc0Xl1Od4p0+aLpPC2kERQ1/YdQ1rtK+SZUpyDT8ZeAHRTBEX\nko7wXOXN9ZxXThxpL/5i1slq0cG0dmfplegeCXPrB4WkJXkIN6zjpU/JtKcR\nqIXGhTR4NMlPMRE/ESKOLVBKFn1RT3sOHcoVHSo0TssAOqYVM3FCKEINc8rW\nc6CVA5ujwU+khRXFTLhF20qHwcl5o9V1juIdsNNkltCJsr4krJW69Prgye5R\niKM8\r\n=SncY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1d97622107fec59bf3261ad4f1f3bbe21fb1ff62","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.546277d32.0","@material/feature-targeting":"8.0.0-canary.546277d32.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.546277d32.0_1597941740068_0.5258081157690295","host":"s3://npm-registry-packages"}},"8.0.0-canary.da72839f4.0":{"name":"@material/touch-target","version":"8.0.0-canary.da72839f4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.da72839f4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ae815b835880671dcecefacc947b480fe861451","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.da72839f4.0.tgz","fileCount":15,"integrity":"sha512-7Nz0Qxtmwvtpzml0YGkF+SOMSSZKeJiUB+BAASWVgkMqgjWkfEscynFJW05aZfTkTVBO7JCkLXda+9LIcNN8Ag==","signatures":[{"sig":"MEQCIFF3jL/JO1SgZpqSBRGaSstb9gJlImjyHa5rnSIAD6guAiBexfIIMcOe2e0HVnAU5MzLm1ZwkIYRmX/UZ5nGyvEgrw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPrnxCRA9TVsSAnZWagAAsIgQAIVLTKTi56aw9VCEm0N8\n7zDrSItatoBfsv9FH6GzBiooAQGFk/Dn3wMStZHmw6Gt8NQiPatEtnJcs1Pl\nMOU82gpNQZEHI2djLORspWRwjeUow5m9EJKl7gXz45f+abfNTPaqFO1ISwm0\nTX/9+pjY9xTxKWA4f/g3Sai295fhVd57rRgXvedegj56eWqvTz5GgwbhoPWZ\n80Xmni5kiZ6UrOcRUFprzPzvP8tkklvTBweCp2RhW2ocXH3dWzioawv9gF4F\n8+8pRf5qqQyMnBJzTY/IeLu4u4vP8sZKJPiYpnINOOqdi77UG/oYKqyWWWuK\n8XDgQC6cuXr9kc2cZPSCwe0yLOe8mQBIoVQu0mADBq6GU++yg60sv18lb1tF\nSWsi/cKZuZnPolkp46kN6tXxe5HChdn7jzEID0P7CkJjjoNBLgivgWkcvdrS\nCls0R0qb9r3h6aGEpJ6+uWvirdk5Y/WwJM7JGcq3e+jFk6WvkotrryRAjW+6\neqZW/5sB4JpvBk6CdCK8i3keJNWnMRktWaCVFs8RR8mEfvCijtie+wjJ4jq6\nXzrjFYt+ZIt/+XYm2L9XXsQp5Ml4/T6yIxpFEGkaS+7gKLw4pqRVdJV/W2M3\nTC9bODIg/NOp8QAalDHbjPUyA5d/4noDrbxPCNyw1MJub5vjmqGx1l37Qu16\nz9uc\r\n=YwxH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1b42b69de51cf24aa95c09d0e08ae1e644c71335","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.da72839f4.0","@material/feature-targeting":"8.0.0-canary.da72839f4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.da72839f4.0_1597946352853_0.17683559548794947","host":"s3://npm-registry-packages"}},"8.0.0-canary.346069ccb.0":{"name":"@material/touch-target","version":"8.0.0-canary.346069ccb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.346069ccb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"84af4da6422b812923a8146ad28790b98b087132","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.346069ccb.0.tgz","fileCount":15,"integrity":"sha512-jCRxLW5qmcsHTUKlvIlUKwzdLEGjdFL1wvue00oKyiN6e1Mv++BveIJiqYnP6YRNPs7cLvy+9G7HW6n4wXeKHQ==","signatures":[{"sig":"MEUCIErZsNLAC0LluhC7wKtE6+Rm/Fu9ZYnMvlCqNo5Ry8vZAiEAt62Dm5W3DVh2W5qqUxAb1ACHuClZUQ1MQsHWW6TUBsQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPr5KCRA9TVsSAnZWagAAAYYP/RBZSjBsKmiWIv/+qo/B\npv/t0N7YV4JvTX9FX8U7Nvw3ZMbcGE8Mt13udTSVLC2w/0obqW0vp1/PB6eQ\nRxz8ZOch5tH5/DZpK2ADFdqT2w1q+tWnRyKo+qGRs7MtAVdaBzxJ3QS2/FbN\nHbrdVYDVbtw7haB6dxnF0ChNKCW3Yysn25C2RlC1taNV0bQzqt34shjlV8sd\nbRmTlr9g5M9WV2EiKYp6lP3cmgqp+Ig4rFtGF/3LKE01FpqjTcktIXH9DaG0\nQKs0UzipVc2SDNcHWnGiZrGmwwHCisfW9aIJ3AQDNwbyYTY/Iaaq5HqyPdyG\ntIcN0PVZWecxCJZp3F6wb0PigzFdOU7tJxqkylNb4nJ0VZ38MRnWNPTTQrzx\ndoyogkJuo1PFAv4E7IDLm6MpgPWqHstbKudXw1e2izzOWlhWmBbvvFpxcI0R\n9ZKxMJwD6KavnQB+aQJG4CnOYzCmXLOsI7LBKNUGWnxTQEjSztoGSW3IeSo8\nlfb36LKA3Pt2NKMSntACoklUlk5S3EfWIK7ncZfvN2TL7QrRXDhqlcC7VPSK\nb75SKXiKY3Jh0zVCW+lWpGUv5PKIddRvpTq76BIZHr0FJXtGVEJCH/JdbVIn\nW5NpJ01K+I2dqAZVfGlcpWcTIwgboeflchtb7Q7eIBXfatpTXBBDPqSWePWR\nWs5D\r\n=FuMG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cf298389e23ace16c7e4682ded1e492e489011be","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.346069ccb.0","@material/feature-targeting":"8.0.0-canary.346069ccb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.346069ccb.0_1597947465634_0.7298132670006594","host":"s3://npm-registry-packages"}},"8.0.0-canary.e27c5802f.0":{"name":"@material/touch-target","version":"8.0.0-canary.e27c5802f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e27c5802f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c7dccbe63a0e285131b7319972ae85858fca3f6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e27c5802f.0.tgz","fileCount":15,"integrity":"sha512-jfSh8Vt6vtsQ9YoadtYwJXhQ/TCAKxdxnVjjuVLIP18lUCYD/xt17kgJ3hhJkBT7FsKB7aV0e87SPthjmeS8aw==","signatures":[{"sig":"MEUCICypl2NwwIQ5DUd/Ufj8FF1UkZkIKoZj6NwL1sdw+70yAiEArPPBtIBM4jzHAwKR00JW/sBCRi39n8hTWB27CpAJU84=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPsuXCRA9TVsSAnZWagAAoOgQAJzZNiyT4gR/2WPYiIOV\n0DoNxFBglUK35YOV1NSL3Z181rAhkdwyYoBRqoMg7xBWXDNkuoD3my345jZF\n1JtdZz+tjIOmpxlM21dsY3Rg+nRXV6eesBggm9DtcdM9JROcGJxnqX8PJIle\naXhjc7af3mkhhdfT/oSoqaVke3bYuKmOj432609e9cQo5ROYeNECazXsOvjR\n6xciKxb3lW/DmAyQG8czaQvTCoxoZqVKbWaa+oztzc1b6sLVlxCWRxlYRnD+\nkyAtaEl4YHYR5DfmZlnkZe7QiicuD8GC7Miyn8e2stX5baeqpBEeWbeiCico\nalPg9ZTGF3iylDckzRrtpFHb5IPGfkhIVKO2iprlsQzM6G0yGjv2wxkJEHwk\niac7Sosqzhj9H0ItpTeRkx8op1/GDudyFXwPFQ67WvA/6TMBlTjU99dZwK1O\nIAckmVYRgVSNmOliCcLyv7K+5qJ68D9c3VKwjr7P4FMsE0CYmx04Ohnz6UYH\n02rr3poYiFPLaLe0F7GgzTlvfvvHLEjrhAV3GipWYVIhbqK/qJXwsINAxuOg\nABdp6q7ndAdm69o85WP2/yN+Lq9eYuUNrk8h0wMEYoxkQpxh4omPzwCpQMJY\n50xCWunXkZrcWaX4WvYj4Qe1zmnwbEzjfqi7+ngvxROgXjpexH05MvvLueoT\nMb3I\r\n=sjUm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2c9246ec446246e8fcad54982848f7cd5839f69f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.e27c5802f.0","@material/feature-targeting":"8.0.0-canary.e27c5802f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e27c5802f.0_1597950871191_0.48832880877549334","host":"s3://npm-registry-packages"}},"8.0.0-canary.f4532b9c8.0":{"name":"@material/touch-target","version":"8.0.0-canary.f4532b9c8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.f4532b9c8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c0b9afacd583f88bb3fb34af15495584cc1a18d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.f4532b9c8.0.tgz","fileCount":15,"integrity":"sha512-q3Lje06jnqtstgkCbwi+sPTUzexNlCLrxZmsgrhPvPBcXPjTWDB+0Zbuor4teSooXbrjYNtgNTem8vEppRJ6mg==","signatures":[{"sig":"MEYCIQD4CsBveNenv9VZWoFUBumq5Vyd+O0IZx5EkA6CYKD70QIhAIVB94cHst+HxVmp6iuKcvlq0WgUg6XzK5xzlyGvpdZX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPtWSCRA9TVsSAnZWagAA5IEP/1A+3m+Jqi1bY/FxFecb\n8XXlMLLv/nQXX5RKEoCnNm6Y0oh4BdHwtrm3CqwLLJaeXv7dAun0OMltu4jI\naissX7nE2hiLxDhciYBbyBSwqKbzudQWCG8Rv1nQSyDocxd8aNHIL7COGOly\n8qMS/oXLMwLMSahz9O0lMcqr2vGPTIlJTNAuxhY2tV34UgO5nEEAoWXX77+T\n9NOG1ivuffcD0pE2BqdUUNjlZ3jDhVeSS+mK9BsNINoF7AML1bf2YwaqZ775\n9Cggf6Doll5iMCEzrO4UbEvmmgmmupNnuom4GhDkBzKU38tsCnS43kn4a72J\nQ+ZajGD4yn4k0hR5VQ09lLNZgSFWbhEUhlbsx4pd4RsT64FzdBBNAdud/tZs\nid0aoTnK2BB6ULhBjRQkZotyPdodzN64AZ1ZT4HF5qtoyniFldHI9nGQW5at\nbc5N3/WrR4NagT6aMQhDA5w3qgRuG03zyY+OUXw2VR8OcVbj5T8oSqNnJlBX\nA0hFufaXYA30rf9uyiH+ayRvs2w+Na6SsfW3dUpgHAItOaM5CE+LVKhoIfSL\nhhmUQN6qS89BfFkYlNsLAHFrp6gIY4Y7bfTKkZ7YIAYJreLlP4JY2WYLW8MZ\nv/VeTJq6hEv4HxUywZ6ckWPvMDfb1+qBhru0s8O370ZH8STFlypr12lOMait\nJmeT\r\n=qGTA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"be56493a06963f21f1f5343fc6db3accdc74216d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.f4532b9c8.0","@material/feature-targeting":"8.0.0-canary.f4532b9c8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.f4532b9c8.0_1597953426203_0.13905828491958783","host":"s3://npm-registry-packages"}},"8.0.0-canary.fbf73c2a6.0":{"name":"@material/touch-target","version":"8.0.0-canary.fbf73c2a6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.fbf73c2a6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d0e4f959c67a898ed78a067ddd2f6cc6507a02e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.fbf73c2a6.0.tgz","fileCount":15,"integrity":"sha512-YdnseSH8Yd30mPTyqexB2k2x4+s3q4xb7WddK/39B/1RtORCg0qVLtYfssjm6qTZg8ufJ5k8FT/RO25G0KB0hQ==","signatures":[{"sig":"MEQCIA70P2jct1BByUlA+ASd+RmwGUfhdmPKmJ8DI/b0kA3bAiA6Ylr5GC1/Mq+eACqdTOpg7K0gwvMJ4qG9bztCa/E1lg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPuWkCRA9TVsSAnZWagAA/xYP/iU2v9a4aGz84g6TF6Tm\nMHOFSn2wHBp0tduoEbSEWKkaD2N4thE3i8o1Pd7LoFWhhiNwnPfzQEXxUY0i\nNDwsaSjI+6ylWQ5NpDT0sjdeBZS2Q0xKhMS2KiFmpgMZ/6o7woiKH8mH3rf1\nHGIGBbeI1343/wRC+zcT1mxvEsVQp+AOmGhyRP34NMmGBbC/rLZ7jt5yomBN\nZxiO07nQziE8yFtAeXqB+g5qu4QoDcGqOFcQxr9ZVeRQDHMNHkiEoXD42R1J\nmJ1aYhar68IAMB0kqM15u7YgLnRQUuggmSLcyZkFKVvTLh7ER7CrkCQkASzX\nGEINEeR81/kyn7vRWJ9TyeiGCJUvpTkCc99lTz4oF29IsWGELbHfMBaNkaPk\nBrCyCb1PuOArh/PFBTJ+PKUOLTcnkHM/t68ceGr0LEDzUMfCg6pRnJloZbMK\nJC9sUdOju+9q6wIjPquFdhGW/ZQWFWzcpqkWeY4V9tCznukR3wz4VdA6xZtr\n1Nb6xmNkwH/dg4cXQcEHq//bIewZyqzSX/vndynhBy9gifuwanDQVqYCFO9N\nV0gVbN2UANcfNJDNH+ycn3eMj4KqaP3h34Vd8/OJ+dYhP4nAza7auYmthQlx\n+J1umi5Xhz8AvwWY7LNjni/ViX883cN4ffsomkXlaP+85NAY/u1z9GEWninI\nHLqK\r\n=to1N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"64db59647b6d726098d0871993ac5c563d92be26","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.fbf73c2a6.0","@material/feature-targeting":"8.0.0-canary.fbf73c2a6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.fbf73c2a6.0_1597957540084_0.023921226635254422","host":"s3://npm-registry-packages"}},"8.0.0-canary.cf800124f.0":{"name":"@material/touch-target","version":"8.0.0-canary.cf800124f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.cf800124f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ad49095c27d1ef0d6eab1bec4826c8bde52a585","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.cf800124f.0.tgz","fileCount":15,"integrity":"sha512-sggtxCXGA6484USRoK0L0+ZzIaSIMwYcLoFOH67smgjW50JWuwmcCZ6PGcnSYzm+cuvj288gKcdcFRjkAOVZuw==","signatures":[{"sig":"MEUCIH4PsvsaC99cm98zl1RyG6fEfgEaWEocpdKeG9PQDqBkAiEA3t5hNj0Jqmn7KuLOAMO5KL/CKP6A3DsHBWUzgeaVGJo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPvCACRA9TVsSAnZWagAAoUcP/i6Iwy4ptL9bWcxeJXZ+\nIeC4UGvgzrUuhYQxpOAeIHfZtOCRqe5kiVbvTMLu6E2HSKwH3+B/u/4Thvj0\nCHP4TNDkyolu9KoSMl2i9mNXTDS+3D3blhEOCJJfWuOe1mJXLbKBZ1vUyWui\nKyTKjqZMeUAGNCfwb+3T/lalfZ/FwYS5X/eurE+fmFk8g62lt0SmTr5dVp10\nmM8WFQOOc2ySIhvINZVXCsazjiCVe4qHlLo9PlyT3pYCxZIY8oVIW/Bi5341\nW+/rXv9HXdqvo9+uwoqSI6TMqjAof5sMnX/tq+nhvWQWE6TqAh9WrFlvCwP1\nnpNxlEZJZMrdN5PE+umVK2H5bsABPFyNj6UGjxnFvFq/6MWVUWA/fvEspDye\ngo7pNurBAWR9yua3PY++hiLe1nUi0CYW1/fJzJ9x28ZNKUq6aGVtLkbRiAN7\n7kmostCDvA3YS08d+hYNdYe1vvwrHECErtMTKvx2VtQ/72hvsAyOlpo7w3L1\n8BhRDZ1uFi0zCT71blwCD3+TniePg9TUzZw3tJr11IUgjznSRC9icC4kh7oS\nEcgwH6qXjAoDegxvnY1Z3PKTcgBd/9BPBYRbBQtQjJIXgN0VHi96bE7idmnK\nEMge3HwBzR6zeBK5GgJz090EFDxxL2w8oIvmkS0Unc4po9y7/E/3wfE1lg64\n1W3M\r\n=rzIm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b15bab8ce97a47831c29a3b0acf1c34e0533b8e5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.cf800124f.0","@material/feature-targeting":"8.0.0-canary.cf800124f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.cf800124f.0_1597960319903_0.38802377620348216","host":"s3://npm-registry-packages"}},"8.0.0-canary.95e4eeea7.0":{"name":"@material/touch-target","version":"8.0.0-canary.95e4eeea7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.95e4eeea7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"31f8b82bdfd297ccab22a54cbf7ce967cd7f543e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.95e4eeea7.0.tgz","fileCount":15,"integrity":"sha512-uZi2p5I80fXKMoHuTlclgirY+gPRW2EO1J450YV6KjpX0izuiBIRnRh41+cJ/MbMC/9VhIDbRy4ugdyMjIvlOA==","signatures":[{"sig":"MEYCIQCutfLYDgykjFiQXfCKqKEd6dgx2f5fRTeg+2Xo2Om2EAIhAJN+h0UVJg4ZLGyOeNPC30IJRfYMvuc8e1Xh4FRTJ/Y6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPwcOCRA9TVsSAnZWagAA7kYP/jV7E4MeMtFSxFHoF2XN\naqGqHcvITnLlfOnhLNUYtRhkZpFx96S4b+jMvPL+SVV3NYTuU3XM4IfvHexw\nh30Lg/2Q8S8KcJxeAJgzCqdOxp26Z4IKWbMqfvP6aAv1Akv6Xai8q6wKo7pN\nFNHGZWZNHlZKWx0A44liRFbKgkEKfwl0Oaj98LHh2Wcm+oKlM6BOSa1HlTy8\n/DiKcOqF8FZLZKQgcJMHG2u7kqBFHDXll/XL2ym90fUjpuMXzJzHl/9b/mQi\nH3tVTZF25OLguiJoeTXdaCPeb58Kg2hgwMq+GoeOz75W9jWIW4rz6wAwy0/F\nUFQJ5GNp8POyBECvBUUbAU1nTDhylylTXNM4sGkocWDT9xxxR4Z2xPUaZ0q8\nc4CFxeiL6Ni6B6A4M54v3thtF/2B5nPIZrXhEzXNkaQRbrTcTJhzbL+4LVYb\nl05d56fPfq3tdCiiQYTBnASEwaUcRG/BDdVV1y4tXOGevaxzGQMqKqpmnsYF\nqwCg8bNwWiwR8XT5F4R7cEBdSGfJ6HGFluPsba/YOxYlUQq+XWO9cQv94jep\nUMN6HvewI77UdwlxjPBClzmd5AV+HYWLowGFIL5w5NlhxU9XqcmIeO0mYtaQ\nOVyChmI5ZKuMlglIP0mmDixG/X5XzeKkz6PUQrV7+zk07b+0K36WwTk9bi4S\nNlq/\r\n=5Z9k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"be1ca8dd4a02de91f796aff6f2a9fa745f02df13","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.95e4eeea7.0","@material/feature-targeting":"8.0.0-canary.95e4eeea7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.95e4eeea7.0_1597966093767_0.3718822957491843","host":"s3://npm-registry-packages"}},"8.0.0-canary.91ab1c62a.0":{"name":"@material/touch-target","version":"8.0.0-canary.91ab1c62a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.91ab1c62a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d65e205a2228cc34c01cd8f1f26f80bb1347e1a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.91ab1c62a.0.tgz","fileCount":15,"integrity":"sha512-Mmefhme++57L0rQe3t2y6Ga/j3tdnxQFgESszsTy1P5xEv63AojzOlBsA+SxCvEZV1T+bI98acK1MFM8IYrhfg==","signatures":[{"sig":"MEYCIQD6him9ygdJu3ZLfjZz/llZEJ9QQejr/PNsODqP3NJhNgIhAJRMFh4QCOHwyfHMQh27dh6ZbLAoDy+JTOmJjHxto0YH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfP+QNCRA9TVsSAnZWagAAfxcP/1IDofr7ERC2JKTJ1sa6\ni2L1i4OZZSQYEAUAnSo0nLTDyhW62JRIK9xMIiBQH1KL3DsmGLOk9PafQVSn\n5ofRYjHWFGU2rruRzT4bIOcgYf6J5146/kYc5wx0GaiG0HRXv7CL4+Niu5E2\njLfWpdJwPH+GmAaMjtJnKz0dkCJ6oJJpGG+phfx09Wmba4C9Kxz/95mENK6r\nEpF6I3BrHMiW0yVBh7s/d98hqlUrLkblu9YudHvVxedW4pcFyIOp495u0EIo\n8YsZQiQzEj+jYAiRY6bbFPfNGWKOZMnOM211t3JXCMa13bBFfedKHdUOG8YT\nfvXZwp/tHVz9SOT2rUc6XSUivOeXBZkg4FbHqNC3PXDp9T4iCdaOkmUeWz0Z\nG1uOonn3+wQuYYV+aQXn6kOFG/beuzV/QBrU0sBGfSGSSy+4hRQGVtvIfyP2\nOhlBhoJWtn+G8nj4NxNvBzJOjYFnh114z07DvBsI4cWV3ZVQyyp3ZBvJ7MSN\n/uNIFz1hPn/UA1crk73Oex3snPl6KO/vBK9A30oiptn1rqKtKsPneE7ixAal\nDsMlP0yIpOX/BFXP3bvjRteMbwTkQpwJYi9bROzT65cab9si0EXe7tvR8mqj\nDxQ0BgTbiRmGwlnJs2YuWaaio5vmDX55QGt7Ji+3ZQfNYvGGGIquoZyMMkew\nNnW5\r\n=rA4y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"389b1e8f2b60ae90730087557ec80e133f0e0129","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.91ab1c62a.0","@material/feature-targeting":"8.0.0-canary.91ab1c62a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.91ab1c62a.0_1598022668742_0.22790704462493916","host":"s3://npm-registry-packages"}},"8.0.0-canary.58eaa9f02.0":{"name":"@material/touch-target","version":"8.0.0-canary.58eaa9f02.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.58eaa9f02.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"08c462e91c85ec656277535eaef9bdcd0d99d3da","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.58eaa9f02.0.tgz","fileCount":15,"integrity":"sha512-rVzXQm3+w8Q555Zr/Xr0CJG4XmL0R///JST6opxC7nlzMbNbNTLvgcRp/zwaeUF8gejYgH/4y0+iTRKcBG+o8A==","signatures":[{"sig":"MEYCIQDCwA0GRO/u6FVzCWMcqyDKv9eTl1wsrkYcuXZtbgANcgIhAKuLqb876UBpk4ytmHlofpdkXGfLKLXAZlokwsLzNsmI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQCewCRA9TVsSAnZWagAAh4AP/ijjXl846JcqQcfI6JQ9\nVWPkrmsZwisrUpUf/V3Muuap5CvYx+dBSALqy5NUOp1Gif7vfI65g46oEaGD\n9Q+OeOLqzDnQCUe686cRNdo/Bd9JtiIjeX/x69qgDMyBfAkHQI+r2xwg2/ca\nDhylgD5u3AH+LGWTRUjxe7Ayxp9j8xK1fDKAtenkm4eB3whCrgDje2tm17ao\nmR71SA8/KbCrlA+8lFB2wZt5iSwLB4FHioUJ78Ya4kC7xE7dqBRTO69qcFr4\naI74I4N3yRN3hanYVedSPXh6IcpMjO69ncV3hVJGk0HDxh64kx48gNHbABYj\nU6PKZfRjpX6NR3g/zR3gBXZo1OzwVl4sDHiioj2mhHnWnc3u251znNt8UhGe\nSfrSfA1Gk6si1Fu/vN5knm0EyBbw15jX3XaF2cyTJE79MZpbyPk/UNB9xMIs\nQs+NM/EFoiprrakCge7cLjreQEzpEye/fvnodGCikiTb7FkXhzQcQW9DV0dh\n2rirf8k8BPkq0zN3CwAIibXveLONw0BpYqzbtTbg0Yj3ADMDieQy3TkPn1fl\n6p81mJ80eUUVt5WlulXG7cxsKJi+rCI/WNw6D1M1lkEo9BxmZu6dlz3+Y1QF\nZLsPfhV8fwskgzaWda+MJo+pqmShYBamxkTC2iuvL/w2cvT0J5TPf4DqFtr7\nR5IO\r\n=6Xez\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9f3944d638392fa39379eeb30bd7348c9578f67b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.58eaa9f02.0","@material/feature-targeting":"8.0.0-canary.58eaa9f02.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.58eaa9f02.0_1598039983788_0.4630149685682339","host":"s3://npm-registry-packages"}},"8.0.0-canary.238216fc4.0":{"name":"@material/touch-target","version":"8.0.0-canary.238216fc4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.238216fc4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b96d525b6656b041ca20dba60936f30067fdff05","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.238216fc4.0.tgz","fileCount":15,"integrity":"sha512-KXqi9gzTub3ApzRjYylow1FtxDCCLJNsRU/JkbyzX8KzIiUCb5xJZpskAXjEIspINJLOfzHVTt7B89fvSFUwyg==","signatures":[{"sig":"MEUCIQDcndMrubulxn/3oKsErGvArVBB8FantRdBXD7mqZkuuwIgHuCL8iKmBJ/2yPgK+SvCYek9jsWYUoUKMU0/l3uPHww=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQ99aCRA9TVsSAnZWagAAxJEP/iVnpOE3sP8fygKkkjTR\n6FWI/SvphKWj+d4xe6ZxkIaTbUmnKE36RI3PSf4h1OR5SwDJrWiB5/UqVXyk\nsHRDSUfzzsNanrxJZg21ldbLxNph09j416YlPwdlQ99li/1KESHjnkQLiE4X\nYqJx9kBxFoYeCk6CbQOGSoC8FAdIXd2MjL+VrsrKXY4gkBHwP5SZuSxdTFMe\nDZUGDqCS5I4ezcHAE1Bm/ln49wtDi8sPislLYsDuWxdEH1TWLw1FFnGC1Ylu\nnz8P7HktN6cEJrmuUxtz9Tml9diuiygvjA15nFK5EGdoi5QpWe+EbN+tEkjX\nR49wAVQrVBjH8UigmZJaDAN50nBDEUg5g0v1IYQH36M2XWmga5QjYmuZL8Pd\nP5MuUWIJ9TeflFElVBKYI/iqy13FEk3ua4uRm31QwBCUzig1rkpqIWrz+6pG\n8GNqIayzs1zLf0nEL6nfkNpMC+XI0pWuoYnbyC/6he/tKyM8/Yb1YggTlzPj\nTg48jK5aUuJlHUbR2nL6WIWC5z44ajSDlp6fKuQvzp/j8+2AO4iKYq0pOyOD\nwiEnB6ciEoN+UfkSqGwWKTGpVSnvj4PxyrXzYN8212Pv+N+Y99o+r/UQTf5N\n3tC3mcF+irAZ/iy2wufNarSSqCXUUYrAJjU0OWtm4PnA62iL2Er8F7KNl1wq\ntqnz\r\n=RuKn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e224b287e176f866661b15e2ee791e17fcc44aa3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.238216fc4.0","@material/feature-targeting":"8.0.0-canary.238216fc4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.238216fc4.0_1598283610226_0.3676708125842618","host":"s3://npm-registry-packages"}},"8.0.0-canary.a1c65593d.0":{"name":"@material/touch-target","version":"8.0.0-canary.a1c65593d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.a1c65593d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc62e0035f2e6f5b334daff010dbbc9f19831463","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.a1c65593d.0.tgz","fileCount":15,"integrity":"sha512-iuJx5glIYJ/oa83Tc2J4qs1BOBh2tikp6bFtdMtnYnqyTJTT2/VQd/jIAgbH5Eas/5nNKdNG0gCpgNAM8+IOrg==","signatures":[{"sig":"MEYCIQC7ekfhGdLUKeolF4KKYyHU4RrqZNglWrWckv1HAr3qGwIhAPaBlXwLppvADmSttshABGjiSpBryMuJmmdQb9tmjeAd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRH9vCRA9TVsSAnZWagAAkuUP/1PTnS62cLo13kXy5hkR\nSMSFLwE6RHyB1NqCPbvi54biHUGBQNyWDctd2AfmLALgfIp0lgPHAjLMdrqE\n8QGzW+I4ivXQAi1g2KzuNCmtB4wiqyn9FJIADgSDtNusU+tzfVYxQDz7rWhg\ncfkv7fGRfvVNWA82ILuUkSGUxhnHUGVXqyw7bfzwBA6pQLQt0TfFCfWmFx2+\nRSg4JuIMZ+Zy8GhtKpQqtbIFVzSsBd9iTfS9xyljPApMERHdXZ2e5pO7ZwZz\nKuUJDaHfCa71wV+gQADPfFwy26X8hLrgiCNW2xKoEN/62aaEjaeVhz2oaB3f\n1x+90vURxChQGK10JohjsClUlrzGlpXavyPs8KNtebbBvcsPxT3/sc7AKGB2\ngOd8tqvmwVyhpcxIRxJahxHRzOlD05co9P6kNsqx3IGktv65AZAzdr6eL1L7\n10zTjz5/TOFL4FPZTvPrTTC6dd8oPYWNce8v4UFqMLaBkibNnoq1HLMkiCRb\nLW56UpwqNaTcdud90/pNk2TBOSJKBgqCWnGOvFl6zxtKrxhH3xABGLaRMYWS\nUZYV/Ruon+OHP297fDoqq19esC83cJnVkzcMmsBCqdbbEMWht02eqOj2fDpT\nJU8C+TheOAYuMUuiZLkN09XVWA65Fjit7Q2eAEWfyBhLlDMF4kUo40UEl08t\nyPUf\r\n=l4r/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"71fc6b5e7b16ba7f6d37b724ad4982780c9c9932","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.a1c65593d.0","@material/feature-targeting":"8.0.0-canary.a1c65593d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.a1c65593d.0_1598324591536_0.05786012080573544","host":"s3://npm-registry-packages"}},"8.0.0-canary.708cc09c4.0":{"name":"@material/touch-target","version":"8.0.0-canary.708cc09c4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.708cc09c4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"87ec9d06a586eb4820de89085c78555c41d36531","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.708cc09c4.0.tgz","fileCount":15,"integrity":"sha512-yoEq+Dd0aGUxDUrGiQuctAfogtEMvlmlOCukcluDf6XreLc0UwAhsaUWiWJpZRcDGj8YpUkTbE/osMsBqDkkSg==","signatures":[{"sig":"MEQCIFsn9qgMgNWLyIfRbzvLrmDZobVDbIpPcMsapxAseUyTAiAGK6i7A3FEc/eu6hcc48DkF70Gav44kR/UE4WR/h6cYg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRTSCCRA9TVsSAnZWagAAcbkP/RLcqQhzbe2yq1UYj5k2\nWd9wzX8igMDq0MsFOt5WHAQrTISRINi+I5FAeny7sptRFaiioMMSl+OkjtMg\nA83laW/pgfF7KbggHJmjE9aoOGDU+RLkRsGs3GnDyE2sAjpoEShQiNuLZ0AM\ngz7d1gEJJTbh5FCe7x/HRLwoBMwI/Z8usULIOlklfWyz+72UsD9k+HdHllSu\nx9QSmp77Kl9Cv4FRgPlv3HHOI/87MeWDSb21MXj7q0yjmCxgVjmyejO4DobI\n/uRdIBTu0Sh+KClKRBSHMxVuSpr2lk3hmq/oB7poukd9IFji5t+k5avDpXuc\nqnQaLOC6blvuj/L9fmcTsUtTrhh5IVHj5lWA5aEKwJMoSRysM5pE1niNKCjf\nOkNuE97hgtfg3TDy1d03l8vA2QbcmUtUFHOsZIgcaxo2tVrVCVrDQBqJ045I\ntT2zeGyV2XvDH/byMMj7yZjT7JY0DGE7ubTAVG9wqPgJtz0Ir7qZ0/XKSJQ+\nkPInv7e40MXV23Pa6dFYD4uL4nB/IN0IjbO2LvRd+/NyuIE4vI8iRuEF3kZu\nCpVeDWnkflwHC4hYr2CdUk9dDekl0czxVg5/pOJPhoajhOJWJhqnF951h8gL\nuUfJ4gANW2frsWzwwgvYn8HS7JSDfk83IJh7pIvA1aqGuoIsyrjmDFDTm7N3\n4PL2\r\n=NvDo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"41353a40a8a6a80ac6438fa702cff9ca690b897e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.708cc09c4.0","@material/feature-targeting":"8.0.0-canary.708cc09c4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.708cc09c4.0_1598370946478_0.774795266278214","host":"s3://npm-registry-packages"}},"8.0.0-canary.19bea2ad3.0":{"name":"@material/touch-target","version":"8.0.0-canary.19bea2ad3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.19bea2ad3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f2ed635f3581af320beb396b6c755294bb295b4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.19bea2ad3.0.tgz","fileCount":15,"integrity":"sha512-LCnm2ZZxGvwODyOeF9zlLGvU/Ydw115dVEFYjUQiLjw7S/iY7Ei8VLxN8pET4wMRZPWRzuPBroD8NR+h2Jf2cA==","signatures":[{"sig":"MEQCIG6ChsBd3MaBRgk49Hk9dyknPiIEPRyngdRguScxM/MZAiAHB8X4S6GAAVhVp7tW2490VoiJBLc0dnAbcHIRfx87Zw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRq6KCRA9TVsSAnZWagAA0g8P/i/2TsqlefVS0wBUDES0\nTj4ECFb2rfpkk2BXMt3ntsB0Yo1p7QQJNZkre5u57yeyot7IWqPYFsrGpNpm\n28Afi04dgXeye/UUBEOblnGseE5Z4e5N+Y7j6+Ii0Tnrawyl37Pp7+IdLLuJ\nSRXlO2fk5nI6frsoT+3c1S07g3ywTYsCAiAxTGzrqBU9GP8pGMgQe0T9c46b\n0+TUNRKhh/cp343riM5mf3GXAvh9ox2wiAyQnX6PIQYOhFOx09lTbR79o55y\nIQewUbzslASXd4Fu+O0gBq9xw1SiW51tQECaT0hGjg6UTYXMl2bdXKFhBdqB\nK1gOJGG0kUcTdrXLBwo9JnurwrZSKVog0u0szDtCBC8bTUqBX3ak8QSmgGy9\nR75cixLDyf6CfqQ7EbJREv6Wycg4d3+zgjSLpUzX4/jhLX/U8JUW4p+OQySP\n+wltHYrKwaxa02waggizSInLLi2SkWajWo7ajZIXgQCrD2MSZLmRA9DBAFus\nEtixr+4jZydfY40ceWoO13hlRuz6lX4Ftn0IcohkB9POWzfmd6dfstwWmfAc\ngVi2W9YogL8OBbIKzzfmw8taMBiqlsT7AlEs5GsjaZL0k60hHcWAKWq/MoIb\n0nVqnd81H18jGe8V0XrGo0oGccWZpe20Xw7kZEnId9+Tue7trPy+ymDcgjRs\neyEn\r\n=F5Jn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4f1ed83b6a09dd3e7d24508d420cd99be9dd3893","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.19bea2ad3.0","@material/feature-targeting":"8.0.0-canary.19bea2ad3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.19bea2ad3.0_1598467721678_0.8296076826217615","host":"s3://npm-registry-packages"}},"8.0.0-canary.911014711.0":{"name":"@material/touch-target","version":"8.0.0-canary.911014711.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.911014711.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"46f29f1dae3149b518403dacd98b7a08c8e13805","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.911014711.0.tgz","fileCount":15,"integrity":"sha512-Cpz8bS77sunaqHJzt20ShjPXH6GxwYefwoEqmXFQ9ItzURn1N6ilfF0A+fKC+rDQr65M4RxQ7LoWMpgxw8SRew==","signatures":[{"sig":"MEYCIQD/hCvsg8qDoXdf7MaOgyTWR+kBlGMkIsk5m6nqsHG0EAIhAKwnW/RnYIPtLMh8bzBaklzWoo2ck7qhAG/7J3l0VhmW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfR9o5CRA9TVsSAnZWagAAcasP/Rf+8yRcebUyqFaLGzad\nRf19w6nka93uvaLBvjVOs4xL2Q5mKxPfPyA1iJ7NU0Uv5jqAcGsOISUjB8nB\nnBMp/uuDpaQKGk8kMODidXP1PIcNaxKDoPfhGNaHBurfRawrz6QvOwrZeWYM\nxZ9Eb56RIVqxxdfOiJDISxPucEqt1hwTyOL/p+DYGgjQzfeX5FopJ1XBfnyS\ny3Vjy6x312yk3Ws9rn9Pb0COT5p1j1Awa+Roi9B2ZnXTl8kOUIDLGUM9lJOo\nqx5JIBd4XPdLSC0R6pyGB2J8e63B9umNRe4cSuKlohtxtj3Kxgl21wD98gPG\nS1YE0YbKtdhRh93vM7yJobDVgrSEAcThb2E+a0JJUCxCOmSrhS+YOGFAg7gx\nuZdPZrEE2BaXU+tjKLgtkZ+j78Aqx07SpYFzT7D3dcy3R0/8qiP8m499Ns8f\nN2d34/dTVCkAhk0uqWW5SDaYSUHW8w+jGgo8MUdBidd/hlMmgvuSmnWzCjUa\nTPc3bCd42hurZwUDbiBGt3P9G1JVKJs2eZju8ENh+5TD6m/2GK58dMLps0PE\nX0Ay5td+kKK087wLheQwuuOkkjiwYd/GtOVgWDg4zzkXq6egCXjRQv5mQl3P\nlKQHxOikEww83hUS2uekOULosLuOvzCW8Yhw/DKW5w0h+hsRCvTIoaY/RDFr\nZeJc\r\n=RqQD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e0563b839594887804244d231bec5f415812fc4c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.911014711.0","@material/feature-targeting":"8.0.0-canary.911014711.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.911014711.0_1598544441034_0.5603698215791149","host":"s3://npm-registry-packages"}},"8.0.0-canary.d3387f54c.0":{"name":"@material/touch-target","version":"8.0.0-canary.d3387f54c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.d3387f54c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ed6b328dca749ad8d57f1245b734ab98ad8db0b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.d3387f54c.0.tgz","fileCount":15,"integrity":"sha512-AkG0BMG/BsQQwdEKj+xh/BrVXLGIuh4kplm8mmel6Z4N3HEajcEllcb2yqXsTWkgIPW5er22VHVYh3/VJA89PQ==","signatures":[{"sig":"MEYCIQCfcjj21JnRNw2qLTRY4F1duXJKzK2YMgjL7NMxlUSOggIhAOzVLmau37AoFXBsMGGaFf640/CHQxCUwqpSBVZZ4a2P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVfkCRA9TVsSAnZWagAAsCwQAJtcb+ZHAI5Kb5WA01wv\noEKHLRFkQNJOPBJ9rBJXQlHGZxFkll4UpTgw4GgzTfaVgmSjw/3IMd5n1rMe\ndAK/F9qqkQJ0VDCphaShZ2TOQzm916o1HuP9HWudQysIcFNuc4MN8ckfBstf\nVrYKmM00xqUTBsJU1KaYSJjmmlhkkQqxO+LqDENP3TpHkOXS4cJcoGTJV0Ys\npbijAzZjexsbmRFpMNagv7gL9z6+gZ4+t2nehDtCi36Xpnm2+6gI30+Tmz9f\nDEZZx/SbbxMOhHHy1m8wFnb9o/XLzTE8igDxpk3OkjtFjhg+5tyPeiC95MWv\nn/Vg1SL/R7zgxziGC9tFkyFkSGtMPrg9Q4MZ9dzIHGEIbwMF0DK/fAYEkwqo\nNGzwthFHpvQhViNV477NMXomsd/n+R86nWsgo8FkzhzaZt2hMEBUDPkhoRfW\nDJVtFZmWdUPgiQAn6Nwvh0UIgNz9yYmfJfkJpzcOfIIMYZTwqck9JNXfnZS3\nghUYZJrQCaPuMywx8sF9EvWxHVH0es6F2KdLPPQHUGlvTLOu09ItG+VVb0tv\nic6daaRxZWY5qHQBDgOpMVD0bwmUDUk5VTuL/BQjOU8pe3T9zFn/sW5WGMLG\nXQ2f1Uc+m02muIodFxCu8Xwozq3w+OFRA5qYeDc+DdBQdcKHTFNCveXjfcwT\njqjw\r\n=lRdI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b8c159d735641688e2fc1631ac7a98134ac5fbc4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.d3387f54c.0","@material/feature-targeting":"8.0.0-canary.d3387f54c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.d3387f54c.0_1599166435642_0.8341078247491878","host":"s3://npm-registry-packages"}},"8.0.0-canary.2ccf996cc.0":{"name":"@material/touch-target","version":"8.0.0-canary.2ccf996cc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.2ccf996cc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d095aabfe9981b06ae24707ac7a0dcc5cf035e48","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.2ccf996cc.0.tgz","fileCount":15,"integrity":"sha512-LsYh9ETxodDWO92gVFnLehMAK0pyx9CQkk+nCS+Zy8UD0YjaXOEfmcYF/bJvGJVf1ekiIUm/ZcMvrYWQ457kFg==","signatures":[{"sig":"MEUCIGWl602ZxMYyw0p9947F6NY4KNOmjEeG+gps4EQF2eaXAiEAlbT7mkgc+qeGStQ01WwFowGwTnBzlHEolue+SeUu9+s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVf8CRA9TVsSAnZWagAAYKYP/2bKZYC3khqvT5UeEtxf\no4yKxDrOl2T9sWtm3K8jHtdWifA8nbS1t5yOjebi28kgHnPH7GuiB/3Ig2bf\nAGqAT+sPMgIBqESn+hi2RCleTQAdf5dWOMcXBO8SBy1+SU4cpm+y9nyCpS3E\n2Gthgdyw5YS20H3q8TC1NHPHHY9PZNg4fIUZgcAOL2ZM94ZWsQSu+7cK1wGF\nx11iojWvwwVmgVqANTX9UjgDEF9jRAWzODIYHfL4Jo2N14wpmggnqsAbU8YG\npoRhiHa6sdXUgfFrHibkLjjrLz8DVK9ceAX1s4DxKX91Gz/VQYcAgG3sOiF1\nxckXtxZTeYXVRhCEn9ki5azwW73twl8yVhVEdPcX5RdhvrMUe7plcH4cxfTs\nIm++9GdFksEXRodKEWY5HmjA7UgZQj+/z1PnHjZT1Nccrc2z561QP3oD7j+o\nh3vFfN3BXAFxGMGelRLFzyEZpqBJ0xIAUX+OhvQxYQU7ei83B/vqTbRxJHr0\ntHozjvaUxX9rywJNemk600qa055TDebZUCn3xW1f1Umi8DLolObB+c+irGWu\nZPDPl06rEiIV4ZXxJuDbl8ZzKL91UX8PWUCwHhZtUSixxAQlueFABfck3z5i\nYUorCo40Pxfuu6bco8VrBbmk/72ZwkT0grkVU/yeaaE/gBUhz4Pc25Hz24+i\nBfWm\r\n=MqgE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b295adf5299f65a654963fa774da90dad3e39244","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.2ccf996cc.0","@material/feature-targeting":"8.0.0-canary.2ccf996cc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.2ccf996cc.0_1599166460108_0.4822890993455071","host":"s3://npm-registry-packages"}},"8.0.0-canary.744bfe5d8.0":{"name":"@material/touch-target","version":"8.0.0-canary.744bfe5d8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.744bfe5d8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2db49a324b65b84907ef54835e54d7e2a828e099","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.744bfe5d8.0.tgz","fileCount":15,"integrity":"sha512-q6pMnIsY0FI8dwBHJNQVUuR47yxoOMhQ62OSjkpIHN0pujPqvlwwM8jMrm6AQrrliG0qd8oq5b0B1FuHOhIotw==","signatures":[{"sig":"MEUCICPAde9iND6aKdTi/p6X6PTitLl3m+uiCIwDuI9NfR10AiEA50o9OARNpnbd0vBNyzJlra/R7DKVyBhP8V6p+GO8uAs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVg9CRA9TVsSAnZWagAAVg8P/iz/XuSOCDMxDRwmZYSo\nNYoU+60A10X9vdMmPMzZd2skom4mGkqODpYSfbQBZgb8PkoF1nmKiibQOav9\ny4sK4lbmGiCny0Qo7+iGGqIKs2Rnwzl+ATIDBZ/afSOaqvz/j2OAe/Cd0cD0\nHUHnmZv4MZp3YjAjeriHczZm4d0n5SckJ09/K8LdW2t4VUOJU+3Xlicv7lFY\nFzQfta9YbJs/JL9zRu+9zRtQCjmvPeZnqTgTZjONRguLemGr1sQMTRjslBAV\nYhksBi7h+19xg5HjH+XjraqU8fV7lf2YcJbQKKcl6r5kgNZGXgMfUE6K4fdO\nvSadu8BtafRTX+sX+/vKemINxO4WCc6jKoSzIZA4DNZHP9ZFXmg6t4Vg54Wo\nTObHk0mwqXr2MYh8Wzr1rNpmF9d1Ef/w3h0W/4s4n4Y3vzJ/qDmAd/4IbtFA\nzxw53XaTfasUjhYv7anERVVMhjEPW7oXsUPrRzmROuzdPIH3JBHVS6DuChAG\njM1xlM1Wan+ObRUngbwuD9TX4TYvjlSewMx9nXGkh1OQijgInuzzOwLLD1yN\ntPRvFFJZtGn5UmusbdQbfVMhG4fjYAEQW5/HwH1WGRVhtXctBbSFs0PEKGqg\nPcpr4YXMbhVNRNMwKLMC+WntkyEQhh/G1Gps/WQ2E/8Yly/UEZwpUNbOpvl/\nFPne\r\n=OgI7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e8e9d5605e05fdd50b88c6ce659dc2ddd8ba768d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.744bfe5d8.0","@material/feature-targeting":"8.0.0-canary.744bfe5d8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.744bfe5d8.0_1599166524637_0.6613805978004612","host":"s3://npm-registry-packages"}},"8.0.0-canary.78da96eaf.0":{"name":"@material/touch-target","version":"8.0.0-canary.78da96eaf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.78da96eaf.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"950c8e010401bec18817490fccd4fb7bd856d29d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.78da96eaf.0.tgz","fileCount":15,"integrity":"sha512-nW2K5cELNiGvoilezWh1xirQwJ23kM+EJfHo+yWESJ45a1rp63CxsJTjgsXStz+RgK1xCtsch0uRKVwmctY3oA==","signatures":[{"sig":"MEUCIBFubUKD+on7iL+/TXdTKRroLF4GbGC+PPUcgu4pl6vKAiEAxvLwm7Pp/yIi50FlrZSF+g/lKG2Dv17WJrMrYMIW3qA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV9eHCRA9TVsSAnZWagAA4qIP/RyAw4Ase+nTFsoGeHPJ\ncwFShQarifOo5yHSdP0+2g3LOykML/LCtFEfk+o1x7DVF04CVQdYjD/LUkVv\n/xsvV4otHQGNW5zb6uTxdZForGglBvgDjl+yxvxgYthJ0s91eVa6/qBusPqF\nNc2NWPpRk8o+BfOUbtyfwEsd1cqTqFNwPmdoJS+vPLvCkLCN/oVCFz1yOzwg\nMvst+U19y4T0kA4LmZRO59ZIW1zxpbiuhCmfiKtQhmnGH8Zx6kSFD6d/vIDT\nls7dOYGNrLFl3vCDXRgJpcvj70rRRYmbQjoBtjoGMPE5vnah23VLlP0OG7FM\ngusx8hVsM8dTnNs7y3o+WhzJkoxkmtyAaLMYNSlI8GhPA8fa3Bp4hQourabV\nbgzlARxLWqUsSfSPvbOT3FGI2C9pXOipE78Qch1/qKVRyfJuQtT+2cCX8+pW\nUnj/PniRMpGh3goMb4M3W6WT6JbmobcvY+wJaCq29AJ+fokEuhRfDsw7wvV5\nPq7EWS0JmLXEdD6z/hJOWLJinca/4J+iq0EFt0qE2VjgggY9gh3/GwbhZO0t\nRpUg+FKVkRgYstgtbXy/c/It9buZBu3h30yKaFiX6H8J/0Tfww5u2dk7t0j+\niuPi4+XZ9Sw3sKi4sLZCUAlvU2KgqJa0DfnNwHiU7SI2DtZy1OzV9WT5ZQkC\n0/FY\r\n=UolE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e9750a8b0ebee9367eee7e514953a1b1ac6fef7f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.78da96eaf.0","@material/feature-targeting":"8.0.0-canary.78da96eaf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.78da96eaf.0_1599592327020_0.7818779574628836","host":"s3://npm-registry-packages"}},"8.0.0-canary.b0ed593cc.0":{"name":"@material/touch-target","version":"8.0.0-canary.b0ed593cc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.b0ed593cc.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dbbd323b88b4e9479842926d83db53efc552c2db","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.b0ed593cc.0.tgz","fileCount":15,"integrity":"sha512-r8kBfigltjrrmb4FhhYMCds5zvLUydEjsdVHeQ7bhSrRv1gpNmjHLWrTiRy45/d6AES0AxjQRO9ybGRLgCLYEg==","signatures":[{"sig":"MEUCIQDFy+iUGWki6I6KWBU6GyvgFl+SlLmxlH3VbpsCY6o3VAIgDOyeNwQ6DPZ6tyvU7aQWP+Vk29TP8ReyM0EMYJxddhY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWHL7CRA9TVsSAnZWagAAjrUP/RsbB57H8ILOPfRAZZdd\noKjP7COnT57f42rhDAIMEcHOfTPlyUDlf/bknMYmzuHzh3UpZBQmC5PB5bVG\noXeOPykBiwj16wRXnRG5HSK8Zmg03/ktOEg6Ks5PLVGATdVY6qH1gA4IYson\nB5+2iWuT+YndkH3o/JfJXE10Oi5VtmjiSAYcYqEt9wTbXDc1EHHsA3XPkVUf\nruR0Vf+JRpPx+0abpWs6cjDTGPFp7taguS7H1P6tILDCSlnB7/uJdfeOSx1O\nMRlT1YGuFeDz8cbt479wFzSPh1gyxI4jrwF+Pu9msECVpbin17L9mhV28U+2\nrckA6mdXTOA7IRM9PqyBbpI/YFVnxp66oH1cVtX+Hb9YOL0oPLqmOCnk1MVZ\nBU+W+ercaazVtLnARHB1lc3C9GtWttP6aYPtCZDMjlwTM8V4GAyRm+KtJE+C\n3gc7gqxbr93/dpeQyJSKHnASwu6/HQvBobay1P4QxsMSeMJ8v2XFI8QDRBCt\nHxANutOT13vOb3UlFJGI3HpuhfyvB00Z2UWJcg9WAMI7IDRkrVlsG9cD0XV7\nzXP1cJnrJfNN9Iqx9Uq0ryS1th7iBDxHWWdxaIswl6DtALJIVj9NbIL/H9cg\nRNB6FZ9IEPlncUk83cIUAToY74VFZdip1p4VuMTj2iFnkc04KxYqYQMo9H6e\n/oN6\r\n=CkhM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d4dd3b56db446c52c35f891f9a19896a2b762f0b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.b0ed593cc.0","@material/feature-targeting":"8.0.0-canary.b0ed593cc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.b0ed593cc.0_1599632122984_0.5207157063251897","host":"s3://npm-registry-packages"}},"8.0.0-canary.85a1fa9ea.0":{"name":"@material/touch-target","version":"8.0.0-canary.85a1fa9ea.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.85a1fa9ea.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c2208cdda01190dbd5c7bdcde9498dd97a6b713","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.85a1fa9ea.0.tgz","fileCount":15,"integrity":"sha512-FhR0AYIKeEm9PFXELxYdcfrcUq9yxxfHlYFhKuQW+GljcQtUKfScHbLXU2+ICGyRtJYGerV1oqTtOvxEggiC/Q==","signatures":[{"sig":"MEYCIQC/gh34YtmgGJqgIrrJv38Fp0PK8dwR0qSJK6fr0U3yEwIhALCxDTU6RI+1g3E8srdSeCCEDlfAkV1s1Gc4CY06BNQY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWpYeCRA9TVsSAnZWagAAKz4P/AroXdK/SzfzfK/1T8v8\nU2O/SEvwMyxMGQbpGjfKxhvHKNPsjhzpa+bHcNi8KSIv1/NhoozXUkilHuAS\nG79ucvzBsJoZWEgixd++fG2o7TZ/RvF9ngHm2LH+Iulxvh7hggw3S139CqhS\nvZSTnFuEhyK4ERQjpRJRbaxKIv+4ReMhlcBICKqCattb30q2m6EQdcVKRk9F\nKxYh+XhBQ8ReL+1p8gSttmml0gxOMHSamF/zYUyODRnqEzlZtMWpffOGk/P7\nXekb+Hwxzw5zH5rx4FrdF5p2tlWcbG4tysohFDZIn/JVtjs+LWbh9IcGMZNc\nc3ivtiiAH8931GvC3wpSV6tTvVvVRZG40zlRNupAWVquZvZZyIVIIXwK3TjX\nWYV+ZesQly4vrTJLv04r0T8vBJ3ooRp2Q9v+WzAT3wLKCEz2UbN3AqxdEME3\nyHKdj9ToNVhPCPL4mC0MoCkUJV7Sw5SIoQ7YwN7kso/Bt6rqiKDZsR2Z1ltE\neMw1DWIQvvnVrHgAew4GWF5IsvBd6Gd3Sa4giEmrdHzrBTeu91MDsj/XOYUZ\nT42viieTuR6U8DwGZPj8wVmiqLaNSJfKs6O0FtstfFfAceZYafo+ZnPso32e\n374TYg7XrqE+XpPTiUkcjmIKgQ7eF9RVvrty9Os1B3UVW33kSVB9aAWoWFea\nSx9f\r\n=TZLK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"96441cf0eac61122c48c43aebac2e249d5bf492d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.85a1fa9ea.0","@material/feature-targeting":"8.0.0-canary.85a1fa9ea.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.85a1fa9ea.0_1599772190382_0.8015060862218655","host":"s3://npm-registry-packages"}},"8.0.0-canary.0bc41a9c7.0":{"name":"@material/touch-target","version":"8.0.0-canary.0bc41a9c7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.0bc41a9c7.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ab5284c95a7480fb7165d8229bf511a3f0965b9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.0bc41a9c7.0.tgz","fileCount":15,"integrity":"sha512-tgWC99iB39s7HgL3csP8IXCiehwgou7GSKHKShSDmtH/Drpk1Q6kuIP3XTIxOo82JjXz9CGiO+6k6PduRZX8Vw==","signatures":[{"sig":"MEUCIHIiVvBVnIgNJD3Vmcr41xNxhLCN/HbvZV0VMMjcXGu5AiEAmlkVgfJAek8/AFYFyYxVpugX7teBD++Qu3Wfxrqe84E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW7iOCRA9TVsSAnZWagAAc3YP/3Q1+KtRlcXvdhjWWth6\nmyzHeBNa8dTx4uytqVAMEefN8s37JmZRsIhS5+4LKT0VELOZDRYoI1PHCm07\nIhhzbtisorNJ27Y9BtNqQp/P4p8HlqWKCceODw4LaYIMVzlcTOFsZD6Kcuei\nOIbpiwrIbI5uyAd72Z5KfHd3MCm9VtZJZfxwLd8Xr4hmavyzQb2VkaYyy3qg\nGLGKo3EQIKZEKP0Z+4JlBjcNa7eKuAgIEywO2WG9bxGSV6PVjrhUUGJSZgzF\nA8skTC2jCQttlqKjBU89UxK26FkqSvIlWhpJPkvR+KyTftUvJq5QWy/ncEYg\nMADeEb741wcwcQgQU4hWojlmBfOELRtJJyB+awOvA87m6t3FzuSbzn9JAkzu\nPXgrpnxhHpmUXUieA6aUUZC4POBSIMKgebvgaHLQdLZ611QNFluZO3TOIKTM\ntsUsOSXyfPxRoEOfuDWGjpueuuUqKO7re6cXEN+3zXNXG+lS7pM9RTvbbLv/\nkZsQZBBfLK5h9uMoyL8UeJsn9yCoEq47CBuUUvRjYG1eCoBe/6yqR+4Qkw7B\nf5rq93AHW/e5D6ju0mRE7uUL/3E6hbnda8Kd2wbAkj7Z+eeXgHtxyOThMzzN\ndDFmxIDTSU31bh5P2wMwSk5ohR9EoJjQgsATjVaA77jl0mydqXevfriSCudv\nzTx7\r\n=qUbw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f9e2c4fbe617a115d220d49782884d15a0d9ff51","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.0bc41a9c7.0","@material/feature-targeting":"8.0.0-canary.0bc41a9c7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.0bc41a9c7.0_1599846541801_0.3504396999321242","host":"s3://npm-registry-packages"}},"8.0.0-canary.fc0eb5013.0":{"name":"@material/touch-target","version":"8.0.0-canary.fc0eb5013.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.fc0eb5013.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86a501d5256292888396a12c3c76aaa935d21a67","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.fc0eb5013.0.tgz","fileCount":15,"integrity":"sha512-LBdVPmfzBmgsr01DvcXuBV8zco/77ee5JnGz13z8bqYzBoq3LwIBbG4CneD8Oq7jECsziKIOaPr6bhT/pVP1cQ==","signatures":[{"sig":"MEYCIQCY8VdZ6p8as7jGc3qgueeLA+vPBGsjNYnZkKRoWzXnXAIhAPjkI2hMhRJUMvyjUjpLH9fAs0czhz/qss2IeX6vDqE7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW9YOCRA9TVsSAnZWagAASpoP/3hfPRHdKgmG0ztX7Ug+\nCHfqxD6pIxld2lPpomyCgCeU5IUHUfvrUTp5nQxhaX8/Eg21rYNKdRK2QsZp\nNKRrcf/IY7ZdAICfDgIh6CmPawTr8Nb6u8a+FhMzFLBmH7aOh0jD2Y/SrIuy\nW+Xd8Vdvv2wS6RODB0WeuwTwOgJEDMD8CfZwcaRBT60yYkeQfEW9YUIqjpcY\nGBOSwfB/KrJ+YkfaRxavsqj9osUbn/tvI3EHww2XNtcmWUb+Jo0dTgJdsfKO\nBpk6HNn4J44z7VjZiDHIIga4hqE6LxLeA1YEGbYvzrlJ92YkTv2r8nla0mai\nTLUH1x0roavRh7LDx+vik/UXbyT/yrYUxmPPFz9OGjepM3h3g1QbIUTxpsiu\nJCWIqKBsVAl4MR9kzjfPtW2P/b3uPT5pDI/aWk9M1tcWx0LeDFap2nbQscVZ\nwH+3OglOOUANLsHRb+rJULjTGwQaNtKAOLoJpwISuZfu9LYFscw6yVcAC3Mu\npHXLx3urdxDTJVW5V0SenGSdqRfwXsZGiFnIXW72otEHoDyibQ2X1uHBU5uF\n6kH1X33PTYqRuwioGgHAZr8/h3k763d7f7iHJZMQPdAem8LRebkKcIMke4eY\nBBr30desspUJH9EcfTH321hLvY02bpZbP+C0GS871r5mbQ9WcHP/6NuK/2+F\n38Ci\r\n=NwgC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c6572140acfb45fa86b79570328d75e3869c40ef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.fc0eb5013.0","@material/feature-targeting":"8.0.0-canary.fc0eb5013.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.fc0eb5013.0_1599854094043_0.26134785641775515","host":"s3://npm-registry-packages"}},"8.0.0-canary.319bf66de.0":{"name":"@material/touch-target","version":"8.0.0-canary.319bf66de.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.319bf66de.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26c4f61f77f088fed6398f8e72ae1a707faed36b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.319bf66de.0.tgz","fileCount":15,"integrity":"sha512-Eo6Y4CF9UtAnwy37WYBFWhRGl6wccF7NIOdwuA8c6R0uDyflyxkkYaP2eNLEAeJ48S3M9q4vVtmhPCAW0SUZUA==","signatures":[{"sig":"MEUCIFOcgv9NrAnzCFTaM1dKI5cU9TNP+5aSqR9uTcnPrhAlAiEAuLYinoMlFJmVwHDo+oH8zs+RoEOjbm47cKUVX5I81GQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXAOtCRA9TVsSAnZWagAAiT0P/RmcvQNUgI8JtLQvX8Fn\n4S05o96kgjH72S7UCOdqAsg/rNzCXy/gNKVN+fwIOD1JGQkoalkusym1wEW1\nTpotwTJgTbVZpAPVJZ872p52BSvAC+2LhVYwT/fh8FqymFHXZl3OmBB1NHRp\no+fMDctYvnhHLrNFNNFMbg48x3A5COG6U8nFweNs8xJYC+MVxsR+OkI37KbN\nnOpN+2vykcyxdbmdWa4czPFoGSKPoICetpXaPbeBj2sQ1fG2nURAp5HmWpFR\nlrKRzWrsufmAjwDftIO5p+LQpVX5gyg9rFrFPRuwXn81SY1b8Dknmil8OfOZ\n3c/HFC7h546SQWljG5SNnWRNOCZpXw5BFgiLQ6stGYSN6z2RpdqmMZRWgkO/\nBLaz5ruQfJ8Cy/ZXSaC3LQLZXFl9O1NITeXs7g6N/OrKtUm5WoezgPKwP+AD\nF/0N4a+zYo79UR8MUJu9+ykO73YiLCi7uPGj8a+pYAMvght0wLDaFOVBiXb8\nMCBW6P66DtRUi7ckRUz01GXEHWbIV1HHpwuTi+jIJelDWKEVnnGAWZOxOMAB\n+4q7ABgo9hvVgaPRXMDFBE2ebo9BeFmqtSAHYwxtrYvnvLwUsDsORAapmvCR\nMVfqPt0UxaTclUnP3eghs11tdHg2ce3ZS9EMjnvStuq0XSKiD+0DvADLjN0D\nixnU\r\n=MGBY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ba4054064292bafde40e53fcc87405c8dcad24b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.319bf66de.0","@material/feature-targeting":"8.0.0-canary.319bf66de.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.319bf66de.0_1599865772990_0.9746491528967196","host":"s3://npm-registry-packages"}},"8.0.0-canary.5bfc305ec.0":{"name":"@material/touch-target","version":"8.0.0-canary.5bfc305ec.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.5bfc305ec.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4078243bdd72338288551b92fcec73375d47ee34","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.5bfc305ec.0.tgz","fileCount":15,"integrity":"sha512-ckxyhHy2aocHMhkCzlxIj01pbnkUsYImjI0A+Ab4KZZXGGVQlzFmCkMyv8GOrQmdzkGZ7k6N1SxRvqvlfvjl+w==","signatures":[{"sig":"MEQCIDrWXzVIs/+oD8OzeFayKUZeV9u9U4nWPfu1yeg497ajAiBc9XG2DJD3nlbN2OfE9e2qlW8bX2rVtdsGyHpbZDOAvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXqRUCRA9TVsSAnZWagAA6fwP+wYKIKW4lcy5o4pfF+a7\nwpRbfcqog9baQD30vXrKkPhBT2O4GGhBYcVDf/0ELXv/vSxfJEnQzagKzO9H\nYgeAKqFTztYLrmLVvke1UcwvvuY5a1sPkBefnl0z4YaZvgagwSWjHWswWvN5\nqcvT4/p1JCtO/4qmLbnsorGdjBpQL+s9mmNC+Zw4U1/F04CbpwXvrH5TtyLe\nnubFOwtAlZ1fkJphFpEPb5sAQho0UalV1YsRqDcPcsLhyRQS3NXAlxfZnxcv\n2LhiiOJr8qqJzebFmEJ1pq8/JByPG/1yC2TLTxx4j3k02zjCCqqMrl5xnXaj\nPc3I4QOdplOPkH+djz6jdqQnnjnI3UZO8aEcq4GMbB1WoBguNJxGwpSnZPbp\noJc5e+r31vFtdtRfpobeOIzhZuB33iYKLb2UJWxMubvxXGrKKi+KJRMqRSNs\nfJ43citrcPu/j7XJjXcfjlwJitUbSaU6Ggo0chSkBCmoMynKBqNJJZQxkg6Z\ngtEFhHKIBGNJjS7VrbYa8gpfjkWBALnEZkJnpHwqQERKwS1GHDffdbHV1Ra+\n32q6RMx7ynoJjWjWR3NgtwEiLx8jWM8Cv2JYnTEdKr1BLkcu0CF5wSDPvdnM\nyQQcfrRRYxAFiC9lVlFkMWdSENYqx+19vr3Bc0Y81yrDPy54Rv0bLhqYsLqY\nbckz\r\n=VXTL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"96c0c187c7fa544c1f5303e96ba3e85cba86e5c2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.5bfc305ec.0","@material/feature-targeting":"8.0.0-canary.5bfc305ec.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.5bfc305ec.0_1600037972356_0.6756854893680366","host":"s3://npm-registry-packages"}},"8.0.0-canary.83d83f131.0":{"name":"@material/touch-target","version":"8.0.0-canary.83d83f131.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.83d83f131.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"10ca5e90a5da5917cbbccae63effc6b7825daa74","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.83d83f131.0.tgz","fileCount":15,"integrity":"sha512-ZQXZbBSDYamoGP0J24uXESS47RD0aPhyGTs17iyY0lymW0W58LuALzQ/ECH9gY0YYYfWveKlfL6W6S9Xj4zQZA==","signatures":[{"sig":"MEQCIGtlyX6SptIDZXpKBlotmh7a8MgQWLRTYjAiLo0gELKAAiBDgmF3ryeYCDS5m84GYDcoPHSjynTUdbGZT5VQEdJ3hA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXroDCRA9TVsSAnZWagAAm7MP/3vFxrSB6mSMZOh8ApYM\niaaK8TbGInC+pm/53i5ttKMpZY7jFQyNItpXH6UK+VPpcqM8ayI6WSzfN/WR\nzLNzBWccjPwyRFEU10YsNrFrryy+Q/fmtoTTKVps4VS/MpVHMXGh7+pfwa6F\nQkCuoiAICS+cGlMWJBHxicbzW5ysdQU+6cm6deuuQ2MWhiiKRsb9iVOjHu4u\nYYQebGSw5H9CDYUlwaok/5zSATzvNoVpJGenMqTXQgQheUhjbXYmdvI3EnbW\neDUOveIfseFzuZ5awlFf9nffLLIctbD44mhRz6kHX7jm7buVbNqXN0pJPDYy\n/ObyxDMryDb9bbWz87YgGlJxeVx9Hsm6MA8WG5PgtvV0t8t1RCVbKVK7LAPJ\nzCqRBjSYjZGT1MwnuU6vOGoHNBqtCgEA8Ek0T3sXYNHNjYsLNc0ljHVE1/k4\nQZjg06tTucsfSPKIyooV56d4qjira5iZfcZJuhHRTZxq4snpcGC6gGhdTgTS\ngbesCl7KgDUCWZxNu057SpDbL93U/hE5+0unxn3XxtPSSl/wxq+H6Ky/RwxD\na+62BFqV4IWsZPdP4ExAEnKHKfGw78qY4a/WKXviGk7Vbkl2s1cIKmg9QVjP\nTGvpEPYt2cAE7cdqX1sSmxblhLNJT+9m72dI6rhBpvT5/kN8ROYNQbBtGy/O\nyZ88\r\n=zp+O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"520e8b604c3cd3e7ce96b30f4315d576bcdad3e5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.83d83f131.0","@material/feature-targeting":"8.0.0-canary.83d83f131.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.83d83f131.0_1600043523453_0.40982344440478813","host":"s3://npm-registry-packages"}},"8.0.0-canary.40d8e4726.0":{"name":"@material/touch-target","version":"8.0.0-canary.40d8e4726.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.40d8e4726.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee7c0225fea45344abf36375e1ecedb15df0508a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.40d8e4726.0.tgz","fileCount":15,"integrity":"sha512-pC1Oc0LKNQQzsY3EqtM1sDq3MzyKjeV2HttQqlRnoGF8x2SLLHGodIOtdwyk8aqX4G9NrlE0NNPyRZypJBSdeg==","signatures":[{"sig":"MEUCICWFxPLpCZEt+jsNvHMgwQ2qO8PfbjmuOk4SKNxGPXJSAiEAgujjRBYFwnn2ZzM4KIaCaSQHiUgDeeCtcbpki+y97/k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX/xnCRA9TVsSAnZWagAA3poP/R6P7f9AbLh8hPAug6oC\nAKgImodV0X33kAXY5tQ2xXKjqdtOnZAjSrY+ZiNWopGPB6ZNu2GBku0K4w1y\nEQRt1shNnbQQJhoR+T2sPMvrZfdeEDYPF+XJ1ZaTI8nH8KPQQbHToVSLPHJS\n7Bgv3l/PfGdtQtUjHvQs3Vj3D+Ii/MXs2yUfS2PEEMlPM3WrXVLWJPtXDwB+\nercRskHWwA21t6ZwxQ2W9fFhRa49+RYLnrIaw7GJmR1yoEm5BXYbLLQmMVch\n0alOMbwQD/IhH5J4BGjqSX75RfpKH8LrB0rtblgujbHBfl065PU8Lp2Hf8bv\n+jHHwDn240DyCxROxECpddFhsxAcFFj4ZcYTwWwR4DSDqUII/yfhJ+UbpnHN\nI9Pyy1NtuC5n0/GM6oM02SyFXQGWFz0K9Hjfo8+YseAbKc5kvcMEnUFnOOqa\nz+/tYSVkpe7YXBNd8vNFrNOJzXfsN43sdePITFSLPeDJiepmqrbf9FlWoOTv\nK7J448nAPb0qaNXFGZRb4V3091H99Le+7oFcyw6hlqlpcuJSledg7f1PEWe+\n8BsbziVrDDajgLmZV32Bt1VXLMSGtse9XHTT5tCs+nM+2T2u3EMqD+pZMLST\nmBJLMpJnvd+rGnOWMKaaJBQFWT+M+TMNNBBXSQAcTqEkBMRmfEwm7P0f+PaT\nTSeW\r\n=0UZk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ba2736b8bb826dac383c6f8f237a6584247d5198","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.40d8e4726.0","@material/feature-targeting":"8.0.0-canary.40d8e4726.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.40d8e4726.0_1600126054702_0.7119106630888774","host":"s3://npm-registry-packages"}},"8.0.0-canary.c25d70a31.0":{"name":"@material/touch-target","version":"8.0.0-canary.c25d70a31.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.c25d70a31.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1eac603605fb1f26aa921a12fd31f41658c3a897","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.c25d70a31.0.tgz","fileCount":15,"integrity":"sha512-PoNQDqlDdhA+kBPwdOWJRcHERfZx8Bl5MA9TgJ3KnljGEYMNL3NkqjdFyxLhLT9PfXTDbCLsHPme52KdHDpW8w==","signatures":[{"sig":"MEQCIGNFul/HNQQVcSlFDypNk/VsKSzUGIujq2W3HToEoRRxAiAphkPwBmThJoY/ysYyG51NK45i0Ouk5jnv3+U+LEbrTA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYCZ4CRA9TVsSAnZWagAACqgP/iyCXvRIIVeU4UFV6w2c\nABwYtp/+00pBm4LIYGgTjiXv67Ows2NCq1DJMMWFvSfXpiyHYNpy/LoG7Rmm\n1QgvCTp9QtzqGRzSPF9oIM2yiyAx/1y5CmsVnZ5jXHJjUXipp/+lu4dco9vk\nyQGvrqjkSPUBn6FIfQGCH+TpaNj5NoL6xhcIVKTFgtYsxa/2BAaoI8BDBfix\nH4Vs86EiZKrdGItW6Np7ieuri2NoKDhEjsHvevUka02SdbgFjpK5uRR1K8xh\nNkxbEDni6zne3JCR6W2v7iBZYa700A6k8oeje6qJx8QzUTGTpMO4C8UdRI8i\nWyp3FSF5hsEgRZi4Z0pfl33fwHvmcbnk7gLcsuZ9vNYT70zlj5OleamdYpRZ\n/cQB5EgnCxd/P0WM8QJIINVebxUZzsTLC7XPQeyQIPuMT3l2yiE0w5B/X3cn\niV4Eo7nRF6FG51ZpzW1+Jaxqgul+hHzDbnftJrKe/FohSqPN/3crlz72uIVs\nhmU/7IrKCST+FOzLH2YXAg9YCiaUhUDBxgA25r2PY7iZP4M1PVC51TIG9atJ\nIbflKw1Jbc5ZKSG9zTIDJJi7Mf2sasQg5IiORDvP1azI3I1pbkmzkCqYTwmu\n/zn47u7eVARvetrlXaoEqNqgI071BR0FEpn3vfqPrTuGY6V4fYwBOeqytWq1\nBWd+\r\n=DFAA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"23adc9426ee1c32d146e601987be4165e56c7934","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.c25d70a31.0","@material/feature-targeting":"8.0.0-canary.c25d70a31.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.c25d70a31.0_1600136823616_0.16776648842018527","host":"s3://npm-registry-packages"}},"8.0.0-canary.d52b165b5.0":{"name":"@material/touch-target","version":"8.0.0-canary.d52b165b5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.d52b165b5.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e5c487d79fe1787531621fbe042c5baa9266c39","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.d52b165b5.0.tgz","fileCount":15,"integrity":"sha512-EGJZb9BhXEYMKiPvXrNPc2wrO7fGyz5/KnMeKI7I65QSYgzkqUL79LgwB0bc8rcYVFUkMqTN69pVts5mz9jSHw==","signatures":[{"sig":"MEQCIDe5f21XYcqWxhZdPWPnGMVfeU44tL95dhJZw1XFjf85AiBIM8Y52I0ReUXTxuS/jwOZ9Yc+A2IOyW8emS93BFssjQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYNVzCRA9TVsSAnZWagAA7YUP/38/fnwIWPxyCkipU8Wa\n80HMMmGOGmNNxhYK0o2db+vQOaTE9L9sr/1DzfCNgBciK4m2kBLDJHddNw+S\nsrPqpBJ6yn7ZI9gXEmAbFCp404xA3ltfVPNFLMnvFrFf0mGscZuY/NisMz1X\nJUB+eCbSYWA7KIsVViQUV/yaPuJp3Uh0HfSfWVucTBYwiNQqWdFUZKE49vxy\n8ltE1O/lHQ2VZYsAB1hzDa+kp3HFtUoKSCg8gZsoUuywD0vhkXqgXUTWbBE1\nq2Fk/JJ9X6N5OZzZcNux/ZYZZkMuisFr/0nI5nUpBD//Hl5zJp5Enx6wlMvi\nV3vJkCjXWuaJSwd88YvzV4SHBdP6Emh19NXgpFRoiLN/F3sxNOH7Gi5/Vsff\nbttprA8WkY/trfcTiEDsm8/F5WVvA9CYYvchzsc0h1/2n7m8CFv9lQiDqmnB\n6jlKZcFr2ict7w06RW/fEuA1otTHwy101uXdE2B2hhr3AlkUUqoVlXxp6/HW\nwyKHD4/iqaRFwTV5MP7umHYUFF2rwExNbRUUs7c/Ax0VZVbZgVd0XdJLZST7\nQ84vovgzHT+Ge09tnJDzrWwR5l42aGOSClR3WdXrloPSW1zu8PiISQ1PhVzE\nqu+t4CsbNJJQBNrHTI2VRy20E7+4C9QgYehdsaPpiu8XbOSmeq9ag8QJjnie\nZCmr\r\n=lQUq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"19ac3399f14583da3b2ca5e37a0ce783539066ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.d52b165b5.0","@material/feature-targeting":"8.0.0-canary.d52b165b5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.d52b165b5.0_1600181619431_0.5445956767883247","host":"s3://npm-registry-packages"}},"8.0.0-canary.a831d4799.0":{"name":"@material/touch-target","version":"8.0.0-canary.a831d4799.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.a831d4799.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7972bf07ea720eb0cd4e2f7ce73a366b04d2568f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.a831d4799.0.tgz","fileCount":15,"integrity":"sha512-prbKkJZR90yBf6UqnLuelSpesb2EBJD6cLr+uWIgr1Ki0gZcFzpD1BXkptnE1QwtW7lFe1RZEl2yp6r6imYwPQ==","signatures":[{"sig":"MEUCIEuZ9kYwqXoiGn/+BFx84C6keFm98x+nPX9hrisSoffpAiEAt5JXwF91t1Pqy+yGODEa3xWWDvjhHqDx+G4ok10t3+I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYP8TCRA9TVsSAnZWagAAyqAP/RCnSvZh30AWbl4Yw0ZO\npUj6kLRyShcy3zKgUOzeDvSrvNTDf5lCxBLRQWoTxQHVSPduUWhK+6bKr17B\nq4vgT1OXJ5TSRYjwOgus+EyeCHFq2yffAZXFHs2U6tHzgtnvhls64ny9VmgC\nvzv4oY2Fhr8/AvUtsmAGfk9nHef40JUPNv+8NozvmrjkWNb4bn1AFFxHUGEY\ndWugO42xLZ0xwn0/Tw+B7ow13Eo3hPl4AXqGc8ED37MjeRu0t4j4jp8AXbRU\niFX6s80nCewp5jWaaYcW6x9sFwccLTcbnUVpwitBr2DZO35z6QLgR5nS3vCg\nnnhMz3zWkkyG2L9WAFmxj16rb0+nn7lkbsO8+DBX5toUkf2r3P5Eq16mAYnm\n6M634JFQUdDsHQ9ISbpCa9JB44XV1OKvC69csXhyHDVBaM2nlgpTsFo5pDA8\nnq/1amA/aSRn3nnnCsu10qnyDgv4xyAgAg0HWPBA85GCzbjP9a/0GmuNeY2t\niLC5pi5cuOi9J8m25tzsdeNDvsW4GzJxvtzt9UDIJQCB8UgNp0pov/TJDdmE\nc5CXs6aCeb1S14aTT/mkWOl9noXlf34Ns5r5kxwWicx8GP+GIhRUkCnilFA/\nlDy1/BlTCxsxDGRzYi1DaofWLsz0umNZlhNB6FKpE/SkyjBzcDkwbogDnOhG\ndzN4\r\n=gg7A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fa7f461e7963e1bdb73e7811d2f70b0a07acba16","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.a831d4799.0","@material/feature-targeting":"8.0.0-canary.a831d4799.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.a831d4799.0_1600192275448_0.6293409190996273","host":"s3://npm-registry-packages"}},"8.0.0-canary.a306aa488.0":{"name":"@material/touch-target","version":"8.0.0-canary.a306aa488.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.a306aa488.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e7f743e1624db3a2ad458b41af5ea038d3d6aee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.a306aa488.0.tgz","fileCount":15,"integrity":"sha512-VjjHI4+kri6m2n6MtIIB6ar1HzqWNnbOFcH5d+vbBtksvIKMLJVLchKdE5y4drwe5IWOunFM2hKvXy8d4dohLg==","signatures":[{"sig":"MEQCIEF2ASevXJ+rjn/h/Cl6+w1B9t/lH+85ygV2pUeLzManAiAnYcOkPakTJkCNsU/tpiDc4Q5hpO1IxkC3NO5mGTPZPQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYrSOCRA9TVsSAnZWagAAhb4P/0sE1VgICnbg3NgbVPlm\n9z3khtpnJw4uJDFft1dpj+GgvSU2+zmR6HiHk9YHZmV6XNDEN8tB/Aa9hOuC\nW3BfN4NL/asdfKkmJDWM1TSGO5prHIO1HwEwlwDB0SeMyFRTI5mmw2xUB/MR\nvmREsnE4wbhPbx1r0x9lOCQGO7uU1/LG6Oh2RJMuMONmnep3djic31Ot8M+X\nV09iSV4HbuPFIU9jqPEN0Al2HQZ2oQx97RJn3SSXqYmZxdM0ZwuzR1hCZcc1\n+FDL1uG350MmY8S90eMopnqDsiWYbE5SUXeSTR0mCR6L9FMO91Ei92J/mrad\n/EL6zsEcwgdqIN1MChkv+ljk99w98PotLqtW3QA3G8bWsZYtKUZ22rse8adw\n68EQPdabSgmsGTxGagQuZKAjgf8m3EGw5pu/oGpxLO8a2aTyPdgfL/FxS8F2\nGjl32gHez51av0NbFDJydP3Kxoks1p1RQlmJ8/0R5b98Vx0EjkYNGM6V/EKz\nAip90VGg0DKntzDf3lE4bA8gLzFf5W79R6F6xaELkrLkdFvYPSsVGHGjoEFS\noxgHrjByb0Aw2FmxozcYqiEkFzvPIHid/wGgl/vShN9blLf2FmELYgOv56P8\nJ2O90WpeOEmNo2OA2+umBO89dItKPp8mx/sw75wfeJdJEWA/qDAfdWqQvpb1\nxg8o\r\n=uZoZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c6addec60d43eb106ac774211ca2af4b04d40f1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.a306aa488.0","@material/feature-targeting":"8.0.0-canary.a306aa488.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.a306aa488.0_1600304270324_0.42159367057854924","host":"s3://npm-registry-packages"}},"8.0.0-canary.fd608ff66.0":{"name":"@material/touch-target","version":"8.0.0-canary.fd608ff66.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.fd608ff66.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0efa0f52c54985830086d32f3464860528b337a1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.fd608ff66.0.tgz","fileCount":15,"integrity":"sha512-jB5pxvNSqXlV74ukFNewJW3Wi2sdXr7om6sDU4Dcz9ll8dxnJPUNL4pYeAvZBWTt6WYfCHAA3ePxUFsjEidwNQ==","signatures":[{"sig":"MEQCIEM3LFnEc8jrUNWrvWGLO0QqBQTE9myCAFo07DlxcOq6AiBZC/OkLPOtnhtPo7+Et69+mQXpJv6GGw/+7g+fK/CuIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY3G/CRA9TVsSAnZWagAA4rwQAI2SKeVchDtYLfKB9YnM\nL9B5bgLXy9nFkAzhL7DDcKZmj3ULIOtCHEAEbE5JvjHiIQEAqTcCh3CFOUhH\njOysxYNeuO7fbVh0aBe5eB189vFBVelPWTznYzvU5EOpiV4jwTD6wYvyMEgl\nkYsfJsHKdCqPxkGviNcKBjAadjlAg+kSRShdGG7NHqQ5CsKaWZUbeZmLdNd+\n8MayAHOch/jTYxoAdNBHK7EVJr1KN46SV0lsXmYaGeOWBqS/Y+NDmAJw+bv4\n00E3jFZA1TpTUFHrUBPRQT7gND5y9FqrK5s5RfbXgNprVhR8mOWecC5kusWz\n1fjCgO9RRFHzCxNKVbbAeQMU2/9OSKidcqXu/nTk1mopfG2GcYIWU6XDUfWw\nHE0+qCn0S0JIg9HJIQovoQywumXKtznJpJSqfZVieW24C51PzGwpsE5DuqpF\nnz0XJI9E6ktrJFL+XCLScTZsK1UIU8GF3sMDEs4X1BPlBfgHmuAT8CY9d7h+\nY4q0nEENdw5AoLdIrTe6MYyRX+pHp0SzFfiS0O5hx+x3AIVxQFquF2ny8aCk\ncaIe/8fpi35SoiWD9MUIS6AWP2QmQ25krDemmqp9BJzOTzQ8j0XwdIzrj+d2\ndRo+vhpl0/9PPENa/tnjG4SKE4/s6NxxfoFaeLi27SaCLbS30lYXwRcbx6yP\nzUT5\r\n=ENSQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"03ec88b3967ad97da4309b1dee0b9764edcf89e1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.fd608ff66.0","@material/feature-targeting":"8.0.0-canary.fd608ff66.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.fd608ff66.0_1600352703510_0.9060998144986334","host":"s3://npm-registry-packages"}},"8.0.0-canary.3e435ba57.0":{"name":"@material/touch-target","version":"8.0.0-canary.3e435ba57.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.3e435ba57.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc2dbe521ade9241343fa9705a8c781ff74bf47c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.3e435ba57.0.tgz","fileCount":15,"integrity":"sha512-p2I8y+0eLz0f399xdb6feBdzflGoIeb8gfQomQW3rUrqVbqXZy0kNXniZ8uOCxVyR8Zq/AcdO2K0AdKBes3G3g==","signatures":[{"sig":"MEYCIQCDj71WsJt98UacMoh4kVsdBr4B+7DTBmloNxUi5Nq87AIhAJrRxeqmK6oeBn2B8xOYjlwedZ0n/eQQhfPIX6HTfGWt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY3XLCRA9TVsSAnZWagAAXYgP/jiFlpTYagBF5j3z6kEr\nmXpGc/f4joAiAzKp6JL8/+naAMCaWqeV7syzlxhodAz3755ZZQjPC9NUprym\nsLe9YDirv5FHtmJoS0phJcKa13c/fU+0txO2goU5eY/XuMDeW18WO71vxj7f\nLq8q+XjFD4RH7pSZZ/ZLdCOszGtB6ee/nuLH1nezA77RoPvSkKUIxOjiNgXX\n+bbNGZ8u5fM6/NHLk/bgay6wJ30+jQ84SE9aZ9zFVK/Rl2F5R+xjZisOawJD\nMQTOi/Jgi1RdTMZztIcaJQ8cW26vVTolQrUGpJHKhCAHEx6vdSt01Ua2kcms\nVcXu3RCT13t93xDjnTmvo6DGNXAYG2nBg6mVVO0VOvfF69zS/ieqO6sqGpAv\nKnUQYZqtH9jv5N0Qn/HOkLcB4vjaDj7D2loJypx7FquY89LhE6+8mkxERwND\nDhGKX9Ywly2b2mDmrmYnVTlDtbnoWekxH2rInTytpeDkaUE7YdyyQsbYUGZj\ncVQ3T0rnL7+KdWyKq2Ak3+xJFWgG7xFJ2ZR/Dul9jLYavIBydxy1oX3b6zi4\n2079TbT2bDOWPIK7tz7lI91a8qYV9sqsm4dsqak2Oy8xwyw7DnCoPmNbfR39\njex+yrm1kd9BtC7h7PK2dKhfhXS1oWHX2ruk6LE9b0vCwHY/R8W8PYrgcIbQ\nv+u+\r\n=Hn9B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"15ff2ccef4cf94fbadfb06cb750ee6de035cdd19","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.3e435ba57.0","@material/feature-targeting":"8.0.0-canary.3e435ba57.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.3e435ba57.0_1600353739235_0.32185445500489696","host":"s3://npm-registry-packages"}},"8.0.0-canary.c250ec52a.0":{"name":"@material/touch-target","version":"8.0.0-canary.c250ec52a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.c250ec52a.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8831f9e8cbc35310869f1dc6d67bcea0a76545c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.c250ec52a.0.tgz","fileCount":15,"integrity":"sha512-WIkeWbcFC+S6eEFQHneQndOB22wg4deBOmc+9AYdpqf7CIxhqrGQw3fndlCImPUSVRT6XtDJuUrnp3gKcoBHvw==","signatures":[{"sig":"MEYCIQCQRRSta+M4teV1mx0cOpvsejKRQ1I8vA+3diCs+uHISAIhALCC0vIXUm40BqamqbQNXy6q4HR3D9ecjb6aAMltWnxc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8KSCRA9TVsSAnZWagAAwDkP/R2+7YS/bcKUGW5FHCYy\nMP+XKOpsdPzicI2HzzWuXIlLBHjPLWAZIQXn9jzQhBMlcGEniNa9b1btIdrn\nuRZdC85+FTgM4bsRiBo3Stox1ai5zKaLT6Y5bNk4mg3dvgxy85S42O3bkyrT\nVmgek442PTC9e7Ayklv8rpeayR8GipXpWObPGBPvEEsruJE4+0AVuHgybQin\n3bzfrZI8X07Abk7IqqMkXlxQECX22d58iJi4G4C23iStDrWEY3DPetaMUw1b\nSds3cd9tjPq8pZA4yosxLlpBS7zMzpE2PJ5XfDWGjwbMDJlqg1sOKPseN0Rz\nh83/JBS90izu3FMC0Qg9aVoyHVZjZ4SSAJ5KxKlDYsf5y1Wy4EO0haHfEgr6\n4LkJ+Ijo5zKQD/j6lQNPQ7FM7wijpWlOTr3KJD2oCpaXJ6wLn/V073z9ZHoI\nAT4VAcfh0wINWbAMeeVlk0rGIW7TaZTlEfgYFGwE0r+4+7DCVu1iPqeIWdg1\nouhTY0C/wdJzrxZxs/A7GN8SH/pYyeDyC0ZTjIpxvCXI84zorCeL4SLC8voA\nbEJZPwkC3XAuiG1Ga15PQwPNvBl5U+unlOQ2b+SGcS2ID7LmlRL4sKe8qqJ/\nLnii+zaTZYB6E5EeXqHW0MqxX6p8onP70PCx5J7xy2U8Eh/9f8xRJzHwoNU5\nlXlP\r\n=JRMT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e214ca7cd3c1a65ab89d2fe2b4fc899aca418adc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.c250ec52a.0","@material/feature-targeting":"8.0.0-canary.c250ec52a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.c250ec52a.0_1600373394045_0.7132382018072949","host":"s3://npm-registry-packages"}},"8.0.0-canary.e34e411b1.0":{"name":"@material/touch-target","version":"8.0.0-canary.e34e411b1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.e34e411b1.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c3dfec8dec2eb431291523531ecdacd5166b4cc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.e34e411b1.0.tgz","fileCount":15,"integrity":"sha512-2Oz9dlpBUKBk5bzShmkvafECj386OEhKacwoTa2m2/cnzLF43LXJOtrfbChzB5auo5IU6HnuO3kRvDBZXWrorg==","signatures":[{"sig":"MEUCIHqOFnYydBiHc7qQJ4Z0FvCz9MLwd2hx4wu0M1FoJ3bLAiEAqeMx/lgqsk65JAWvQjDZSfNlxrINdwfrm97hTWw5AEo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8RQCRA9TVsSAnZWagAAwhEP/A/fAZZKvfF/DVIoR2Sl\nmZTOpFtlZfebPillNsJiA/0+N7GVW05SiHEs55ci+18RWu0yEUZfq66WJvcX\nLXlCNloQrXAdChTHnnGK6rZXrzxKLYdSqJwqi1R4gOGnVsFOKF82RHXXXnDV\nXNzrv/KhlE3ZTl9FkxMz4lQngt6gWUXsoY8ax8zwAehJvHgUslgTrc9AipDM\np9+1tFLYn1PyqHu7bGoxYIXBlRmmv8VntI5fjHheAW/76lFsjp1xl8k4GzsM\nEILMMXQWbE1pjy4j20GKtVihm3gwEhlowtZrct7iBYAMf1C1siFv5Q06JvKK\n1JW4lkWA9bT0mx4ayYqksCwR2ttra1LW2kWKj+M9Ur+e/udWsx1JjQl/C8Fo\nB/p9WwEmcgm9winipq3rACUzYjuk56GPyZg2LuKWc6Lhm3ISSQe9OIYFfLsL\nD9kUznOln5yKuDZqFsINxaiBButlzjTjlVydcFc2ao33uzJyIljautvmF9+G\nFj5N0TOWpxemibcjfDbjBhlae2mwpJopUIekg07gIczdZLezVJC/TXCni//1\nodktrmxFI65eVhEfTA0E95zUH0dTSPwaNXad7soRo7VbYK04rxqTbD1PHz+k\nuDFBYaP+4sE+VkrtPHJig7tEW5kxbBeccGUuWN5CH+HB5racfzy2T7JtTsG2\no2ba\r\n=3Agt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"460337b237852aa88d59152c38df2b32b73792a0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.e34e411b1.0","@material/feature-targeting":"8.0.0-canary.e34e411b1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.e34e411b1.0_1600373840061_0.06411203381912611","host":"s3://npm-registry-packages"}},"8.0.0-canary.4e9343929.0":{"name":"@material/touch-target","version":"8.0.0-canary.4e9343929.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.4e9343929.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"79260ec28cd9fd12563945d747e81f4150aee271","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.4e9343929.0.tgz","fileCount":15,"integrity":"sha512-RFn19Edreo2J1855EXaSVUMqhYwkCUMUMmxcUkalNwcbe80ftY+qcnz5Z7aVWkDVjHiO+UnM6d2qcKXFDBSCJQ==","signatures":[{"sig":"MEUCIQCA7iOphjN4tWSnivdIORc5SGcLxKBCPSexJnQrxDSZfwIgNcXayjIGnrN7LuI7ERf6ccftiETyCX/Ihj+yHU3nO7A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8o6CRA9TVsSAnZWagAAem4P/2iCTx1zUUtcX/Fn7RSY\n+8EMI/vZf06gPrGN0mGn5e2+QgfOabX7RCdT/ct4oLnZY57YgXdc8aNUgvxv\n0EgcwYNeyIpgRUHTcPIbOHaVoFsL2p/zOdECN8EVLGigSRfiIyqZ+C3B8iY3\nbXSQzK6y5QJNFn0t+LC+cWhDafaMJsyiNaf4IYE9Hli2Gdn/Fmwlff0K63HF\nMrGxzWF+wtwv4oNh9aIIdL6YpbXup+6oDv7YH0xB30ElIeQMp33Ai9Fy2MBj\nldf/9RpTU7pDGxf665sGv/Y4JfsjG65h/9UpsKUydSRWJZNedBET0NCJKNuD\nZSS04o2PtRX35vpk8rM/mj8pr3khpV6IcRbrXWvrMX9it5hjMEmaARgrQMqo\ntfa1OL3PNpmES32ZNwQneuzhwuPKu9Q6C9al087aTddj7CIwN+QKhlobDo5S\n3evSQWZViahPP/Il0n8y53pjl5/BXnzO+2RFb5jemZTOorNF5Yxlx2tjp/W8\nXc6lEgT3DOzyvjhRvwhwH1vr0lLUikJhh4hL/p6PfyG4uI4m7TbPmOG6RKtx\nL2EwJ4N3thIvuuCxX9yMu1UWRXDxjX+E7yCsGy8HPsy2t56P8uH1hCkvtlBt\nGBdz3T5K05zLl8cSIdMequm3Q8se1u17838PEFv2hOUGMEcVwao2aoC/iylj\nw+IZ\r\n=Vnma\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7bab75a521cc7f81a2f78587d2146ac140e3cfc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.4e9343929.0","@material/feature-targeting":"8.0.0-canary.4e9343929.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.4e9343929.0_1600375354377_0.2666135867919983","host":"s3://npm-registry-packages"}},"8.0.0-canary.4e5c350c2.0":{"name":"@material/touch-target","version":"8.0.0-canary.4e5c350c2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.4e5c350c2.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0969d8741b792dba21d62d36fcf3c6e8391cbd36","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.4e5c350c2.0.tgz","fileCount":15,"integrity":"sha512-RRI6FwvP+u5wpTfN09f9ipxKJUJuaeibVXp2dua9qxaG3WMjb2ku9e5jMIC560UMdu45Xx3tsrpLtKNpTMPqXQ==","signatures":[{"sig":"MEUCIQDDUuwhSuZ5hfLBsvXPIcVTgG4U+5fuST/Ga6foLgtg8wIgaPq8A9pfm7Blohoj5UCIabr28FovI7wr85zTe787lLk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaRd9CRA9TVsSAnZWagAA/eIQAIetB3elQHRLvXoTsNJe\nbBde3wuQ7Hw7Tc5R4/eXavM+pVhWYRacAsvoa8PGKLtWNlgYW2jWGNECD4ye\ngFEJD2mJZkUkqN6pn4htFGzgYYRaj1QfZEuWR/EFalqcMCJe2a5yPj+munAE\n3riTElvfmDiQ+8nZVePynkDSouBgp9TsUs5k1qgXgWbDqu72CnS0T0KgdGHw\nYjmXSZYWc/QjxAKRabOpOqi0pUot325epkTY0weDbj5FiVvA8y7B1Vuw1aa2\nvlMjX8aCnmcXlaUfZyyXjyVGQDmrW2BYtMEteo28C7kHsjwu35Sn4OWRjm+G\n6vRJEX7Ft/r68DKDUU0/kUg3GrTRki2TfFF2YbavB7nwSOWG5tvyA5r5TtYe\nuh5O2pBilfBRbwVZ5l5qujF4LreMFv6yG7H3jXurZme5FHarXfBiiiQVtXjR\ngZHvfLcscYsg+lEG+HH6ypYxZY7lyNIGnioQlRsOnKxJmYaYAPLKriCAALjm\nuwR3Ab+2Cq7oQkaB33+uEVCUwCMtCJwIXozbQxe7Xi7nxFLpormOiD/ihGcH\nHNT2CDswKdtJ3v4YiuAD2x94LqS01OqhGLdg8Upf/8lDiXXErcPijJHAbMgV\nLvROi9uY4fqipn5LG5knqQGUX2UIVkwK7E6getLH04mGUgVXZAXq/zRKVC1r\nKnxY\r\n=NAhg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c753481bcbad808064a366112868670fca5381f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.4e5c350c2.0","@material/feature-targeting":"8.0.0-canary.4e5c350c2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.4e5c350c2.0_1600722812753_0.5870888127458678","host":"s3://npm-registry-packages"}},"8.0.0-canary.16c563ef7.0":{"name":"@material/touch-target","version":"8.0.0-canary.16c563ef7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.16c563ef7.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e22c149eab924645c3b2a2c50835b49358864f40","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.16c563ef7.0.tgz","fileCount":15,"integrity":"sha512-JGtIhcbI688yvXQLuBPRwVDF0tKfuzKxWYYRTP7OG/lHmVmBk9XD+S5Ld8zvTXl9J2tNDh0YoH8z0cG02HjwfQ==","signatures":[{"sig":"MEYCIQC/I2mEemPojmCKkOOGvPYVDWk8wpf8SmBD0K/rEAt7bQIhAPcNq7vqxqnhHwowyc8+wItS4REWfXw3PSXzurROydiR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfalRfCRA9TVsSAnZWagAAXi4P/0m2PNpPwfJde0zHrVxx\nznUWVzfAgIzR8+4oLPFlPDEh5MeW4H1skaGMvpTpkteSyoyvcxFEsG/VzVM8\nr6CiAp5llA4LNuWTiZ4bQ32w+Pt5DwDcIINyptITMPSZtt35IryZydzV7EgI\nAwPXR5WZfCgH4w9UDuci0OLmxKQcFQLWxNUBw4laOpTLWj/FarfG2hTPnNiN\nGRdLUdZTfuFVaC1XW0KTjEdygN/lTdN1qd8/Cul54JVbWnkJoTrGQgJ44z/w\nvYi43FoPuXZMuCbEy7cLylliDcTjqQjA97ULzCxCC7sQ4JJ+hJhRHCyCPlm1\nFrxeac9HwiSrXPPnmjJTV2XqtTiKf5LFuqoJZnmeQOV0vygj0oNitPLxQkH8\nzET39g9RyCbuH6LCc4T9JynFT6xE9uslqj2VYd8k5kEVe6fzXh8U1yyOjy/b\n8XmjpvpLYYv+lPrORtUjkoQYd74sd2eyM6YpCTAT7pmW4ji6urgP5MyR77NJ\nqMXey3rXQnt0F8V2apIfOTTfoIxIuzZvdHj4OgbddNyuLUAbM14r0rqlqe9c\njvKspYPNt+ED7vohbk7jh8kyuPszhq4k0TTldmXBZw8HpRwVH0VzKhkXyzxw\nltuLvc3Do065/lPqRf2IcU2WIMA6L1DFB+DAYfdYUEbLHXtlYKdsZvnSI924\nxMtn\r\n=NyhA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e3abdb235aa76184bd5171f68c237f58b8541f7a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.16c563ef7.0","@material/feature-targeting":"8.0.0-canary.16c563ef7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.16c563ef7.0_1600803934611_0.8138361857981518","host":"s3://npm-registry-packages"}},"8.0.0-canary.fd8af3d43.0":{"name":"@material/touch-target","version":"8.0.0-canary.fd8af3d43.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.fd8af3d43.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4484559a4f9dcc27f59e07354a07f9b8f8ddb897","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.fd8af3d43.0.tgz","fileCount":15,"integrity":"sha512-ZHmFyVkKdZZRs3uN15yJPDaBRe4288jxidbqqpXAOIxkAYjOeFnNhLkKeilfUpA6gR2ryJ03xjTBY4o0dhhDPg==","signatures":[{"sig":"MEYCIQChJRpNcCbo7CuNI+QnXAvsxiHm+8IcwfH6NqBOVsULlAIhALTHvnXm+uoMpJkv/QjQMy2BC35gz8ktDbpIY0aX2rfB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfa6KZCRA9TVsSAnZWagAAeekP/3HfnnXh9lm4RT9LRtqF\ndbfQ8bv9VWfYxfh7JAdHlzAJiDFe4o7cNjO+luMpegjBGCwysRvVXVziaUDc\nt4HLKjmvCs1BZhlCcZNyrsxBuO6q5F8bXPT4S8GZippCZHOcLZyupW0aKdg7\nhWlCdj8hyhKz1WBUEtxnxcOCo+4dm2x/zWULAs2etvO6eKqJldW7f1utC70Y\nvbYWpWsWCVdbgPQxtztejlyECRw7yGZj0/wJrHSzc51OvQB/JmYUWsxZ9eX8\nNDZYL0Uk0MY/AcVK66ML6/lyOxLv6y0ah6Dnh3s/OAwrk4azs7MMhdCzMJJv\ntDKNLFY3nkvDkRITkrHnfGO3sBJ91VxJlBUSVcyGu5ubQjJQZAxNrrmw2O4S\nOs/SniK8l5wbuaB0m6BxF3s9HbEK0HxAK5hoTe4S5JuiQ3yX3rG7qHCova00\n318WgQ+PSVJuRYbMxSKN5ZowLMK/LLyk3H1a59p48uQZksc47BDncaLTDLn4\nN4Wf9HuqkHV1XP0TM1SGllMNmXbQiMMgjgLdfkV4uI4qIz06GlCgpC5aoNZk\n3OpJjdwfyFwSXxnsijYafw8YDVBTfOTU+X6uJGZv5zNrFGOJVtYZRK4CsHXn\n0LwsZ11ORTB/j8H+7bQQRJgvAht+DuPsO77/vG+mvoLO2WkOkKbjFNnS7B63\nZpq6\r\n=AOTl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0f295a5eb9518e726dc271a945985bba278bf9e2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/base":"8.0.0-canary.fd8af3d43.0","@material/feature-targeting":"8.0.0-canary.fd8af3d43.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.fd8af3d43.0_1600889497207_0.4160262461885864","host":"s3://npm-registry-packages"}},"8.0.0-canary.d4cd83a85.0":{"name":"@material/touch-target","version":"8.0.0-canary.d4cd83a85.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.d4cd83a85.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9e4da70eaeaea2fc8afffd2c5499feb78643e3d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.d4cd83a85.0.tgz","fileCount":15,"integrity":"sha512-gG0nYM86J4BlkT61B4qOHfSxroR5WMJUEz7xGdsqRLUzDW8+89nNQnzrMroLxAN9IEy4hYT8gu/Kmeezu4z4Uw==","signatures":[{"sig":"MEYCIQCiIDpseN+MhUgWRAOca3tw1roMdZuCDbeqhwVqo/LBtAIhAO21GYAkceHNTbecD2zmXXGkIZQ3L2fI53Z3Y4Ns9q1R","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbTsXCRA9TVsSAnZWagAAdJ0P/225lh6dTxto809H+HWV\nvmd2Em4NCb4mTZNoWEyQcXFk8YOtp3U5oNzB/iWjfoilf4mZhVWjE7Ybi85J\nwD3RwVXR5GfiYmmDK6w0nguf+f6JZe3dfQ4W0cU04cXt+0XSq98eYP2LGsD+\nENoD9OlfNngJe1AtcKXhngXzEV34tz81H5kNATZX0dMNVorcta6Gw1pX71C9\nQIlSvZ2Dw3d5uT8RD2klHzOGFXiVIf8mDQwg0fFZ5TySuiI3WMnjpdbfog+4\nmsYGj/Qhtto3d3ubmcC2zMHv8XY+Jd2RXhqdcfbf2jyVC407XpXx/lTntUjK\nPcwE8s18VCR1GEKZuFnMqtqAtH0zuGp8n2y/O7faRmI3Jr3WnHg5H114K7/d\njuMjphEyGWJc85MBpNz8B3OWefTj2dwRcJpeHcne6qC1HsYpmyv+r1LsJeeb\n1OK/lJNKNQrCzcs3yeFztl3cF16eCDRpdcZ6fw4FoYkewfLvJnKsGVXRaHiA\nC8AcmrDfbYC24wh6V70OTIqlUP1iUsUpDhQMWmWCBLnZF+fmkNyV0iuK8taB\nMy8d1BtcEagq8miZ2Ir9WWVE933bbnjdKX4dhG7tuDjgqvXivoDAIwnXTo1G\n3yXurZwvp29YGn+V7bBjXh/291xwxeZxduT8y+NZ3mGTgZwzXU9nxlvpW256\n8FF6\r\n=kYvj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"80cc7639dca83570a37de4bcf4d7501246ee8eee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.d4cd83a85.0","@material/feature-targeting":"8.0.0-canary.d4cd83a85.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.d4cd83a85.0_1600994070609_0.35443680419620915","host":"s3://npm-registry-packages"}},"8.0.0-canary.199aecdfb.0":{"name":"@material/touch-target","version":"8.0.0-canary.199aecdfb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.199aecdfb.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cf5dd0e01bf36980a2c5cc2d14499dfca11df218","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.199aecdfb.0.tgz","fileCount":15,"integrity":"sha512-iaNptGAr+nFXHT1V5pwYgGnUIj2h4QH7gpW2KLWQku6nSw0MWVi9sQEKTcqiRGRN/GyheAeZBkVR/+4WLA5qRA==","signatures":[{"sig":"MEUCIB5UwWb44gGyzm015qsFluZjDlObwfWspcT47N80IUQ1AiEAmgAdWtNCTo+WHGbX43xfWNOQB70AxaTHui/EbRMESDg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbhHOCRA9TVsSAnZWagAAwAUQAJl3zpikz7PCx3fyccHS\nBK5MhLXAIIEA5sswY2t50YJycjwcS62hwUuo159jlYYBCmueus6uttRqRuwJ\njqKKKvp/GwlAfdjQhvyhBiwEpgQv6q80lQp4lLF0mvEdnY/9d0F57oZP+NCo\nSoEYuMp50amZKkLsfZ1qFXQkNDvpG20l4642pWRo2MbCtTbLn3ZQel7VDMTw\nQrB+eZik8jxYSiyRS65yM8YTA2RD40I7niMWfdLXTkqZy6RGKWrC9Vuf4oGR\nEC7DGVUVbLfU/4Qzod4rL+anIKb5rYZlCFkO2hvDcQo/cDhnQW5U8HqYNGCD\n9CzaAjTAR6EFO6DsI3Q09ZA3rV47yjGKWfO1pS8J5k+eiNCw/rCazPUWni9o\nBP7OlrPnl2LI2K8POJ1SXry/aOFT2XDE650cHUUjO1aC9dGFyeytMm6zu2LD\nx2lF/j1GjWkf7gflVvhHDN/D+ND27ggwiDCBlWPJAOvs56AXwyj0Qs69LAWK\n2qeWgAuGVVV2eXXZly9PxTqcGJ9BDbqjanyI66hSWnRsXUlfCoQINy23MGhk\n5dajIyf8MBNkrwui2mVou8TdkaTbg9Bh9R4oaLSY+p/mux56/SL4YUGexMOt\nAzdlcuMGwGjMEJz5TDb0gjP6ex0288P5chg/S/25zzAyudLGXoHf1yc2ohL6\nnm0Y\r\n=L9O5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2ced06dc0aac728f58cce508c7393aec959895d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.199aecdfb.0","@material/feature-targeting":"8.0.0-canary.199aecdfb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.199aecdfb.0_1601049038352_0.8675106261075887","host":"s3://npm-registry-packages"}},"8.0.0-canary.38ef4501f.0":{"name":"@material/touch-target","version":"8.0.0-canary.38ef4501f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.38ef4501f.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b4e27b146e6c3694fa6885049e84a913b6eb87fc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.38ef4501f.0.tgz","fileCount":15,"integrity":"sha512-D99E9eu0EiKanL7ViAdhGQrARiKUhoVGuaTU8wfk0shH4OPHhZHsWcbgNK85HV4/XPmzwbhOZUuqDZBnNhHoGw==","signatures":[{"sig":"MEUCIQCIN/yftuQKi/BTQ+NGWO/r52FsxxNy4E6KFo1uKrkygQIgTy77hWT0XNzytXSe1RHnvFwLMcWwgsLZ8EALqPnPCbA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdM0wCRA9TVsSAnZWagAA+j4P/0Pq2n+HhKuLbs/4bG0u\nJF5XwnXhfpORtAH+Wq1aeZrKAS87DPB6lBr1o5GvdNY/Jmb0xcS45gshsRGn\nM+FMq952yQurI1eDO7qi6JQupBV4lJFImUj8HQy4920d+N2Y9bg2CYrdNVwb\nrVTqljeyCFBIoaBKFiHsSBucHb4lHsGemZrVrhGfR9YDIpIQvuNCpRGvy1Uj\nrypSacd/qM4SMNBVNLNSpVZ22fH3R2+QP/pciNEn+Y0PG37XvY7xazHHUiOW\ngbeC6OBpk8eyrXRLS2mXlLq33l29QgOszLBZZ0IgXrPPqOZ++r1DfBl6iHGH\nl25+bjs/sJGbXcrpY31mZXEqg3WYkq/3JBW6qUtaM39ZWyjJFmSkQHeLuCma\n0qiV9wyrHdM56MbIwOBLf2JU4oVDS18CiD4hLlLMyWAF1mOlft0FrXMkMIe/\nP8ihlxsf92tVV/rSRN7OobfrS0wNjQgDDsgxOLcUoTN7QDA8Jwp4HVthC7in\n7sioJXe07cZ5zw619m0MvVUj/ayA1Ev0ds3WNn5nK4RI+1RbBDuL0D42gHUe\nqZ9MBNU8DJ20O6hzy8WPGs1M8hFwWwTifDNY770QBNU79CUiR8z9SNetv1N7\ni1MyUA+R5BDXg+ZyVsp7pFGKry4kF1pstR58x0K6nwuO9d5/4FXvp5r03sHM\nqjFW\r\n=gb7m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bace3094edebc680b12a257aebfe6170928076ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.38ef4501f.0","@material/feature-targeting":"8.0.0-canary.38ef4501f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.38ef4501f.0_1601490224390_0.2949049837927966","host":"s3://npm-registry-packages"}},"8.0.0-canary.774dcfc8e.0":{"name":"@material/touch-target","version":"8.0.0-canary.774dcfc8e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.774dcfc8e.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec1b93cbddadc85465fa33b2223e435eacfc8e59","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.774dcfc8e.0.tgz","fileCount":15,"integrity":"sha512-IuF7akLqwj30w/kCtKrz/YUz50gaI/p5oCNLV9mOxXciHNfikALXfpOSoApfhtsN+bissTGJrgy9/A8P5L/qgg==","signatures":[{"sig":"MEQCICZ4GfdWOz1TYpsa/W7S7qQJS2R+WDWqjiQnxdN8r46DAiB4dVROf9kgv3T2EwYeD6Z4jgfhcGG1umvWxnpm46Hbbg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdacVCRA9TVsSAnZWagAAR70P/0wbleBjTSONzsR34Qxi\nEltJLNMPlpW0OBZVrv6XCJ9fG4KGi9QBLxEla6IEzP5nUQ4fZOUlW90+Ev5h\nkVKPSQQMNt988UrcllMdow6PmFbuacR7IONa8IMVDMdlKJ/WhLa/WRTKQ1v9\nQhRKDsrfKqlOYu5mq5VG5eL6dwT6ujOxQbZthhk0iLCEE1K5QR0mCx03NsvT\nLiPmQsqWsqFis3P89TYnefPBlpN8rjwp8eDjY9vfqeCtdxfP/OegFD+pO8Zh\nskh+5YUgWOacqRDPjhy8lm4kxYcH1sx0KHb29wtJ0Wo6znrsetF/6vFkd/0+\nlIu4x/cSreR4ZeSjI3c+ltEUBSJd8+0OI7tnr0wrJ7P1WBSRcQlaM3Zgk36e\nAy/U1ZmKmjrfFc4yfV/K3NydQoNfD0ncwnVwqb+4PdB3BaKZVhu6s4l7Pxkc\nzy/GX5lYILJIw9pi4O8vWQ8Z+ZarXKiyJwLzY5FUY2nga7XhJQOt6hyEjOv+\nhTIrcu2LCDTgtKmamSOHPcXo5O8CcOsp0Of3tdY8L7EuywE342LfL58t4QO/\naHxu8wm6MdzGjR90SidDLqnR2cRhVrFVnWfj0bvDjFuFfsbABSYFIPEw4ON5\n4SkjiOdHEjFHThQBD0ySZ9Um/YoKzmifEwPCCXzgwADYoo3v5zXd4s/YaOjT\n+Dmr\r\n=JE7O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6c37b80b059fbd4c815253f3a3868578afcc1afd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.774dcfc8e.0","@material/feature-targeting":"8.0.0-canary.774dcfc8e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.774dcfc8e.0_1601546005318_0.3443822963252121","host":"s3://npm-registry-packages"}},"8.0.0-canary.0f60323a8.0":{"name":"@material/touch-target","version":"8.0.0-canary.0f60323a8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.0f60323a8.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59614d52337ca6a75b8649d2b35ed46c3bcabccd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.0f60323a8.0.tgz","fileCount":15,"integrity":"sha512-363PRTmYR+KKLSRcmazjf4vUw6C1JF/nqosn1FdMnTLxmTM1bKI52S/FSeREkS+WdQJb+coxIWUcr3l1+FSv/Q==","signatures":[{"sig":"MEUCICEoJ+aK14JwHxODdH1L6qWqm+iKvWuCynmu2bsorMQEAiEApSI6DL8bi2LtcSNev4BxMYL5tOiySIqVu23iuYdM/RE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff4AICRA9TVsSAnZWagAA0DEP/0JAO6T82jkbOz5Y9eVm\nLO4oEPrtTZdkaSqoldwhuhDQEAb9fDWZM92jEASQKo3pfHxCRjmF6v5s8B78\nJsYNWhucTjtQzsL2dZh07hhnFjlE31MtEI8D6uWyr6ZzY1qlyk0rHfuH34dz\nslZfUz0XGMgSEqo6umlwjIUCjXpMBWVpnvjUy8C5I2G9muTeDaMz5yYWAwY6\ndtsBxCukrdOoUMYPY2ZE6YA9kZ9WmYE6lvFI7X7bc9dpXrR7kplCLD5aL1jO\nMNmO6vprDu1Ukniw+YDE4g+FYaSJWJHo/DtsIbOxFlfH8qbh78VAb3eMEVhI\nZKIQbe+yA1rRWk2LvXHMNboBPctiFOPyaeQdsi4cDnmxhMEGsteB47Bd+oLa\nmU7HCcCeeJriklBBlUs+oxPsRKJKv++O2ezAxmgpCQmi7Qq5/xqeqHFdv33s\n60p3bwyujhU0HFhBGA33N4EUzleTI+qpM4XygIef5EEBSypwdM5n9xwyCb44\nNvzZRwAgqnCiPAsNXYcwOU4pRhEzSCLcFToWzvHb2Xri105lTPmMpSAhoE8a\nVXy6kmaQVoz40TirC8WFGvAwRqqrj7JLvul2S1kP3gsNkpreO2W7W7sN20ui\ngdw/NGkAq8cFq1ZXzJqW/+kg3HjYW1a9ZxM6HRDbN2XRyelV7djFAZw1MPD+\n3wI8\r\n=Jy/S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"edfdb55487a31cd5f5130aad32b3fa8f369e6d0b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.0f60323a8.0","@material/feature-targeting":"8.0.0-canary.0f60323a8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.0f60323a8.0_1602191367775_0.5474528004528634","host":"s3://npm-registry-packages"}},"8.0.0-canary.d71622574.0":{"name":"@material/touch-target","version":"8.0.0-canary.d71622574.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.d71622574.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ff85ada64db56108cd7e49535bd901968bee1d0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.d71622574.0.tgz","fileCount":15,"integrity":"sha512-ZsQD1Oq1nEe6AZZrTw9RTgAAYLgyKBuvnXiP0nHJn6P8sEK+2KNEfcLChK6XmwBsUh9PbH3c/RwiBIKc1JCn9Q==","signatures":[{"sig":"MEUCIG/EBdpwtflRN50bArEGbECF75VmpQnvnRkGYyRPxGw3AiEAi+R0McGmqnIGTWJEpDcHCkJWLMYfdYVozczkD6FqVUc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfgJBDCRA9TVsSAnZWagAAO7IP/10ZAzmDPrlRViNMyKmf\nK1AKkAKxP7Sb+Kzt+/HQ6TTu71b3p+i6xdlBXfibI0Ib+lm40jkSUbu2P1EQ\nmTAvOK89gDLkrXPR98ltrWl588AcrAbdIKwxkpeyqetdBBc6XkywlAU8fynw\npj/kDWDSkFrKKgB4FWQ9HrkMQyr+FHxhykVznDYOx25OPt4SACFO5FEBLGXv\njUvHs+jlI2wkb4WykIihBlwHUjgYNDykkN0GICuUsYHAjg2TuBDuuTTc0aFz\n7UT3OkYUyH4l/pMVC4UZOHVfTkJ5+LXfH2gYs5WcGHwjcIyPOAbZtyffAVMV\n6TuZ+jv7umWzvTzMDhNRnPnh1xjx47atCt8ZaL+SZ8T/n1Y81U9aIBVkZWjf\nbibJWG9UaTJFOXUvD+bCmHeHEJGg4dawETYcByTkPfHep4qOj2nuyOYPz5iX\np7cln8GXtr9YuTSBK6A7yNZuZNblZF9xLMVbZATvFrJgzAf2/LSrQuimhHQp\nyRxn6SON28dJ32S9CYhuksTrZkdEoQsFIKeSjpBJ4DIE/u4mWe2rTe8v//Ei\nDGx2b37b+nce4Rh0GryR6CYGzlWkmmZyYDBvwu2Uag65oyRUl4Ljq/cq1/83\nIFuE4LuiEGpWnzRv2bri438ekgPPN8DZoSVlYEYc4TNNP3lEYLlqiQ9gnSXq\npXTn\r\n=Onkw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"19a45f4824305f22d61cbf9deea0fef067dea3e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.d71622574.0","@material/feature-targeting":"8.0.0-canary.d71622574.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.d71622574.0_1602261058978_0.32998359850320225","host":"s3://npm-registry-packages"}},"8.0.0-canary.7a9afaf4b.0":{"name":"@material/touch-target","version":"8.0.0-canary.7a9afaf4b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.7a9afaf4b.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d498384beb830de9bff73b91a76ae13557749d3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.7a9afaf4b.0.tgz","fileCount":15,"integrity":"sha512-3DxwbImR8cw9OgwCx1H8LWJ8A/a8lJ/5+DiHF/s/ZEhx15NxdEPy+6h5QbEwqYjD6IWaEZqozSrhJegvF2zuPQ==","signatures":[{"sig":"MEUCIDyYx8AjbekjfSTa/ZZOcMZ0mpRqo8zLRsQ4y6gx3qY3AiEA3IPxxxPDmQwzv8GqmiIrtJ1GxJS9pBrBWjaIee05/a0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfgOndCRA9TVsSAnZWagAAKAwP+gOGm5F2wVK156/mtvHX\nZ47E8Yi9jfikBSo1/MRx0adLkBT7CSz/hhDxll78Eg2Bw3aRpW07LvAZhu9w\nWKImdNAeHacePYCX5+5VI+3wcignuah5H1NZqxVskEICxEEst92xWpSkaq4F\n4UmI/duOlGQ77HEK+H9tX+RHwngHQgWkUjw/LPNZV2vpK6i6c6VCw13E47M4\n4ecyShgCrh5CB7i+rJlHJdkckMYlgvgC/wAKzrjDygE24ch31HYHnJjyqGpC\nM+YKgtu9Wfuxk9PT/7q4sEwDKNk5nfxeOkUmRJmJzZrK4Q2TIrd9UcveGjvh\n8IOolwy3Ok4MSgbmttqlbYsxzlAdLvFGBNCUqE5FiRxCX76iOUbZHP1R7CDc\nmbxyR3pvqKloa7AkErAxmpn/xXQtLGxN33cSfyapi5RemiNLTLTInXfdxlSo\n8sWFj0YrUdJgENcwTq44nF3Z5YotgHHOYCm4FNf8f06W2Uh2qQXRwPAQXYzB\n57ME6XJTXXY9uKWSxmgf+kwRfq6fsW5wCl1mOkVEkQdL5Ym6a4beXnfYgSH4\nlYIqKO7DUaV8Okjh7JQUaca49ERS9gCioescG3LdZYqDYswoTgc5KTzpI8Oq\nq6UyuzPljGLQahhrBBx8OYF3CIVMeEM89p/OkJuZGCnlwOOYts4q7Dx4xrqn\nQW5p\r\n=MnHl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"137d6fb8ed93c50312981c75fb37199ad460dcf2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.7a9afaf4b.0","@material/feature-targeting":"8.0.0-canary.7a9afaf4b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.7a9afaf4b.0_1602283997159_0.4862270084841538","host":"s3://npm-registry-packages"}},"8.0.0-canary.8a39352c8.0":{"name":"@material/touch-target","version":"8.0.0-canary.8a39352c8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.8a39352c8.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d6945c0e3c6cb3b9c5d7f821c9a3d3c077120b3c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.8a39352c8.0.tgz","fileCount":15,"integrity":"sha512-GERXejlwlnxVzRW+sYy4u+qESp3NSMtck4375aiu7UgfMU86JOaPzHFCtu8UaRjpnXs+yKA081SoC3UDuqbZyQ==","signatures":[{"sig":"MEUCIHLa7+EkTC+SPJU+R0JuDL8cZfc8HOE/BfV1hBh9ksclAiEAn2oD+BMhTIA247U/3bNxyJOH1h0+DIf5XM9fbJDB1+U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhJZKCRA9TVsSAnZWagAAvW0P/0eT3Ck7+LKjJaOJXeW2\neBk+epiTd8RG4nJpV2E06YJsQ6qfFFXWtqht7emSKa5UEKfZ0tP6G5rgSwao\nfNgLm2DfIs51bwg8hsVxZuHHWWTbCs5E6Wt1ycmDygT/uboPhfd5t8qCMPt7\nwX5+h9dk+D3NDthoARvSzJ0WpvJUH3kQ8W7n1BAN0UVC/evBH4moZpB5OhQZ\nIt3yMbqdiOwSatMy8t54g6mF7cpMdizOzaXHjPyU65ur7dq5/+inT4eYpEmm\n69TvFd7tZIu5jUVjJR9X7sKHcfrD5XHJxy51XslGd2bkVqv0npLmFZWMmJRR\n4A1UIDGMEHZ1E5P1qn/ixiCSkNdmGSRW1JJg4s/OewIweEIeCnPdadBIwgZ2\nJKMhC/10aQe0rI5sYBO0wwEeBG0GXoE1htg0zro9CrgRoD71RO1AAShUHrRW\nbD9O12U24MEnppW1rVr6X16wHlm9ZmuhZz6BeM6AyxMKpxW1cVihNkbbG/nt\nJaNK68CKQIkdCKVfofoGqgTipF3fntfQR63F39KhtH/saf/5qufHHjMZt3K1\nYNXa1smg4v5vsMxmPphA+F3T6EME7ssPKaR83u57lJSWZLqSS3au4oh+dnId\nTWtG5kANJTPik0rXoxLdXarT6laNZHSngcwYIf+3WhccZO9SWd0Uo0Uv2vkU\nNprT\r\n=/+M+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cedb8cd906516b8d460c813039351e951b960c50","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.8a39352c8.0","@material/feature-targeting":"8.0.0-canary.8a39352c8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.8a39352c8.0_1602524746153_0.8058237544196762","host":"s3://npm-registry-packages"}},"8.0.0-canary.790ca85fd.0":{"name":"@material/touch-target","version":"8.0.0-canary.790ca85fd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.790ca85fd.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01302e4589393d7962ecbe681acd9e3ddf99aeed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.790ca85fd.0.tgz","fileCount":15,"integrity":"sha512-PNyVZ6XzVNJRytP7n8VwbBrgdzRA5WTxC5yTliwjEUC1Zga8ClQd6ZRlIvkHH2ZTaOIhfsOGiJTgwe7SUB1NHQ==","signatures":[{"sig":"MEYCIQCwws2y3dbIFzwC6LqRYrM4q/npYme6st52JzjExeMV9AIhAL1bDFXE5l0zR30TEUagLlftuPBIL2hH6syvDMHQgB0F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhND4CRA9TVsSAnZWagAAULMQAJhMmMCQqu1CWF0F223G\nLN/gLJ4RWechazfv2AgW2fWi62Vrn9x+tQ6cuH0abUxRnSIWQEFv2r49rZem\ndWbySOoZ6u6pY6GSVwKSCqq1BSXIrnixr814i/ODMGsqGQXZsIshFq9L5nIw\nADCSaNYWhxhP6sEMT9IBzJm+0r6/FvP3fHTuIypYQuz5AncV+Q+wBBvwU0+e\n4tAQHs0iOINkzUdixp+ATF8Q7qC3cKhz7cPQS+U3Xmd136zpFbHRbeP3tGSu\nEObw1Gwnwe+kWlzq3K/9SLpkALS4BWXFQ0UH0UkMCjTUdcfe4P9/Pa335OoN\n4Sx+/G7vyunV/mE9eLD1UQCvbksrYgxSMXIz2Hl+5vneQPz3sY+L1GHR6bw1\naT6HyxoQx1bgKPD0tqrtR6ZM7aEMsM4cz7bKtqiJjWo1zSvM+Ray/KkR6i1H\nCPMwRMjb9gCiXWwteciZjiQ+N8RXuobdJoZEzzllf0xHwceks4Y5Qd5Mh3D0\n4EZ2WMHncKDIMgoZCx5uyR5Nbprg2kL/9jNIBazVj7Jfaq78UTezgP97W/60\nVQPL2XZFr7ISRWHmYg/Ld6FmgWvMH96jbMFnenkh0X0Tlo4a64k4S05Lg7P2\nVcOa9qkCo8JMG2kMQhw+GpOV17Zd9Tt0E0b4vKOSkzfVi7D4hIXtlEtd8r4n\nasB8\r\n=1R70\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8971e891898c4a8ca082beda756a7b93097f858e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.790ca85fd.0","@material/feature-targeting":"8.0.0-canary.790ca85fd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.790ca85fd.0_1602539768419_0.021213398734414524","host":"s3://npm-registry-packages"}},"8.0.0-canary.174c0becf.0":{"name":"@material/touch-target","version":"8.0.0-canary.174c0becf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.174c0becf.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3eb07e4f63fdb65276bdb8944f9fb21aa36ceabd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.174c0becf.0.tgz","fileCount":15,"integrity":"sha512-uG1N7/k1r8O4y3i71zdc5LswehVqxoNfhsSNuhUyXEqUR5idlMUAhRuFIbZ+kteHtPm1LCJZGjOOgCdEO/XBTA==","signatures":[{"sig":"MEQCIGjCrDtco8u8uMFYC9/B2aP/OFfzcJbGJxEZUd98Dsp3AiBbm1PKD733GnjNTAegxl94Ecqa4cLzsqNqy6KCB/U4xw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhl8sCRA9TVsSAnZWagAA2HYP/imuqU7bdUgLAoEaOw8E\nR1yDx/VNzbkS8IPQGtuQgYcov6g5C/VkyMfB0wEmllxduD4fIQ2CDeBbSxdT\nxDBSFW2y+pgmXSjdHFbSadSA0tQyLeJOYIz2Ib2nddx4d0sPYys5XvTBrOSo\n+cKyvfwAgiyzffwEvIbRZonN/v5WqMQj5CxwIyg6a3g+p8vdlkHpzDdyuc5a\nwI64yRimmd/EAcFMiq0Hnv3F707adTi0ZPhDtsmymocAqOn4gMUnvqCn2zY8\nJCvehr+39Asi00KH6GYCHpbGxitw7j3SX4lYIUtdgsbtMxeAr1JBc41VbKr/\ndJnLUbyYYmYNfz2oNUoxsCcuFrSvyALZc0FxJxQbN6Apl1JfVkOeboZYdodN\nEA1vbvvV3m6CGOmSQRKlk8H4ovtB1s850uXIRvSKbNEzX/hGTESYrQp7BNyG\nrsJDucDaTvsaeLV7jAZAy6AczKjKLhmBYI1+nNTgJ2u8tBKpDzlq59ZYsOWC\ney6cCVj3X3Ig2a98yEahD3nO9JOhWXbO3E2lsYckdYqdCMllvGRKh7BoRYxM\nNButKQzlhBmT28AD/fYo8Ev13OJ67f5YL7FCXxWZEDr0UQzU/zdKSa+5Pe8w\n23vpQNkdNULWKaT7RhFOiLCeGiT10cAJvyM0lMe75tnmWUXhIc6CfcLvgDec\nU9T6\r\n=hyCg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6dc7561b8695889178b3e884e84f5d9c3d59e100","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.174c0becf.0","@material/feature-targeting":"8.0.0-canary.174c0becf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.174c0becf.0_1602641707562_0.15549677274060603","host":"s3://npm-registry-packages"}},"8.0.0-canary.c71ebfa02.0":{"name":"@material/touch-target","version":"8.0.0-canary.c71ebfa02.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.c71ebfa02.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff85c487f9cf9601e0d6f80aeb9287415ff956b7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.c71ebfa02.0.tgz","fileCount":15,"integrity":"sha512-SI6bVi4nftYPwvFL9PkdUfYiAkRpdglE7EsA9My4b5AzLzzoM6Db/qqQTa6Ei/NpbFFLPqd5vNmzG4AvALPGsA==","signatures":[{"sig":"MEQCIHdnGanGR5+/CtDectgAk6ec9l53QP5w30WBqxtIQ6tyAiBwmzuZuNN9YlRDuhhhemWoNzsaEMdRt1rJ0Q+AaHA/jA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhnuxCRA9TVsSAnZWagAAY+sP/2DRCYF7awqwRksRZRy+\nvwDpcj11q8wwBDX8R3WNICG/PJ04+DTDzLZaVnZK6Gmn071Gz534umCfEy91\npLDLaQNpnlPn1jUbV7zVxtTGLRD4QhKNoSmveAqxsWs0nTscA/hjhHNIYuyK\nebs3a+YAN1Q8s+lwewVbETawwrDRkauNnHYmMKxiXwAzMHOIzeYv3sFjyVe3\n12Mb336uj/n6UZ+5k0xxAj1EihBDiE3gaLgl2B48h/ci+EfellLrdSph/kr3\n1LvFYjKbnGiI7yTuYRaJr2m6lU5exk1qIqUhP1X9S7DATRsZJ8qht6Iv0Ol+\ngQhIoU5WdAQwMq6ouOa7T9LazY/XoMUYT3OpBwLXjK8822sux6cVEFNQ2VyE\nheXpuUYA9HH6ap/Ib3FJHqSUPIAWx9I7wSZzeV3uinJQPuOdhU3rWbRSZRuC\nq8pC3XOPd8gh7I4gLghaW+OSM4FnCosCzNMXzHFnCrXx8wXnye12J1PZKMed\nj2LiJsP9txLqtR9dclU5EuuJla/x++sarYiKaWiKnwW5sDGZJozj2/AN773m\nJuoQ1tk7+NDNdnoSbiwEMDp9iQXkhFUXbHf3C67STkEYFpS6UNqDvppFqFxt\n6Gy3BKfPNyCcGLUTyqCdCn8hIQz1xSuc2k4aN1nfoiP3g27lPrgi48827kpV\ncqDs\r\n=vctz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d1158a184d234471c81501e838b409c54f591268","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.c71ebfa02.0","@material/feature-targeting":"8.0.0-canary.c71ebfa02.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.c71ebfa02.0_1602649009278_0.6479128558937677","host":"s3://npm-registry-packages"}},"8.0.0-canary.2ab716cbd.0":{"name":"@material/touch-target","version":"8.0.0-canary.2ab716cbd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.2ab716cbd.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b758811d53c8bdcb4e4266c91d73a6da19239738","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.2ab716cbd.0.tgz","fileCount":15,"integrity":"sha512-bNFRp6iCm8DSWbrRCpJ/wq/vXUqyB2kjs8p9gpgeKmUAWSnzamvSi5aUz8cjjd96zFifVkwdzrIy2PXsAWDktg==","signatures":[{"sig":"MEQCIFhMnK6vR4NzbQge0wDZJesmoNtejIagsQSk29PDpd1MAiA67tgny7m3LC/V9L3QSg9NNldnyc/nOTH9ZTB9vP4eEA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiONZCRA9TVsSAnZWagAAlLkP/i8P7P6feImkZ7fL/owb\nfxyvnxHxeSUbKNkZRPU0yv3LgsrK2vuxU+Y1LsN6YH67weUS7tJB8KJrTIIl\nuWl4fIv+mJ6ZLuYHRV22m2MGT1GKKBH0YARqWpSkesOtAOTGbs5FyWtDvG0k\nzlzh96JEcvYQ6hW/mCMeN9q0bNH9OH4VMVebtTioexp7UANB6MvHaUvY1b/T\nMW0+p7dJEY/8wEMdk5gtWGtxBA/R/pMogsiSfXvXu4I0AOXRkVj7OkOmoBbB\nhX4CVawK5hTsFIeQGKaK3yZghGHRUKamo/4rRyCSBEudPkGyjYFLvh2xQWrP\nNsaDfb7/gpWhAL2ff5zAeJkED96a4dg9uC9CKquCyf/g2KYCYAQIjpBPQ2Xd\nGA/58uaKVLzY4o6GWL+buneZAADXtkzrs6QpYzpyDE336y8BVrCFB+lCw9uE\n/gk8v5k+U+HDu7IvTYTSZIWLh2KYCFze/kZcV4imXE9fynH+v/NMLpOBQlVV\na5BQZsTAq5WeUdSyD3//lRAIAXbX8ICSNR3tWrzaDS7ol8f7g7xl63bDSISz\n2LlHz4xk7LKm+KTmnqDvOcp/IljHNir17wtbwBsZ+vKTrEbGojcWSgltOuqb\nqVBXk+fahEIztSWDJV7JtQ4zHvTEGECIJsZNv5oPtuCQ70HnrSNVTSb9a2p9\nlcv2\r\n=UZBP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a3f41127e9d90f7e393ee6fa5e01829e52160131","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.2ab716cbd.0","@material/feature-targeting":"8.0.0-canary.2ab716cbd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.2ab716cbd.0_1602806617179_0.18506511163521178","host":"s3://npm-registry-packages"}},"8.0.0-canary.43c1c5e2f.0":{"name":"@material/touch-target","version":"8.0.0-canary.43c1c5e2f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.43c1c5e2f.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce286144d02d31f0c99e09b73c4721eaae78ad55","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.43c1c5e2f.0.tgz","fileCount":15,"integrity":"sha512-iJ2utHrSSOMIXFOp2RWIfLRzlgaoGNY9f7GdJrnnPdDP5vU9m4WwiNX3N2LQ9PZ4l8IrDOY/+8KpwtDRRSWRVg==","signatures":[{"sig":"MEQCICuXkzLbCQdy9jVCLeqZzr0zKellq6gV2KqFiytHQsF7AiBetM+R35nbOMuL+XvUc8UyzKdKu3xfKr408w+hO9D2xw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjZ2fCRA9TVsSAnZWagAAfmQP/i/8Tff3L32iSn06WEWx\nvg9Vmh8aM5vq0bJmzqEF0Z1WcskwCeG8A2cN9p+i0OdDTMqYRpKO3+VvxmS2\nxbBWan/ryLOpveNiWwF8rTVisziysV8IpaWqKw6ruyR6Yze6ppCGINRkdgl1\nE4nXLET1i5y88QhpsrcVo71s1Ew/4yrHia++5pxbGnQZmOqR0py4tWW/5q39\nmdzqIFwimAFEov7CrhQPpt7WIJndEQSVYeIUsCbZlH2yCvBu2Fk811LRAWrO\nwWv5R2LnUEB4MER8YS7cYHL9N0/w54QsiQcVlzhlMmwspME4NHwGRsKqkW2l\njAugzwgkqWp0fx7cJaHuO/hOxUEQTRptHGDvVnZ9VGJ7iDJjclNfKjwMFzQa\nBAdekaxieWycS+H3ovRXn8dlJDP+iXVL9dTLrBotiNfIQlOjFehz2glE3aCF\nzu2N64PIst5lYB2MIBLi4LM/Cy0D5uG3qeujCSRaS7FSgGNChFEI+4woKZk+\nMXbxPts2Du+XZLTXkYHsySDTRGr/8Tgz+AzyaH/eH63LQcpuUYXPmF5qezBl\neM8oWnsBqP9pwryaj4QeTZpFgd+tDZ0ygVby9yiv7Ztepqgv09JJI9jf32yB\nwrlaq04BYlLVT5iy9xcBZNHWCvVjeT2ie+kEAe1nicib55FefnrN0yaT3e5G\nsw38\r\n=2Wej\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bae89543d5336b4583fd1519cb63078d2a5c39f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.43c1c5e2f.0","@material/feature-targeting":"8.0.0-canary.43c1c5e2f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.43c1c5e2f.0_1603116446677_0.016210036051495402","host":"s3://npm-registry-packages"}},"8.0.0-canary.ccc64eea3.0":{"name":"@material/touch-target","version":"8.0.0-canary.ccc64eea3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.ccc64eea3.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e5b3dd60b22b32ff1b7a077e642fd1f09ceb938","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.ccc64eea3.0.tgz","fileCount":15,"integrity":"sha512-MB2se0DFLvIIQonS7XenxPf7LdQz1kLSY14oAqKDWE4ftGGr4lby4n5CUPpn1gz0I2xn9T1mWzrotifj7VGQOg==","signatures":[{"sig":"MEYCIQDHETjYhVKZgTjPo5ORGTDzwanpyz/FgV6jdR2jJMXqpwIhALWMfyh4ZrkF8w1iduRADEkeF3wKvFEZ8F7/CajdXz4b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfl1LOCRA9TVsSAnZWagAAxeYP+wZP5tBnBcY8wnx16smL\nXKtJ3uxWDXBwSA/6ZClD5MREt4qG0i43q1lIPK9JTM1ETVQtS0IZfEo4Dto5\nm0Up/TQMIJREItW1NICqyDWDuOrNGKsUgydihq9dMWZo4BQzG707JRgVvILT\nY8alIkbDhuUjtG0Z6UMRJHwmaZDP+ckZF/SgGISJ/0fxv15FQNTGa+cXLEsZ\nQvKHdXkMZw3s1Thk8PJn50bO12wJpqjGKhYfnVLX7iXbCnxs46b+UCZbdSgz\n39cg629h4mPpkhn1MALzX6wGexZxAZFU/39RDhxrJpXDJ9KXHCvzRSkVfbkX\n8MyeWWZ7d3eTruNRgsxs5l4OwViuQp1rXNNMcD8NmknW9Jqpup6Eq79sEWvI\n4l43XaxHm+noVM/g2oGpSGRY1w3PmgviiKqPV1/L+tXEwQEQLTexmnkrBgHp\nvrqB+ro7YKF28ajTf3Cm2UsSZTJ2/S7Jsu5msKyKx4FYE66yqw4rq3LuryFG\nfrpW6sWp2NkyuD0O2ytL3lS7nMgCwRs8O5ig3WySyeB6/rdn6AMAw/C+9+as\nWSbUzZ/zdJ/POffCioeHauAJFM/kqbxg+gV+o+9Gx29UO0eEmVWsIkwTFeUf\nqSXtWQW0ivMsB7DF+dn8UEWD878FLvkFRsWl1/OENMEZcXqFYk5w1NLTGwbu\nbsIj\r\n=fZPA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"26df299f75c86dada6da463cae5df1b0277d5c7f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.ccc64eea3.0","@material/feature-targeting":"8.0.0-canary.ccc64eea3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.ccc64eea3.0_1603752653999_0.3544118538208598","host":"s3://npm-registry-packages"}},"8.0.0-canary.a79cdd019.0":{"name":"@material/touch-target","version":"8.0.0-canary.a79cdd019.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.a79cdd019.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d403f8c3cbd6fb1b851ba651266c820769967909","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.a79cdd019.0.tgz","fileCount":15,"integrity":"sha512-mepfmgjKDqNFez0tAK8lsMHoBAmpWqilUZRgu22TRCLLaKtKOlA5FP1BpVODE8Drxcc6+zbh3xsIawmnxjfI/g==","signatures":[{"sig":"MEQCIA2ncoK5BDOxvwkmEeo7fjll+EB7auZ1YXzRPmxyWJQQAiBdvQX1+HIXUTCAY8kan+Q1Ahv+WOdZton6wcLkczuAZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmEsqCRA9TVsSAnZWagAATkcQAKGQag3wtC6DJRziCcSB\nTPJgXsw/KogLyuM5dPGdXpqs8XkLE1xk9ygqlQvz7JvbDgAYB2/4f6bA2YaL\nFxJ3fbB15I2NoMY6Hs97Put743rk32EwBY8ZsUV3VMmdCZpD1WBVdWC6FAtQ\noqOejAqFzECBWSqv/+kMk45z/L9LZpp4l2cxelavX+agCmQFAUAIhCrCYtkV\n+0RlKhfYZ0wzUwINumgw9Tf3Gi6NMaAin6UoUvHI5CYJFe759rwafZTGIYqR\nA1pH54aES9xmJCq1Wp7+c/3PX5Wh2i2oGg8i3GR994N6sZaJ/HmrVkyu3mqL\ngyy2wyKO/hoNANdO7+030I2ECnhSTDwBp80QBYs3L73q7mBEXN5f6PyZiP3M\npkNqpjsjerKwx2iWjjajhQHVhDD49PRSaBTkGFpjBK3J/Pe4P2JVyO7pxuRO\ngACZ80oBD7ZTaqidabJC/kBJcN/+6hljSc9SvZLTRuUVJDDCZJiQF9/kv10y\nqlNb6LjavBFuxyOdjtJ3uK4v6+fYVkucMssoGPFYsMQOJxJHHF2Z57IV8EnZ\nypsJ+pMtrM62x8wxL1/5zQHNyLurLXyHkywvMdQIc9Q0LZfwdpX9e2Xz8cvm\nUvkSFiClyUrT8T6XMaU10UXxQEqx548u/mZ0EDJdetcCkXePijVahZWd9ExH\nSvhO\r\n=HnlH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c54ccf71e4018e84948fec32678595d974f80c67","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.a79cdd019.0","@material/feature-targeting":"8.0.0-canary.a79cdd019.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.a79cdd019.0_1603816233875_0.953820655593651","host":"s3://npm-registry-packages"}},"8.0.0-canary.596e98424.0":{"name":"@material/touch-target","version":"8.0.0-canary.596e98424.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.596e98424.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f570f47ebcd75bd9b0946fc1645939740be4aad","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.596e98424.0.tgz","fileCount":15,"integrity":"sha512-hroo9WKaGbLfBzG0ZzPzgJgGoxOvD1m5scOKYOo8BwHALzPDNAA4hmr817AzwI9CN2aG2/plwpMZwWviDDjIig==","signatures":[{"sig":"MEUCIFgRfoAwGFNQGKgMk+MDyfsFd+G7nfqeAUQc4682/bkCAiEAqmYUzQEV9bA3Bbz1K3cJA/rn8GEFkrWnAGkOjMVR4ZM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmZYsCRA9TVsSAnZWagAArv0P/3dPivLdPHraXnq51tyq\nrJjut8IMM2cnvOH7JU5PsIewMnu8s9qNJQ5NQcx8FGP8JrAXjq17NSogfL1R\n1zzqhoB3Y7/VcS2GJa2rNFgZaea8uao878sRV3BBDb12jKAYXN5YT1M9oWNs\nzgAxJgUgsDvehT6QaJCPJxKnSTHMQusShhz3rPcfUGaN5932D9Gb95p/gTtY\nKxdQyaJeStjrzjIq8avg7fNCcJp8COPT1AV7gkVOGlZc2qJ8+DeMOwmhcpGe\n641JBZDskp/0W002basJBKXIQ72O+RTEmllO+zLHmqnKoYc4XeDD6CpgxqX9\nWHzPJYjrc592X2KpS2mKAq9ERmW31wR1Kxs84BlGW883cJ39SnZ0+wPR9DQm\n7FHPKhU7lWiibOKswVMalj9ittzTIU5LPUtXCRQ9uBXDxM3QoueAHPGHrDj/\n2olB7Tp/IJ7OOEjA3jBfPFW6tCit3g4Ko/FRZLtVCh7xjqP6stFUeWoMAKlv\nvESjlXy6SO837VaGZDLGAIvgOheWqZ8Wxz3kAEezjHpbBS8NxsxEUhK2mvok\nae3gTrY/ffgT9gu9U6deNCm+7B1HJvObeBkY+Y9rAl+4xWhLCndjWeGidRxZ\n0ecrAmOWb1hS0k/tid5cl+kmT4pRg9pVE47tTSxxcNBZYxlcntA8YMWmTGLI\nyMpE\r\n=8+gu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8fdc1f444b4540a876847c7c3fb4a934e75fee2c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.596e98424.0","@material/feature-targeting":"8.0.0-canary.596e98424.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.596e98424.0_1603900972250_0.4562770309811681","host":"s3://npm-registry-packages"}},"8.0.0-canary.05d5facc2.0":{"name":"@material/touch-target","version":"8.0.0-canary.05d5facc2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.05d5facc2.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"939c8d1bd5a5259087ec50a3b50e22c24f33196b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.05d5facc2.0.tgz","fileCount":15,"integrity":"sha512-oM/n4iDX5Hil++e6frAvl77uBeUhz56BqBzOhx0gzuYhvWkKlckiWiUIuG6mEAFWC30Ltu1oIFt9/7oOOfXQKQ==","signatures":[{"sig":"MEYCIQDnYTLMzbfCUYuTIkxSpUsq9hwFYxt/LoTi85bDQCqnqAIhAOZlaZE/SrLUfQkls5wVaTKIlcBeFTPAQKSElip3BHA1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmZgsCRA9TVsSAnZWagAAyKsP+gOz9ozbWE8vBrtSLSGF\nXkhqlgZkyIbhazrdD9XTbt37gVSWf7iDt/bPnHrncWOzhk8CgtIacWa5hI09\nzk88j4cQo1Gbd1NDx76UuY2aYBRo82vw2paKxHXba71qBEuTIK+qZwrrxbfL\n5KFRtE2XTLAk2L+VSKW/wNQHeo8jr64qUpoaK1+bq06qA1vAbBSmLSKURQaL\nEOqSe3DUO8EJOVgYrXdau0Gy63wKGAtjtujuk7LCWPmaL0yvfr7JbGfxTdXu\ntwMzg9WbPt96XHjUX7Hw3ZcnDGxkeJOqlgFHGpF4CUhgnE1lVCbBDgX+MDX8\nFNdjdYxJ15gEIv0HhKtWOkbqs9X6tUikBWdwnavGFsgHf+KYJVOQuYVia+Ob\nYAHY5skQb7Jo9KuALcRdxho9SzZVoGRcQfyAmftTnn8N1bNevScuOx55Cq2U\naHSnn4nVc7FTfXpe7lpUZe97hgvYEbeSetD3W7L2cFdAW5gBJo93eB+S/U83\nokH8PpRb/8khhiYxwjly+Q6PKm7Kttb6gFOXGqSZcHD9s0vAbze80TCbMH1h\nDtp0YhVF3qpYjgi5FC0+Leo6Y6hLp0p2cQFciemVol9N+7o6ogN1f7koZm9c\n6bKOG8Cz2rjukSDk0xBCeSl184ZbVjVHueaghniDokegpstjZhauE3/AypjX\nKI7u\r\n=Ihkt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"db17092b19dabd6628edec5bf226f0b6a48e4f95","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.05d5facc2.0","@material/feature-targeting":"8.0.0-canary.05d5facc2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.05d5facc2.0_1603901484045_0.8302197083970826","host":"s3://npm-registry-packages"}},"8.0.0-canary.291b3553d.0":{"name":"@material/touch-target","version":"8.0.0-canary.291b3553d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.291b3553d.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b755a9ae6ad329ec1c8451ea6928af3ad61409c4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.291b3553d.0.tgz","fileCount":15,"integrity":"sha512-4zJx80lSwiFg1P7LQVdzgn4kEpiFhXCgHmAQLGExq0cFQ30Yn2cfSMWPgAGONla08HJxHFw+GWl+j33xInSY5g==","signatures":[{"sig":"MEQCIAfo48b6xHTN+PJ+hx/ANOIzkLoY87lWi0iKWTowbC+mAiBarqtLMtNh2UqIkmYfhRbqPgljh2DVY27uDIbEeMLcEw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfma33CRA9TVsSAnZWagAAv7IP+gLcrrWHiQJ8o+32tC8J\ngDT8zLmoYF5KGawUJ5PDca8iO9DS+LGAhR8zH4IbNZMqUewlI1sSIFFJYtrg\nupxq7wN8G3w9KP1YFwsgJOwiLtkCUYmL1/7y5AYRtpatuBSDFBefI6mSHUmn\n1NHpaQh/9T3trYBfHG1VXLrp2TmA9rDXYLH9fXmz6keyQyPY+psPxLokfIZX\nTlx4hK2dWoBj1vm8BRzrINH0X2uBIctDQx9T8c+cKRs/PZD++iGA79H0NrK2\naa4tTzQkEszTQGvsw0mysr5jS24lR7z0zUHN63ChPqHcLMQ9WksFQhqANgcF\nxyILcWm48VBTSbY2fYJ67UNTgNfBMB9wb5rTRAY+kXeEtPsjUk8Q96jK43u8\nZvURDx+vn1MxKo5r8MvMduMgLA0T3wZUniOuJSxL+GMIA+ucNMR3QPgmbEE/\n5FQW/+HOWJJi4MHBx2CbubXg0iBvNYNGsEtmjjwR7vI3MGqU3BP8P9EgJ/ny\npomeWPVbmjnVWEcn4qwLWcVHVmChwK44HmoGA9yh4f22tNaZDalvhdVvO3KR\nj0vWkCSdsksGgM0YPGt1cS78T4OIeWxPSIrastmaHUKwT+FWqAE0X7/XY0z0\n/ENLVdVEBlcxbWqtlUXqNIR5SPJXXjJgnEOchUemulr7dRyeXiUxptyEkYS6\nK1eV\r\n=3WvS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bbd141e6c5168a84cdf50ef1302c9f705f0eb283","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.291b3553d.0","@material/feature-targeting":"8.0.0-canary.291b3553d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.291b3553d.0_1603907063023_0.04612424490018463","host":"s3://npm-registry-packages"}},"8.0.0-canary.dbc449b09.0":{"name":"@material/touch-target","version":"8.0.0-canary.dbc449b09.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.dbc449b09.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aa6bd1847ad5a8cd7d546a029e8a08ecf82c0c22","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.dbc449b09.0.tgz","fileCount":15,"integrity":"sha512-eeQro4hrwCbtAhXdOkfbp8N1dRldK4UJ5ld58k9RJ78O54oAmQ8uF0Hqn1vIIdAOy2gF8ADwk+wsQeCz15b7hg==","signatures":[{"sig":"MEQCIBP88MsU0S6zof3wOiHf4KiIm9nMWvtWTeWd4k7azp+hAiBXi0Fu3OOgBDY9SGSX+nL/br/43YpL5CD7lJuXW6WbUg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmbR1CRA9TVsSAnZWagAAblQP/2yU6geUaySEChNAQdVD\nijAzj+KkHOB1kzvNwKjDtqakcZL642BPIrvj7/IAtnJdA/oxN/D/QY0kx3fb\n/HnFnQPJpwa45EChXonPFuauXcJIgqEwmvmEuvrCWqJ3b3v9juwwv6OBLKT3\nMP0++hjyOZeEJxPJF6PuqSOCEmMr0Es9VI4p36V62wHBsK0U/8Wb8/cXQIdl\npnQVdSjIyxmdQdKGlHokEcq1WMk2zU8GeUEqXhov0oLumhV+7U0M6bjzq7MX\nbSKwxqa9dzx9/a04k8UDT756WmilUjf95TrWQPHTD6VA4hmhtciL43wJYF6L\nYrIlOd/bcPjbZdaMt2iGYMHBmtgWe4Wj2ob9J6QW9gJqK2nUA2svEV++fA9q\n5c1dxfc/5QQTIB3ZTD1BDXlfPxhpSclnes1YBM+KYyGZqBEqOr5oq5fCJZcc\nAiDSQ5cUoZAGg18MVqwJmmV7fzo8c9ymhKkFiGViNont6xy4DRtJaLgZmHhW\nC262H3DjVKcygS+u67ma6/R56A7uu/NeREDp05MIjUF7JJQaGK2uro4qr7x+\nrMiJKUDDqpMl45xkOJHiObyUA/VvbHfmUZoc+fbBFCVO7G5QSSGgtRh2td7k\nFbisGndCAW2kgi6UG5UCJu9GXhul9IDXp+hPE2vmKpJtrYmN9+p/btNieET1\nmeCU\r\n=8+fz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7888f3b13baccffea8b2b02ef5c25e264ae321e4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.dbc449b09.0","@material/feature-targeting":"8.0.0-canary.dbc449b09.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.dbc449b09.0_1603908724962_0.3855932022206836","host":"s3://npm-registry-packages"}},"8.0.0-canary.4794b25da.0":{"name":"@material/touch-target","version":"8.0.0-canary.4794b25da.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.4794b25da.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd1f5cd0b47e896f85f2bb12d905f2e90023d6e9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.4794b25da.0.tgz","fileCount":15,"integrity":"sha512-y4hIliHf224nQFu2V+VkKqp22gKXWVpHqBbcL90OjIpZopUTwHnA2ao6e1aHcHsivgL6deCgvrZaxyfAqIvJoA==","signatures":[{"sig":"MEUCIE+u8+ADOXYoQ7pxTGmBBDImV0ZcYSgLstnT7XLFtGE8AiEAn5eIDj3oebeMfVjf/+kW4pgFcu1e7M8JCKkVgBsq5QE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmbsjCRA9TVsSAnZWagAAoSoP+wVifPmhtO1uAEQQeOtr\n9O4ZMR2gpImenBuv4Hid1i7as4duieleVNvxFrnhJPvh/Vt2bF/40QuBeI/B\nbGNUNV+kNUb30GYf9/BMJpDPVe5kwLof0bPT7dT5aNpx9A11LMBD8LhgDVAl\nxr5CUdtmgFoNvLjN+dhn1BaVyzUUAHI8ovA71BHX7lH5KqZBVDkrlamcoyTT\nD7D2KN7CPCLSePCMLChwS8VDgRHbiZxS6Uv9LbAzNavWKGRtlwJIXoBXpI/y\nbR5OiffU1TPuBQ/M5QZtRm3Yye+nXdT46teSl1uKgfeZ1POZHYMhZxjb61Rn\n+eDSQx+qaN+o5nGJBv+uCP59rSQ9y2MyEojD/HTMJJo1fU9lckYTTWg4oseJ\nYDcJPPbfjTR0Znlhqx9wCplhwal1f3yCm5551cPENA2GBLUYaDibJPa4ahP0\nyBpATLV6P3BPaWYki/pYhJWJizy5gUMTW+S7rsJ7nCbD5mhjw6MyuW3uno/D\nq+jHeyGVDzKiDdaJGksGjyLD7y5zGDIuot4cuPGMRQrqgDhXftMSUOMo8WUY\nuxiVoxpJJOA5myydHvH30UehjQVuckA+aPEigY2dY9MMKkI4yMKDv4xHrBnJ\nhup5+/mMrSsaPLwqpD0pl9GCkn4BJGgJR2e4iRnpagOawyxmWJbDk/JVColb\nySGx\r\n=H2dC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0c2eec6be7b76adae9376847043bcde093f59d3d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.4794b25da.0","@material/feature-targeting":"8.0.0-canary.4794b25da.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.4794b25da.0_1603910435210_0.01469000224564021","host":"s3://npm-registry-packages"}},"8.0.0-canary.c61db90a5.0":{"name":"@material/touch-target","version":"8.0.0-canary.c61db90a5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.c61db90a5.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74248fbf68578c0f8eab0f83e4224b357623950c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.c61db90a5.0.tgz","fileCount":15,"integrity":"sha512-A4iYYs8CCGkZBxLhIHtEnQIW5cazaOpPHsUSV1KDtdXRXtsoFIGadD9WnZG+COjSkCbPOM70L9sNskusXFr3DQ==","signatures":[{"sig":"MEUCIQCSI1dFPAgkyM0M8/A7hCBSuYAz5EdSJrsucvCT6B8BuwIgdaA/0yolfnLbuZhzWuIOworIOK4odWihc16d0aj1Qyg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmb9zCRA9TVsSAnZWagAAmrgP/jWFV4XZeOBo+sVICIpz\nxTcD5TT5npdQBmAwXMMAV1H2DeAZV1QNMgDTo5J4QN80pXi+JVc7mZZFgf+q\nmWMLeliCWS1bspBxrbxF/psTg8ny0LVZrddXczo7qvykJ8bidAeQwD63qn1B\nQ98HDpCOSfaGbJ4zfFMRG3Vj+fvAFqS6HT4N1vTn1YCrrbhTOs/1jXDbAM3Y\nMQ+LBHHM5jEHPfVVRgEY7BkbkIU59YQrFRM8gcvq6VwewVFlpIegrmyMhS8i\n+7tCQQA0emrVNd8AUXE7/50WGu+oLSnZ8fGF1awzSlTo+3wJNeb8MYSdufTr\nNUXifEFKqT67q8uS47qr9Olfqj+6dXAPfLzDuMugVV7w423/Q/BiSt3iFA1l\nOCx0zCpvGrhr1yVNJjQn2MO1E5I017btHkSxw4VpI6CDfL5SOuwH17VbKaN/\nSkhyGMFVS8xOp2kYR5rsIU36+pURm2/CGX7+mcDsfS+IvtKCMeEFe4Ef3vol\nF/wJJIJHGyhIoH770MMVQWy1qvSYxjQupyRAh9MGRCWUvnjqrDe0o38u+a2t\nHQMTQRzMU3GCwnZFN6DIBY6gDl2I559lmobtVP/eAw7XewLOuvvUxOgyZmJI\njAHTq87LTR5hzG45sGNGay2luRgu4I4wY/UdgAqWxTUsGNh5LxMfHm+PFzN2\nR/SO\r\n=rogB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"695570eb7478c283510b9174ac7c4911866e0868","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.c61db90a5.0","@material/feature-targeting":"8.0.0-canary.c61db90a5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.c61db90a5.0_1603911538792_0.6331360384019671","host":"s3://npm-registry-packages"}},"8.0.0-canary.6d9648ab2.0":{"name":"@material/touch-target","version":"8.0.0-canary.6d9648ab2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.6d9648ab2.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4afb9ada44b8f6ed38717514fab15bb754dcb37b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.6d9648ab2.0.tgz","fileCount":15,"integrity":"sha512-xcGQnkcF67tAo2+Wd9+kTY0PgpcFka9xgh4SuS+upsSzJb/3pwWmqGeYKTTd20PSS7rUF3H1uVu8Tz8PA7ud0Q==","signatures":[{"sig":"MEUCIDyNlClxwmwatzRJzOdgbRYbaD2ZwbN2+KfkjNVLETVBAiEA/DfaoLaXhOk8Wg072OeUvNLKepAk9mNPWTnXXxbscws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmya0CRA9TVsSAnZWagAAwEoQAJtIwYk8kkChOhBx5toL\nb/dQDV0+3Y+wBvnX8jGAEr2V2CRfoE9CNLXYQlzCyHE/Py47UPTIAcldqBeV\nLn3qFmtznyX+3hR+pX+hQY2sxYySNGDdCm/UtnMiCAsvTVZHqEmPJvdKayUy\nc606ukTpd73ZXLFxP7csq+m4Y2VNrQu94v+YDDYtcKixx1HfnVpn9XdStsBG\nrS8VzrsrQ0hOp1OyXGtWc6mhYBqOiVjy+npcREJiVcMuzzoPimp1mt3WHiNh\n38pxQoX9iYTUYOyq28fqsGmC2t3ZjrNQm0wqp3YNOVSPRM5ZDZDBMKZCpHsv\nMJZSE1QzWSy0BJhF00+xIsu8/a3192LMXs3SauqNsZAmLNVGnnthJjIPsClb\n/LoubZtvAQEBtpV9QHrhb+DNjl9RR7Dto2jexRiiCBWZNq3MtYf/kkBVKVPY\nRHzMG5GhSHPY+z8YxipJis7bU7ojeQxY2CBQ1nVAsPP+gtwt/Ex7UoVqK2zb\n1v0hPcDG4shkxn5RgJOCtLHjjl70oHp/srmz9hAppZWsqQoXaoEIIeJ3cIQ9\n4ZHysW8GjVpwCNdl1Q1NCRSDtxdjQSoQ63yJroq/Fk+yTUnCTp9MsZ77cBce\nxZCaGn5Q8JQVmtzIwuYQbUqdGnFweEH/TX9E4xGjXfH2GCXC2U9+2Y8o9JuW\nKfYg\r\n=Hryp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5de6a39d4b70a98beb71cf8243a219f454b11aa3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.6d9648ab2.0","@material/feature-targeting":"8.0.0-canary.6d9648ab2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.6d9648ab2.0_1604003507640_0.44436245815406017","host":"s3://npm-registry-packages"}},"8.0.0-canary.5511c5254.0":{"name":"@material/touch-target","version":"8.0.0-canary.5511c5254.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.5511c5254.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fb5597ac0f5d098b62fa7bd46de77c0dbf92d20d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.5511c5254.0.tgz","fileCount":15,"integrity":"sha512-Cof0T8Koc7e512kjaC+R1VV9BUmpMz/a1dfr1ilHQPsVD0nk10cFMJMoYNeNCubsirMuxLSxpPeq2kVIOJpzwQ==","signatures":[{"sig":"MEYCIQC7mtFsQ5GGAUdT39S7qtCuDrceiNlVXJczdP7HlbofaAIhAInIxhZLPUzs1/3B8Z+DwYm0m0nbnvf9RLBKlwP19xx7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfnFSGCRA9TVsSAnZWagAAOEEP/jUSaBgm5CTGdvCInLUv\n55tXuZAb6wLOLu/5BJtQc+zRJemNQ7OH2mbjXLSykduYTYby1peG4wsPp2VC\n1qhZJrZTCFsxZSuXWmPBvsa+pNXoDbitJ031E7n8Qxy+6bBSRQXj1YAgFg07\n1Gie0GQ5Q8GUdSfqKRO41o0kpSHOFlPc4FUgV+lauTi4SMJ/MfRUXWPzp5vq\nqqGGY0nqK77V2Up138IauF5kXLvpFcoHAUCc9kEv4FQ1MZGTkgB8MVWBjE6c\nT6s19wo+D9Ee+PqaQu9tquYol8AMYvk1DoAvrcIoedGabDlAhJ1H11W+TWJP\nBZZ5+5o3bUMpbsNu3Y/xlfMRj4AeiLWQQhWvp49+W3OJI53JKykEHJqs4WU/\nTlgJ4XlTw3CoTvZ7KZqPfFJpJRBYQcEJRufdtlipjrmImWZD2bAfzyunHUQ6\n2mpIoq3ZES/Q4AHX9jX7lG3R4bvxcy4zvE+BjQiWqN/ZJebcGEtN+931fhsQ\nqKJhJSWm39ot3g2q20VzyEIbsj3+95YM74UAGDh96KyEj50EcO1OcPFh6zBV\njHDFJxXKBByFCjUVjYAcUCzTpKNNlhagHyQfox7L1rNO+o6wni58ht3FNwnq\n215oOtxE4SFJIhotPZ0uDxVi3m2Cj9FbTpIWt28c0yNQZyjO8Qr9u/yd29HM\nSLDI\r\n=3cnD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e847a627e044cecc475be1f0140e17a4e2a68dbc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.5511c5254.0","@material/feature-targeting":"8.0.0-canary.5511c5254.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.5511c5254.0_1604080774074_0.05200285776614466","host":"s3://npm-registry-packages"}},"8.0.0-canary.bd6e302a4.0":{"name":"@material/touch-target","version":"8.0.0-canary.bd6e302a4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0-canary.bd6e302a4.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb4a9e55a00e605736dd4c324456e03e4c15ce81","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0-canary.bd6e302a4.0.tgz","fileCount":15,"integrity":"sha512-PdFEvhya5xzF42o7PzYRvn/FKnpzusu5bmZARtyPvKRWq7TPtOvJ/ZdctFulcGS7+j0d385Idi3tl7Dgs2iJxw==","signatures":[{"sig":"MEUCIGZq0lrN6swqNxCNJccOGfp3Y6RRPpB5jeRlZG+qFZgsAiEAqqEo+9AExzycEPpzJNsJIjhHgR1v2Fx85CxclU1C+bQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoDwKCRA9TVsSAnZWagAAekwP/RtExkyBnCNsj8EBhVTY\narXRSQpPCB9XoKZ3wPmwzq2O2Y6xazykW8h+ZHzHf1nNlLAU/zhQCsu9Er2q\n8tBS5VnUjoVFVK3MNF3W5xrZAfiKVvimP1FUUn1Ycjz0rtnyE3JNgdqqKh//\nx8pdGo31Aoik5Rolq1VMKCToNdtyf//wxNGf1336XUrJO3qVkxV5CiTWgK3U\nkiDHMObOKLU+8SX6LPX1xTiq5PeX03drdnIQIXaBS7H9/r+rmW2ASUkfSyIO\nhsLyOvU0eth1zURzwzQFDUDhweHVmOPMwgPebVCzuKYz0FH/kxd5M6B0HiHc\ngkTAISfhtEYPf9xrtYOIujvrnvfuhW+lUD8XYnuBDgNSimkZPYQA/QMLSL2a\nPPst60bgcybVHroBAJHM46/wHzFaUxGM3TgKLoRyKwCuno9rufRGtYs9gIwd\nwSyaZ4cQEPOjw8BvDY8nI5jtBTEkB+3pfWZmTKVVkU7o3YvHdaF0h5pWz+Wi\n4cb8efbhmkS5NuUPQluXa2GxRQbOx5ZhBGyVUmU41hWpHHwKPSO7aUSFnAet\ngvxoTuq+dph68WYxJWY8aAavHXH1EMkdcXTT6aXBkLVKGVeAewWZSEXflXY4\nJysGwc+NVoxiqC5sZ34AV0DdvHQ5WpWVMB8QvArH4MsZci4p2Bqe/dTqfFt4\nC5kS\r\n=S703\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b48f791b92804fe77eeba96f057b1baa89c48e3f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"8.0.0-canary.bd6e302a4.0","@material/feature-targeting":"8.0.0-canary.bd6e302a4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0-canary.bd6e302a4.0_1604336650525_0.7498052475291805","host":"s3://npm-registry-packages"}},"9.0.0-canary.d6b5cd418.0":{"name":"@material/touch-target","version":"9.0.0-canary.d6b5cd418.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.d6b5cd418.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"728f33891c0b000079e2a9de292046a7f52a2ffc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.d6b5cd418.0.tgz","fileCount":15,"integrity":"sha512-WFoRSNe+2sBDPD8ItwTVBNMx1sixskAgWMwQIhPVx3WlDRkMgjkpRzuwM086BFqX9cFUO3qsk0+QcpTGv6JMgA==","signatures":[{"sig":"MEUCIDvKS1WeohnoDl2Jymy/VIIIEjHWqjvCu4AVuGLmt7LAAiEA5OZBNNtKm9rWn4UprBmp9cGwUlrvBWm3YkyW5yOrHHs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoI8NCRA9TVsSAnZWagAAos0P/2DiyCRFS0ACew4KbuxJ\nWWBAcq4U/M61BnqfwPB7l8lP1lRpOcHkiQ7IuQ0i+1GdAm9QjHWU3IpVCCjO\nnv1jNnzujvWVl/kVDJfYwZDY1+h9kJbGLDggryJGEKBXXiqwB0QPwVYonYMM\nFtgrJvS9t03RcUH6yO4r8eQ2UJG1gDoXS04Ed2EMmEDxPJAgkLFc92ORLFNk\nVxKgsrRqTk70OemYmjYUk/OVBfO3gb8DjHqN6NNncBW1d3GB3KcnXOJUdnhI\n8RhoknTja/npufy2Qbbc+2d7N4MLAFzdr1GryZ3t4aufIu9Yyzo6lnPm54FL\nS899FqiW0LK0b1hu1tZJ5S/uwO9RMVPym5IjIAd0j4LY1uS80mk04h5g32xG\n5mwiH/XDaX20CsTh4fCZpSt22kju61jnkPw62BRhskru6H27qN3pY23zSeIb\nDDY0lBqxnosoBhiitzBg85ttw7EftymIS1GatXe3jxQDRHFi6Q8qWUvNpGof\nLE7uT9R2UxSI6ZiIwbFMMq4spTinpXw23OHtXPafZPVV1DbBhFOOuUGxrp9h\n8mUw/TiBd1pd6ytHdJRiQix+fe8DqSXP/N9FBaQzFz0JSwa0o6aeikd5m43e\n3zQMHg5+s+v0G5z9Z9wgS7Nh24y7weSknM0MGhK9tuUvfM0WMZvwjg5N+NKK\nLjTJ\r\n=xP8O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4fd5e4f9dda92417995fcc822b1d02016642b511","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"9.0.0-canary.d6b5cd418.0","@material/feature-targeting":"9.0.0-canary.d6b5cd418.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.d6b5cd418.0_1604357900990_0.057529256518271676","host":"s3://npm-registry-packages"}},"8.0.0":{"name":"@material/touch-target","version":"8.0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@8.0.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e5d45be0f33644707109960ce0cb59c5d598bbd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-8.0.0.tgz","fileCount":14,"integrity":"sha512-vRaV8AYiZfN+90SxDrO38rmmwNrTQHwwWGViBWod2uedQLe+TisldKa0UlCBrVscuDMVO3cpDdsgVzzdpCHdxg==","signatures":[{"sig":"MEQCIBk/2nWBolzcdkHCCBKJfjg/VOlF7w7Sr6hX49sAziHrAiBL+PvvN7plCAMmrKZMwuDTrlr6efR5S+OWGocgGDs4aA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoI8jCRA9TVsSAnZWagAAoJgP/1IbonhFoH2Ls8LAUDu2\nK/H/Pwwg+eDMO5r/3ugC92sPSnpgzirHp1ByXvzrqE0Si9UPa0UeHa1uLMZM\neY0mBdfGapJtwn7zD1yPXJK2bVoJ1F7DOBNxv0jHHwpexqFgZv4/+jQql2ZZ\n/GTGE8HlpeGq+zKFeT65kpdsyKRFr3fEHzbPauWV2OkMjHfdfN6NzFgfo8qj\nsBdG33CmvmpN8+Qy5QtBbBFRFpNbGi1rvss26dUy0fLYEeClfbpUOBtTVxOZ\nZeOAfnl/XhqiidKTyYA5iEHeIdj9fGL/lmRGq8wBB+tzHLr6Y0UK1PNeAwiX\nO7q3MJIqlsXHyJQZVuLMfr8gEZ7aivkLy+jKBsSeX3wCR2iiIF/QvVDFCyqd\n/DGpPJKveM2pFqApGnvv0DsXT7s1QJQ5xEF6zVje3kNek7p8d/FJYjlnk1am\norLMYWNupGNRx9UuMgPRDIQoBErwIC3YJaH/SIUOiOlpAwDlYIHSOcsLHda2\n76oqjrbH+CGa60LVvD+jDvKx52bQzy+rD2DImfDT2Qsd2aiR6JlsZKLV3jX/\nd7VXHZ67arQ+XYGPpR2SyMHPePQ9JmY1x0y57N7WSR1tsXO5vrRBaS2UFQ0C\n1AluzeJNucHq3KK4XXeodtrDlmMxStLpaOQ6EwK0JTnFAKPwsD2xn/i6/CYY\nwG8L\r\n=JV+5\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"d6b5cd4181d0bf11b598b5ca142343fbc87976b9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"^8.0.0","@material/feature-targeting":"^8.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_8.0.0_1604357922909_0.5584129339230923","host":"s3://npm-registry-packages"}},"9.0.0-canary.fdf9a2634.0":{"name":"@material/touch-target","version":"9.0.0-canary.fdf9a2634.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.fdf9a2634.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4f8dc3c6ca58fc72e23eea984aaab2823449e56e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.fdf9a2634.0.tgz","fileCount":15,"integrity":"sha512-WIhYGoMah7DoT4cfWiZUCyihm2tuZPWX4VAGAyvc4cDIG/driNJ4nr7IkGMmRdYZ8jPtpAWqSETMHRSEByQIFg==","signatures":[{"sig":"MEYCIQCZfceDzYtAtJXtrKp4f4Mh3C20qSxKCI/1R65unN5SJgIhAOOu2DA4vZxXMuG6OJrnJ0K+99fxn23Bmkrwn37lLMqr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoeXSCRA9TVsSAnZWagAA0hQP/2xBMFXsYiqH1/rMPM+j\nkt6ZD94Gso42lSJtWATnfwcaP2CneNM5NykZ+hPubLgv0DV44Zyek71zZAIu\nBwzMwTRCIKrG2rI1DWEDpa3AXciYmHqNkRmYlatmlKYqE/k5JLVbtaNBVvgX\nwg3SXcZ8lyJeqS0zxjVGCT9iwv2dtf/tC1iexsefEJhq7VkeseNMotqWCsb2\nUbhoEkdcaFKyDvjKWXFocNOt10rOQPxEz4Ulw1sozbqJxWxaS9NSyyfVixtD\nhgvsjQOGnqunPfP786tJw2cJUJ58qIZHwJoSUAx2Gg7ktaGYaNQXMRtFAMRo\nuvuW2KY5ohdIg1WUnkDpTABSoW59yjXc2ZYxpEmC5B+cwVQm71ZUsAPnMfyN\nEJFNw7WJaF8T8PszO7ZZrw16Nh8b9DAxSBVBFkyGCedwNfdYl6A12d/teJ/g\n0h3Vg94Ryy+DnX1aCXfqW6LLT5F8+zj2F8gdoAftDbzf2axXwplzQjZkrYO1\nCe+/9EXL0ei7POdCsZ5yA2j2OkoowWULHag+Q7ZNpyO4d0+tsvszqPwaoPZB\n4i21ql/Gpigz4TVfg3YoqIW5RoKZmCxuzMkXsng2zaXsS3DF/OBQ27DGjE2m\nEdLaCHD99DGsVTIcUJEAK09C1JANTuuHHWe+Rz/ZVNC6SqzsGgyD76DdjPo4\ncatc\r\n=Nfzy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7d38b3b1a677a24d709697b68fb697f1367fb5d0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"9.0.0-canary.fdf9a2634.0","@material/feature-targeting":"9.0.0-canary.fdf9a2634.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.fdf9a2634.0_1604445649914_0.8851494236599853","host":"s3://npm-registry-packages"}},"9.0.0-canary.4a86f30a0.0":{"name":"@material/touch-target","version":"9.0.0-canary.4a86f30a0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.4a86f30a0.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9a584877e7058e011ec7bdafe34338ecacf1baa5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.4a86f30a0.0.tgz","fileCount":15,"integrity":"sha512-62NposDlzSNKalPf7EIClPAS2hbJdNrlMFQzaQdVCjaEPz0GD/3XMdpRk4OQFtCJ2JCK6Julc8jCvdsSJ71w7w==","signatures":[{"sig":"MEQCIHDIKJoxsV1JTaP/X1EIIva4wqiMAZ/O/rTDpPxSfPrnAiA/lvbJRbKGvY/KlKhTOt53z+X5se1rHVbNURsbyNoV/A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoedQCRA9TVsSAnZWagAAaVEP/R3/JONNKjkYb0eKZod3\ntSj3GHR+52NLts8Yllc3Pk/+2N5PpoxOyADrxkWyWUGXXNev7IgEiceGywqL\n4MazhaIBqzykhDdCyvf0x60D2LtFbLE3UEtLAnAauXHSlRb+4XmdGx3nH9M3\nvbUbIKlIhKJQ2Fuxa9h8ybqGbxgBmZBIEjJ99hVfoWdsniWEJu3j57XxIs59\nNphG0vubF8Gc4IHGLnCyMWVt8dg12iosvq6bgOOCJXoNScWr+TZnRk/lVPlI\nKmGJVxjSFloFTe0JfZYhL60pSHam683MwIHXM6s5W0UfZeWJ2MwRTSRJEYkH\nJpRrWKLzwSYF/3PxETbeAHRMzp2QvrpVYUbPFWOaksnlLDpdRIJKofiGdaW6\nxm+5vX5BWeLERhYtj/ovha5cwdaPXknYIHZPM0xAoNGFaV8QXMxpbhSZRxU0\nAy6HDWxhCoECOn95E88Tyl4KzZudQEsUdKUqCgZe+FNqbtExIHNXob8eX3aj\nKAEhzGYaOzosubD7rGTWKKvoj0FTXROORobJE94eno10BGE5bJYEKwRC7nXg\nE2rKSyysYLAIpyFzgmJXscZ2/Gr3TseCJ7FtiT99PAEYiOLfN1jYHEmX0+LD\nonxVQQhWJOwY0Ke61x1XUDdh7D9A9XzO5aV8VScIOT956TgrTZtXemNBBHFO\nvmag\r\n=TzCm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ae1cc15cda11f90ef629a1f536e69a9648db906a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"9.0.0-canary.4a86f30a0.0","@material/feature-targeting":"9.0.0-canary.4a86f30a0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.4a86f30a0.0_1604446031516_0.8556229486749087","host":"s3://npm-registry-packages"}},"9.0.0-canary.fc8b045f1.0":{"name":"@material/touch-target","version":"9.0.0-canary.fc8b045f1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.fc8b045f1.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a2c1add71b9ecffad864ab2b26e0bb8995bf47f0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.fc8b045f1.0.tgz","fileCount":15,"integrity":"sha512-KMCvGCI8zJAuICvRHZgDuPV+Ycmia9Rc5vz9bi1EjJ8q1sl5iJM2ZWXU6F5fOnREf9YNXVyTLrhULHpaEUVZgw==","signatures":[{"sig":"MEUCIQD3zN28uP3Oy1QMD01s0iP0g/UQyopxW6UymQLnVww7LAIgbF4sOnfUwwvi/5ejX6b41lGXpCq1DVWlSmCVajg6yws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoemACRA9TVsSAnZWagAASuoP/R+89eZALt3lFEXQaPvH\nB0z4C9EN3rWY8IJiCvNSvGNsJjNdLUFuVKoJPaP3NkDU0qLmkOtTk3RoQg/5\n04RM7I8lwegw6lD50hFMepuYnqcvfVS/u09JG32KCl0ADJAF4FDq4YmnrfKk\nxMB5dbqsIY1yBsihy+gynP+ekU0vRVQ17aWiMfs6EIePK7DmUk1f3PZw5JHe\nFpK5rOzlXSvDy9knywK7tZxwCqzvQ583UJPU3L6DUcTKl/vBe2UnYhXSNq7H\n2sfd4pvobsnJbPZla2A+MuJjqVNaxpxXyYpCkvvLiYPHjaJpbrz4DR+CL/b6\nrOqG+pNC5CPPUA0yu07cgRVzoy9CyjmRbke/7S16VL5Kxy7IIKAy/VJX2Oux\nXzdik8A283/1aaE9lHLogOKUiCSafeJGflWNh0EVNoNDu8fXWE1rlxgZsU45\nS977kUot6497SuLqyGrJn6W8NquonC/gSVGQRXxyiCZXgJn01HJvQbt9y/e9\nm+/tMXvr1zmgOdhdTm6TF9OT1qU/Lb+PH5Az5w8jDftNuwIFOpMtqX1NP0U+\nDFq8KTJr35iT7OeaQSmaeouqgqNP9aDt8jOBtToHRtYUb8aolIMXtR+Fli2I\nhJSy67ABcFN6J42fme8Jd4CMTsK50I+FbXc2xFp/KnIfNSvmgRnlAqWHh5dv\n5/0P\r\n=138g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7df7659dcee84f0af6a1e7d8617abb4056acceb2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"9.0.0-canary.fc8b045f1.0","@material/feature-targeting":"9.0.0-canary.fc8b045f1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.fc8b045f1.0_1604446591973_0.6692639959360829","host":"s3://npm-registry-packages"}},"9.0.0-canary.a0b2db26b.0":{"name":"@material/touch-target","version":"9.0.0-canary.a0b2db26b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.a0b2db26b.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"997ebda63a9ce92d4ae7366dffa82babb2edd599","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.a0b2db26b.0.tgz","fileCount":15,"integrity":"sha512-fUOIiH59oVSN30et/Tx/gqJ+2TU/u3drvkO0YLwJjn4Y7eQTFqeVPUri5v+IaIgyKaH8o17IO4imPX8OXT9akg==","signatures":[{"sig":"MEYCIQCkq7oLgbG+OQx4UDto2ObzrhX2VJEtLOSHwH0sO7XfiAIhAIsxKfzRkUbb+CSa4tx+Jg/RWm6TjFeglEyR13JDOr6h","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfofDmCRA9TVsSAnZWagAAZWUP/inOhLCOtHNXlFeQhcRc\npJeo7qjg7GEmvPd00c10GiPB7YX7JdBXlH4pdAtst3zq1jsUspeOKGOauVZb\nheiTgXPVtiKU0zwIiZ3KN/RRYPWOLXcSOAe82GVkFZZksUrXblwkGxLXhRJJ\nBeVypSIgOjw6Nvzd4zy/oxqQVS8cj8qmIeBsdLCu9oWkWCj3Ka/QF2U7Mlq/\nZf9j3igZZkVV2yGhVJa6s6hNI7RVp/qoyAS6ic6zeg5e6aQXDB9pWjtMuEl5\ny/O1SaR8Tbrcc3Cvz99hr0xMg8O+95bpQBNLNZWblNsv0SxMyu+CxgtoI3Ua\nNgKifPOIJZnrKxmqJpTq2MKsPlx9b/q3eeWzLQgwMQtqu8alYP+gYYIutS7J\nv10Txxr7Rbvn1XO9It9icyV9+2k2syJi0wHClHU+jA+n+d/WqW/yCdd7I4yc\nyxYZKd79VMe3Zza8E8oWH9WNacjXfj8Q7MsC3h8EPSVpTgi2AkRvU36O6ktL\ncuRTL0M8B6D68mzBw43Y0bBOfisiLzBQ6VR1DMJbkyQ6EMl/o4gxv92PWd0c\n0H5et3P19AT6OLIJ4EZTKrEdNSuxLKFKR8dzPPy8fh3bSQeVRJwc6ia4RaZa\nYd7cgydF9aRAhqfd90FZs3ORHzVKnkTTqgaOsEUXsK5p88eC/CtGQytLD/jW\nrJrD\r\n=b+G+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"885abc8ece3b0c3cab58996fab25be733f65b5c2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"9.0.0-canary.a0b2db26b.0","@material/feature-targeting":"9.0.0-canary.a0b2db26b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.a0b2db26b.0_1604448485673_0.3956248890325935","host":"s3://npm-registry-packages"}},"9.0.0-canary.419e03572.0":{"name":"@material/touch-target","version":"9.0.0-canary.419e03572.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.419e03572.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44dedb83437e16426c11ed4c6cfc0ad1c17a7510","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.419e03572.0.tgz","fileCount":15,"integrity":"sha512-Mxlib/t89WXgcGXP+aEZDe7mPgbDinyUJ+Dcflfr7ZKvDwfTMAK1y3QwYBRAXGw/J4J44kUOu6nSneiwRpckwQ==","signatures":[{"sig":"MEUCIQCvdPvX32VJDxG8bBhPUYbk2l7SmPzn34xdYbTA55aA6AIgYlwtEn7U5q56NKXEv6kHeZkqtk1XKQ/bvHYrhvHXnjI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfogSrCRA9TVsSAnZWagAAB1MP/1NTZvRVcUx+0cuQlPYk\nYz0lO3Q9RRNDY3cdB6q/n72det/oJGuoq5pc7IEG93PsDvaRMg2FOE9zaUtb\nsNCclRqkNn5kBS3gdll/0z7c7EvIT83Sypg8WO46nqhYk5dZxr+J8nffEsT6\nT0Qa0Ty8eB1t9fSFjZQeoay4/VD4WvnxfCZO3OhHmKZOKpimFzZ6+DrPypEN\ndB1eKtiUd6KmI20pEbTnaadj/Kx7MdCJbdsDtA64b6XBQNHH2N3/+FEYpxk2\nh3xbupzB4/tMsDuJM4JJrjTBh0tWQisenZMDcA95fWaeWNy/1l92KMSufmu7\nNkJwQZrv9p143zSuCkXJ4E2lCU+N/4qp6C95UdOzTj1NmtiXjfasQT8CN3J/\nYgFdFnGRq8zt4voYPCipEmBcspjs9GjF4sjFjGx3Vd5/OgbJzbnlTsZ1OQwx\nMMBRMriVadCeJuhE7cz3PmOCaCtlA2d+ypJd1wlGJJtScfEYljPHt0zeNTZT\nnYdJg+Nj8JCTvOh8n6/LA8GkgWcoY0dKLg1VKBlSUZC+fFhQcjDfgGEdzsKL\nsb30AqJIq5w9f2w0wV/9y2r57AfkdYwOP5rjKVEb5GUSRDmXF2v2eaEhwIMn\nmxpbC1cRhJEor8tKWLaH/gcjFL4w7VjVKyqn74Ynw++EbFITZgJh9DRFaNM4\nvI2R\r\n=3uvt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c9528e0a61f88c4fa2a5bcc6a5e406ccf027d7d4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/base":"9.0.0-canary.419e03572.0","@material/feature-targeting":"9.0.0-canary.419e03572.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.419e03572.0_1604453547170_0.5454437063327471","host":"s3://npm-registry-packages"}},"9.0.0-canary.a432ad542.0":{"name":"@material/touch-target","version":"9.0.0-canary.a432ad542.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.a432ad542.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec8ea18052e8baa0f63dfb93c267ba8ff2a5853b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.a432ad542.0.tgz","fileCount":15,"integrity":"sha512-o6giYrwXpcbbg6UwAtJxdtbpSuG0wa6n9Salnlcqb9jd9ecOD2IAailDXDBAarbSu2CYCk7pA4KdOrx4a87zSQ==","signatures":[{"sig":"MEYCIQC7b0qi/gNkD1x5UWpY03Yk7vYrhtWYWSoNlaMXC3G/LQIhAJ9U+qAfwoP26YTOZh6o50Kfa0S1fdBv80unm0IEewkN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpKqzCRA9TVsSAnZWagAAAe8QAIielK8pfKKuchCC3Qr9\nV9wwOiakDzrRabytrzW91T6PYQo6c9uCVr7K0/fueC3rI59ikBOzWjcvhIbu\nMmCvIj9Bcmnte6OiLidpxfwikuRwdoQpyjL5bMKmMcbeHzF0hx8h4AsLAluh\nxqL5N1pP5lWqVHi2/8ohnaeGqzTx7WGaEM5k9I7eYlMKJLlXJhUm+BTHyd9R\n2yf6rp3lt/EJZYOwrBFFU+Vxmp52NY2RaYRmA5Gj7VbNcuyJwts38UqhEfd/\ncZWmKEfpoFc/Oz5t9KhASUJeNeiSGMXvkk8kvu/D69/vrNPmwY7LSc3jxKMY\nIxyQnFAWKkyQm6b2VpmYTLXOB6Mj7b/S2OCFZ3jqxqFX/J1y9JFrJ/GQoSvk\n8QjFMqeVZBPbkfJ/8meRSOa2I8xwVC1zg8aOBCx3OfTNexemR/8AGD1aBZPE\ncG7OwAUEUXiK1d5mKoYlz/bdMbwSsQxl+7s2Zq753rfAcOjRrohjDJPPHyOO\n1uAXLi0SKcqTI9UjeKczrUhjNDlT9e2onRAKK/YxshPrduASKj/fSzTnCZfJ\nnp4q5G+8coMl1css/uPtpxlNUlGqWgFJFeGMhFTTb3fhrICfAa2OrIsBITzl\nr+oXHQcr+dNZ1sGXAodt5id7hjwm+QR4Udy+eTWr3uSlhOG5Ch/wo9OpFLgm\nsA+l\r\n=EIV5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b873a7878b871d2ced45e7f04055b3d4ef0c7af1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.a432ad542.0","@material/feature-targeting":"9.0.0-canary.a432ad542.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.a432ad542.0_1604627123035_0.3654614757887311","host":"s3://npm-registry-packages"}},"9.0.0-canary.e2e8aef1e.0":{"name":"@material/touch-target","version":"9.0.0-canary.e2e8aef1e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.e2e8aef1e.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0879ebb5d7009df4759a7fa8dee32a05c3726bbe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.e2e8aef1e.0.tgz","fileCount":15,"integrity":"sha512-zgJ/LboSQQt1bCdcLS5cp6L31WDuvBiZaNJtPaM8X/fd/SnZQSEjVzjjsazPzYVd4HHNTaT66gwiw+Gk7Ds3ig==","signatures":[{"sig":"MEUCIQDp2YGAcVPEPxFfnbVYAe9Xvhn512C31PcPxw9Vr2umggIgEPfKk7htRIYJQ+BBn+01eo/KJNLie9TgqvL2xL30We0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpK87CRA9TVsSAnZWagAAKlIP/A4zHpqVIABt6tR51IX0\nHt97KM2qRrVw5hgVPOd2mEFS5tNZJOGs1NQ3/Xzp0PaOIGITJBOpMbmPewbF\ngdUSLdW2mtEppnYi3Di5oF7lFbQUy6/iJNWxPF3iVio5PjN+HewRzDaDAcNO\nf43UDWZFek5P/aHSPBp158uTxG9gN5eRsy2HlgelhMoH7aCS3nW2qiImh57Z\nJZ0MuElP1j7s/VqhPQ1FtIuODMgfm9awVgJxd9CqPan8OFwBtCDmgBOu1Ijk\nvwdD3UFJDU+Og9Wo2XBqBKoUmEnavoAEBC6Sm33RAGe55VY1ExoDbmqFcZcg\nAPJ0ZQBqeo3oKgY8ko/RG9EPPOAeAno4SodcdKNqrHhPobJmaT7193AD+kfb\nf0Bs+pdnqZrlympTxKBDHSTYR4KrJ1OYAzofy83gkNQBr0m1foPz+JxF4EBl\nqVfnOUdmPINkQJbuLXcuWmVhHO/zRarSTe0wszRYMxbjh+Ri+5V/qjqN21nE\n79XKz/qZThS6cG7Ceh9KEyfrJYCwig4ZemtgNCSXeDG2vVOy8EGyDo+8ApUV\npRK1Rc89b7ycKAIuf+PYNBnF286Vyeb41SrPaCcuZdBgB8/lU9sZ0d9cEEtg\nGlWpHBplrvc4/8EG3B6YGK4p3+zHuASlJybEfXInHRie3V8MOGjLph4zWp9i\nb50K\r\n=g4bd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"59b208be2f946b47ab6905d82c0135e81316f2a3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.e2e8aef1e.0","@material/feature-targeting":"9.0.0-canary.e2e8aef1e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.e2e8aef1e.0_1604628283484_0.7166380750037813","host":"s3://npm-registry-packages"}},"9.0.0-canary.ec6b68b34.0":{"name":"@material/touch-target","version":"9.0.0-canary.ec6b68b34.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.ec6b68b34.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"886b983d3b0d741d23852e0ae3f3673500d18dec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.ec6b68b34.0.tgz","fileCount":15,"integrity":"sha512-s0SV2ZOAzZc5W9BCRNAYXArDg/jdEeCIciJ8/UNJZCIoA58unTo1X3kJVnzYTFiqiVyCFclo1HwUnHkHwgYKXA==","signatures":[{"sig":"MEUCIEgrx/CPUQdgsw3zQkO4087wr4nEAijUAkI2IKp5gk5FAiEApP9SNVS7XEIVAe2qaxLvIIDellgwPHa82AfmBpp1orA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpZw5CRA9TVsSAnZWagAAKK0P/15CVhg9hC+H1hCUBFGg\n/IshTAoaGviNnNXrMTrHAvAE6zZAooEtrfCRqwUNrmhp8q3M6Fdxo4EiKM4+\nOP2BDaej+UxMzMnt9NY9fL5legWwIfdxbiJlYSJvxXy/5mkU0rc5pXAXPin3\n3EzlXGcCv6fHqcF69OUFYvgOrUObbMmK9XP+my4TT10Us7VjeYeorvy0LEMD\n5u3BTrATzZtC4prCql/aXj6qUNsdv3m+m651dTR8F0SDCnrLJ2WC0I6wlRps\nH2VqqyRR0F+PVeNFFAuCxbjvB8W6c9dNbPtUv6/ZLf1+JFAHb9t+cTqkTzNH\nberTDXjdtW5un1Iojq/NNuLNpwXE7HKFvrm9kFP8mZT5+Cg5VvX94hNNHLdB\nJYjogYMoD7axHUkxT/ZoEMTjgZtQuL1v0Le/N2Hs4W+2F75ftczsneOHPycS\ngB482D3I4CjvM1y4XLZPzvMvVlnS2NlaVELUIpjtIAggKsaU6TYnqHX+X9Rs\nGIJ/lwGr8XHWG3Dt4MEbh1lnmLg9xP47KqDh5qLjxD3HTcSuh5tCj9xpXCpW\nzcVr/zh7QGSvw6Mw98aeD6vaiAV4CwmHcrex3UzFVHdAvDE0L9MxaOXlPPbg\n4RWc+0D3S44cx0SIEplIkFbe13n6PQzPelRMHokqfc+W0BZl8ZToJkDjraWO\nMlPG\r\n=/ioZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a5005840630991931dd5d6aed79aa4986773a5a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.ec6b68b34.0","@material/feature-targeting":"9.0.0-canary.ec6b68b34.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.ec6b68b34.0_1604688952603_0.0434978214277697","host":"s3://npm-registry-packages"}},"9.0.0-canary.b39094d14.0":{"name":"@material/touch-target","version":"9.0.0-canary.b39094d14.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.b39094d14.0","maintainers":[{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ad7c1c3dca53f4d335845958b170fe9b5e0d8101","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.b39094d14.0.tgz","fileCount":15,"integrity":"sha512-oTUPPgLsjLo4dA3F9yEwNa0YwrI3GAJkGImeXjYpD3cmI2z/C/XvosDscrCMNm9zAeFotOA5Lk3YRH/FBrGkCQ==","signatures":[{"sig":"MEQCICIO3ytUfKeCkkzNYaNZrnhx95Q9xadj/Iq27/hUW1FpAiB5KJXmH5DTuG7V0PnXuATYwA/8fO9MXydkqfDh5HjzPg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpbzsCRA9TVsSAnZWagAA89EQAINOi85YCHwZJSiWQDfM\nCQGR4toeCZxrl8OJu/QvlU1g9s02cXyzEnGaTt2tDVZsOo5dXRY9rN37/qnn\nT0Qa1Is6fTEfGUwp7n7x2S6m1li7qYpNdVnnu6mkAUNSYcfsNMqfbmZjgTAa\nJpVtr9+7Zpek915ySkdYUmrQcmMe54MNRTObpK41AxdeDtj57zrncK3VMDd9\n8+YVN0Q3Qff4kxY7Z42QqLjamsojjaXM7T00SZKjDl2edMi0oWqFZkhDlC2h\n+ecmT0bRDUeHF1dBlk1tgo44m245KVyq0N62pvJNmc03IYpB+qnZmID1O3JG\n17Hds0JhS6HFh4tJ/cFAFyb1G6Yh0oiBLU1zpS46+6frSAtJyEn34UPOK2rK\nvdNFdOVsRjeFFiTYSLbWp4IBovVsj1SGY+10RWoBIH6rWd44idtA2XTZqHX4\nFfntXRgpIYyTUOFnMLExsNE1vuyPHZ4L6ovJ5pTWHQI98Ayd1qu+eBeh3TKj\nYDwyn7xkAYceHxeYpcWN/I3mlqJyis+K6F1Ue2DdqnL88jF6wYh27VTRa62d\ndjmtALn52/zRZaODtnhnUh6e1kQMRCRf3LZ2aklWAxoI9rENtrgPuhIaPMuW\nt2AjhLobRTzsdIFjeVEaS5Ke+hmnm/vUwfPV4L/7bnNZEopLXsTpF3PzLIe8\n5PFX\r\n=j1p8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f8c5ef7d8cee2d0a63421ee4afe42e4e9260cd47","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.b39094d14.0","@material/feature-targeting":"9.0.0-canary.b39094d14.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.b39094d14.0_1604697324490_0.3171079068637659","host":"s3://npm-registry-packages"}},"9.0.0-canary.8648b8258.0":{"name":"@material/touch-target","version":"9.0.0-canary.8648b8258.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.8648b8258.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e21238afd60135cd0e0016fd37ebd880ef9e2d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.8648b8258.0.tgz","fileCount":15,"integrity":"sha512-o78QY2CqVc/M8QS+ESYFNNrxNeXSElE3hfJGVp5XPNKdsNa7cmOX3vySuXnxpJiaIIBL0LnGoGDL/av2hfw44g==","signatures":[{"sig":"MEUCIQDYsfYPieG3tK8f64Yp4YRRau2ASJHsgSpXRbV2b+0OcQIgDrmGJ8Bj7sjlcbKRWc04Bc6773i8hQ16cswpYyydU9I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrRH1CRA9TVsSAnZWagAA1/UP/39te2suQRsJo3ZBNycb\nGjK/Pu3w4orO9r+0X9NyQnP339NF3sOxkkMPqrz5VynVKfu7zEoSFR06A3QQ\nuJUEfw2dMg6SuJpjQBxRkkFwYRdAIJ7QfGlxskFhaBJ4kv9IOiNeU6wlh52e\nUqWGSV3Iiz1093qIhjQW77aRl4XLR38pw6P/0Y7qj0/4tfd7QVFuizjjCiHJ\nEYLan72H/d6WH8MNT1EgId1OHuxgrK7/gwv3YBwCYpD9BTzyKBS4hv0IOWvB\npsLt4rNKcYXNzIMAM6PueigQXHnOfh9KJbzIvi7TUozSUgOh4vv6AqI01qHT\nAR2BHlawPzo0LXAqFZRd5x/mE55xYK50kSkQiwwGNxbzhQqZguenzW2VgioB\npxL39aaNS+cpopbiBcq8MRyyBM2LJ/IAjVUCcvVv6Zzbkpu3cVkmocUicYAL\nkR1qnxINkao2S+7aArKL3NHLRuoVtEBaLRca/Z9AhIcIOfSRJ4gY6SAcY0wH\n+EZ+mvgaPO9Rx7iMnAY83RNaiPUbJYfh8DqKv9MaqitjNXQFprsQ9XAEwfdU\nH3hzOBYytTcuMnMhcz+v8O0VOLaoRNSZA49PqXgzDfMwK4ydYajvRZRLoV4p\nCdkgQyS9yKEeTX4LQrpptX4853WMHCHlf5GREKba0UuOn9sMaxg2oyLf+XfR\n2IyC\r\n=7xrJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d98de60dd3d91dc14a84abb664678188ae936030","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.8648b8258.0","@material/feature-targeting":"9.0.0-canary.8648b8258.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.8648b8258.0_1605177845103_0.8054535577876027","host":"s3://npm-registry-packages"}},"9.0.0-canary.240c5f74f.0":{"name":"@material/touch-target","version":"9.0.0-canary.240c5f74f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.240c5f74f.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ff3c96309a345aaaaf07a7be07bf55ab427abf7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.240c5f74f.0.tgz","fileCount":15,"integrity":"sha512-9B8HyWSDnKd4lS5Ueo+NkWcTDfH5JYQHAAGSC4vm1hBd/e1xz+W/SmEgesFP/334xDQ4J6VD84SXN8IYFtxseA==","signatures":[{"sig":"MEUCIEHNEmsaE8OUdo90BTVhD9C84uZAfw4H8altQ11wKjP1AiEA52+8R6+fEo8KihfN5QvbFiiebacEnmnwQjPiQnTbKaE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrZjuCRA9TVsSAnZWagAAmTsP/2HgvK6x6f4LJPcyzGNH\nIvozsAzKQq5zcHppf4PDKJXb8HLRnsdz9tQLBcVJ7qJPbMTzXV4qalhWi+Gf\nrdM5pmmtehE04gnOonyEbkyZtVLLgoQv65PnlBb2ANtopFojmF6E0fIe+caF\njoCgwP9YFW3/CbCwanuQI+/XIRflSDSOU286s1wrI7QjgXaHCyuUsMtYiwT6\nrSxnNE89+EojXeHTS9/fKDsgGmFgsV8e0hJIY8yUCmDXPuNsFraIYtK/Isc0\nUiStWXWA9LhnBnp7WSuEBd6r83wFb211LizjnLnvOGM7S4PJmcHgrljd5Z1h\nWFLwt14BE/Hs320Vs2HRndPZsbtUK+pjuNG0fxMKbPLyxp3DQp8Ll4jK3jxZ\nOY07DCFSOJD06RToseX3jdwPvjHc2c/Z/zMhjp0k+EpW9hVxPsOJ3vRWOirg\niOAep1rKz+s1/8uBE8kwZQkPUVX6JnNxaFdpbcH5gx0TuH8Dbkr56yU3Ipd5\nTvxLmnxRE9bwx5vW7zVr2OZXVVhTisviv2S5sMCYGxbwMMnfU/cqqqrRgZa8\nHYrl5I/XQ5CWY1KmhCEvSU/SAUx/1ZwJuwTz21F24V5vBhdmgY1LQqY6mrQZ\n8bGK91XKnUYUULbUYQF4rxSuCog8Oq2etX1fo7kDeGPX3QBUXNuCbE44qQBq\njmTc\r\n=SJGx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"33b77622681b24909d892ec906f608e75f5e9809","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.240c5f74f.0","@material/feature-targeting":"9.0.0-canary.240c5f74f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.240c5f74f.0_1605212398573_0.6006865375548438","host":"s3://npm-registry-packages"}},"9.0.0-canary.6cf6ba4f4.0":{"name":"@material/touch-target","version":"9.0.0-canary.6cf6ba4f4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.6cf6ba4f4.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93e6b61f0f13c661a2ad948ab38b1359773bcca7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.6cf6ba4f4.0.tgz","fileCount":15,"integrity":"sha512-lf1nb5n0oEpd4gwXEmoz7p9DvpeeZOWlxbv755fpV+l1RRmQ7KZCbXHMTWAQOblVDwcVOTVcDkvOAGz1MCAnCw==","signatures":[{"sig":"MEYCIQDnka/3R9iC37igHsP4ruXm7QTuK1zWm0UgxEXnviy1eAIhAKrC6yUQcxqo7OVntegvFJ6Xg41+hytOjWl1ZF5IyOkW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfssmuCRA9TVsSAnZWagAAAV0P/jB+/+UEtlL+rdR24q8B\nPM1ABvmZkiEI2eh/tzJ/j+yeG4YVZrvqOfcUlm9ABDUxWtzFIaaauqViiXLW\nXOb5lMAiH+248wJTG3T3SaAGMSvffu4W8TEsjJVGlLf2DJCoGg8jCV0RcBjP\nH9iG7lbymoMG/Sx5JE5oworV8lL3LwnS+k59DUYOka6QFjqyiqTiVpetRrJh\nZoLsusMoX459usvqeZ+HRQPiqBNqKKpH7Ai3Gz+j4ALU15ikHRWVKQooo7el\nvODmsQFjBwIyLnwcWHDaw7dChpbwABg9wTf4tDtnkUH5LjIFnVQLRTgpJL2k\n/lGqS5YIlkVyaJ7PkceBTBGLsYbjpg+F9bmv0IIeOBJ1TYmTlgKgLfqs5XVO\n7iguhhRNaCWpJiV0NE72xbI0Xk9mEe05Tof0zi8e0dXukVEWVfxTrCaz/zpo\nUo7LNsUKIr2xQlc/foN/keBGjt7X0N9pWGvpr9e+QyqTehHQ4NcJdcmJE7l7\nIErNVRc5Hg4hj97TltOT78OGlsy6RpoiYL/pJIQTL8qfLVaL6YWhl/36pf+2\nPEWfgXJ8Of5f/32AoRb/nmr5yNoE5IBq4ILu5BgIX7InllOCDaLPAEtmMPiQ\n2xY4BMECQkN3+8bM8RiXqVdPWy1B05WGRfbg9wHDYx742PZpjZgp7s18a6Mh\n+OX4\r\n=He4T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d2d4890ac5812ec797b5f621137f4e8a077c3c0c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.6cf6ba4f4.0","@material/feature-targeting":"9.0.0-canary.6cf6ba4f4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.6cf6ba4f4.0_1605552557987_0.046081586377623385","host":"s3://npm-registry-packages"}},"9.0.0-canary.07f3e01b7.0":{"name":"@material/touch-target","version":"9.0.0-canary.07f3e01b7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.07f3e01b7.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f4c69a557c28485da28db104b46caaef349fb1b7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.07f3e01b7.0.tgz","fileCount":15,"integrity":"sha512-q+PzCccDVAnL19TIr6TDyV7B92q08J1oytHShEvxPv1IyDzK8CsRyL84Jc3HGin1DAzzaxks6Kx4iVwz2DsLdA==","signatures":[{"sig":"MEUCIQDz0/yYD/Ji6MhH6lBJYGOD5xpLUjPzwy2+G8E5Aze9/QIgIpG2X0EVR7LCMNskgJ3TSk+/ST8NuKwSAYNUb7mtB4o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsvLiCRA9TVsSAnZWagAA2wsP/2777VsToulY7qPjSZKN\n7oOeIhF61Oz+Q65/wkY4SOIwB2tPOhNEq4BdGm3Rd/cFu5f2NIHfDvhgpwz8\nINRjgBnUC54n5F6TL7X0d/K/bMIMxKg5+caTQeuFH2odhZv4sROTRieVAQK8\ngt52bSi+TU8it2Ap39hDu1Nggo6Rpjx7PkH/R1Jepr6LrVDEylc76piIK+8g\nMr29/wdFJHY+FFWVFI8FB1KkGRXJPXctcyriXlnJSbdBOpVzQvIrcTrUAZcf\n+AyaFBLjuAuMc9kl2ILHiPImvwG8PsnzrWePYpvliQ09BtOoXY2+6m29wOyo\ngmi0JWVOcatIUG+p0cNqZx0ai+zlwP12ruOYjIRGKAvDkqNk/yyW/dvXzeDE\nub0/0YM4ZaJ3QBtdMPrqdWcrrqnGmVkjS2vbV0SA+bjwDazIXXi78pBAXMW4\nNj/Q1HBJ2B7ap1OtXk1HcE7rlGIWWDFiDxS+yVsb7U1jRZfOIg7vVHDMJVzn\nX7XgscCP57w8gTuQJ859Oblrbvai++L7x9g7/QZTjhY467bLI3IgmXBN+RWX\nlHPcLLEy2h8Lv5MHAflKaQEWC69FJsnjBd1ks3hBK2IniqWtv8tLeKVgwrEL\nzgK8uCzXrEfutgD4SeWPNhkBjzz7Ss1NCZdN8OJKt0SHoZIYtXVilT2yck+d\nxVNX\r\n=Ge9g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"39f1e043d0db0c6881d84b3d7b54423f64cc8c0b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.07f3e01b7.0","@material/feature-targeting":"9.0.0-canary.07f3e01b7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.07f3e01b7.0_1605563105945_0.36891694285286936","host":"s3://npm-registry-packages"}},"9.0.0-canary.23491cf85.0":{"name":"@material/touch-target","version":"9.0.0-canary.23491cf85.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.23491cf85.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"991c332a9b3bd9c1e822e6e54aa657dd58a5af6d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.23491cf85.0.tgz","fileCount":15,"integrity":"sha512-Qync6ANTjibi4wceVCIY4isIMPu9tvytiO0njnSBk3BOu8dDqBXlATxuNbxUzsJvnRvrL0u1E6taHTI2dW/qLw==","signatures":[{"sig":"MEQCIFveHRnFpk+IMP3LJFEMR4xxhwASwYTP/UJEzwmjedzXAiA09kI3MqG7elBGlcwZhJ0fdyqNNaGngPrt6w7/Ch7YzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsxZmCRA9TVsSAnZWagAACJ0P/iI8JwZcVGCc69ARuk7r\n74x6+xy3OgQo4e77DgscUzYUs6Nwk96/q+NsAtarZrFovI6NT1CO1L6G4fn2\nBsK3TNbI8CLcOM+mSzIgJYx9Go2LjhNmyZfqGiPXrpIG+K6N/vq/R6Sshon9\nfDwMkYFLz5zJxhfO3cVbPB09jtHOXebKKBtwI65RPxnc+DC5NXBcMK0BMNRi\ncU2IBjdCGlylj7VlLnxcyj+yzZ+LWGUuVIqkB8TzsCQgoUfAjrLiqJV1lVoU\nYo6FcGDlu7x8uSatX0V4pMVNXVjvvejLtWqxa+gSnzqTQQ2CjyjxeeZIRNdK\n94u3WahEPQt5J5Qo+KomGVK3s+9MnzZJUvEdTDduyWeg7Yu+7VKr2RuH+NR5\nOQieD0g55MGkhZ7Ko4h+at5DuEQYRbSMrcK+otpinpAP/T+VLRM3vHnMM8bo\nyl5lyzZ1Lt/4FWdioBF39hDai1SJW5ZtarOilwgtCVDg/nHW6nj7djx0oezV\nJdrwW/leqpybgwK09yLUdp1+LPXLCBybyPDZTYQeDdJOhn8sAaxicmmlu61m\nsvRYSL4UVl8dwA6RPrGzYD83/viHdfSn2DmqG+P5u8foR8eDlGl+G7hGMHPx\nxXUxaLGR8mJcP+CEj4LEBRHmL5Qwnlau9hzWcua2bgFovaxeR/FeYldRlLpQ\nhGi5\r\n=K6lW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cc2535ba5f66f73426d236b8a85291d7395ce589","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.23491cf85.0","@material/feature-targeting":"9.0.0-canary.23491cf85.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.23491cf85.0_1605572198180_0.23266771989156498","host":"s3://npm-registry-packages"}},"9.0.0-canary.b659d4fc3.0":{"name":"@material/touch-target","version":"9.0.0-canary.b659d4fc3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.b659d4fc3.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0480ddd6ee1b01bb5517cc9a7d5a77586061f6a1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.b659d4fc3.0.tgz","fileCount":15,"integrity":"sha512-F7x3/rKC4BPC/LW/5+QlLLQ/ERl0cPMUN+ns/etXw/6HFIQ2rhaq4vjPx8erBHg97Fx97n5azQr0TMkUeLrA9w==","signatures":[{"sig":"MEUCIE6SJrRXihwaDSmRIDsSN8OjcSdP7alNEmGmx2g6GPe8AiEA0+uHlqF342y3YuJk5Ylnf+8my/ToHr6v7bjuoChUvkc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsxg0CRA9TVsSAnZWagAATMsP/RrClkclDbK8eJxNX3S3\n0Ep7C6AyBQO+X/+qAwR5v4O6Dk/v8/f+yUds1C2oscXNaWdu2+9Bh8ldTiNH\nEVdaT2M/lIAY/EiE6uX5IZUzJEfDe2ImCgaUsoyGlwawJFSvahQybpTiMvC5\nHwbIAV5zfMHIvgU0kMhj/Fa+GjUcqgr/IAokgN4TLHlmrS1BNS20VUggDDqP\n32qDq1gUu378BP+Y4jgWnC4X7F5NC1VAO0Jh80CZaQXZLR7qVzuTtulN5rt4\n/V7O1WM4QCfLLnQ1gRTiqx0Gtx7m8MMZdcA3XAIq05y+tNGu024g000/cjbw\n6AnCZc9ms7obVJd6lY7ZwSw/jD4Nr5siz61v3RL2mE2Nl8fy65N3wzHB2T5M\nR6W4zKbKH/jDAfwVGkyrRvDbaG+Vqi3nVETkw6XeqLFRruKDxe9+Jf2VySXO\nFQw7VnQRD5898KO/zihmRgBNYFjZTmYpTUgqUPkdWgcq9zMx6ugchfjnSclL\nfKgmSVSLVNpFLo4gqLxYlHAhp/YpMdC2Ih8UvRbV4T1vgtsAwGJpDnTaEz3z\nxTQTIW/GNRlp40xC6mbZfalFER61uvgoReBX48cmM95c4l7eIWgKvJlvp0zC\nTyHEZ+AIqpOALJeX0WrrgTdGcA1HoV38u++/kCSV8zPU74UaVvPfIBhEsXTZ\nZMsd\r\n=YXwF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"da948526208886bd05bb015d249db8d19d4b3f05","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.b659d4fc3.0","@material/feature-targeting":"9.0.0-canary.b659d4fc3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.b659d4fc3.0_1605572660030_0.336290334904612","host":"s3://npm-registry-packages"}},"9.0.0-canary.d8a3aed67.0":{"name":"@material/touch-target","version":"9.0.0-canary.d8a3aed67.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.d8a3aed67.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"406bb3a6febc51da12de985a2c72d62926286d17","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.d8a3aed67.0.tgz","fileCount":15,"integrity":"sha512-DvNxN3qIoj7yFqZQlow7v6N5kgmf5YsyZ2h7Ch9HOhbyGc+PuLGowkRlOFsL2sX6xxSXL2CEqTvZVbQFVjDRqw==","signatures":[{"sig":"MEQCIEqaKcx9ssCVixC6xJb1nKcZ3Wt90nY9oB5j47IuQO+eAiBWvTLOLbOeFofrxUNDybyOTnHppAcpqWh0vCR/C3hdzw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfs+uoCRA9TVsSAnZWagAAyOgP/0kfQaiJcKYk2ksboGFm\n1XVjcN1qy/976MO3eIJLVNQZ8GMf8fXXay38R1/hc0zGYUcQVCNaq2x1FdRf\nm4x1wNvDXBGcCRVZd75/4O1uE3ZtYrjH4Ky2Lm054wXQk7uqqmCb+kd75P9R\nYCoqb9GHgj3KDcgxGjQ/fK1YQ69A9nq/LIakI8FgmYdi/W+a1S5RGBRU+6oi\njyhO/dDBcD4GKtJkrsPvUm7OA9I52/wK9jbPFvcDIFkNY9oQHwVClmtP51ib\n5rjtPYN4oCZF07zEUNqpRt8H9qgQHP3TKG2qRHxjrggW/i0iNvVTXHm6z3FR\n0tozu/A86F7+a/r25Yc7h6fy/fSxAaeoPHH3kf04rTiCNxKTnjKbaSYGFODo\n3E5g9GESDCidpBDXQCrTZlnlfw1RhvWB3wTEcDjR1sPJo6/tLW5xkV9/4yyM\n6qVA2w8N/7tvbVWuKjoB92MMzncoBRMdQji3Msv4/8F8WyhY6qrdz2hAYQ8T\n5UP/urnxWEvn80GbOqK7wGlfiW5/imAl+6+tdboZJWRhxkjO2Nlb14wMZgf0\nXpXcRBpz0HjFtVU1xyLsYMCaY3YfKTQ0mQEFkE9sQzKS67jo6eUXD+5r/jnb\nuauturm7CncYdOHQKNTwtnU0XV/i/jvKZmW7RRhz//tSXa+oEZa6dDnbMJ+f\nHf5R\r\n=+/kV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e70765503f122fcb3d748ffd41882655d9d4035e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.d8a3aed67.0","@material/feature-targeting":"9.0.0-canary.d8a3aed67.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.d8a3aed67.0_1605626791882_0.14221859791953584","host":"s3://npm-registry-packages"}},"9.0.0-canary.482ff9091.0":{"name":"@material/touch-target","version":"9.0.0-canary.482ff9091.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.482ff9091.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"16ff2170931d2f9a6eff1b1d73b5159259eb20ba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.482ff9091.0.tgz","fileCount":15,"integrity":"sha512-3PoTj5it4v6R8Dtfq34SYfuV6hwGIxNdAxD9fDO5t5cg7NkjJ/5PzG873+Rfx7/7XyafwK1qxzMzIZGEoRYg2w==","signatures":[{"sig":"MEYCIQDbhYKY1VtnDPJ8BW6DUrZcIdT+MjLzC9oNm/2il5qARAIhANYPvC0mrQrbnhoHcS2X7rIzsVxDW71GuMT3Tb0nPCIj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftA8BCRA9TVsSAnZWagAAeh8P/05xyGCM1h2jsF6qAuEv\npfa6Z/xXkZu1zyJbHZXySqDLQYoobjFo5fHQLBOUi8qhxR2OUUCAC5xvO7ng\nfY05Nq6O5BYwdILYa6HMxtlwSq9okGlDV3lwzqhylEU8hi3RQpo5pzVcjw4p\nVJRvfbynFaaIB1L2iCdd00psi/YPRzSIXG4p53vksaj7YpbxHENPhhuYYhTW\nuKgIhkQQj7bdZBRohewG1AFM5COasIBK+o5/cR+5Rer2jiYxobiSz8Wogyws\nqtbXBZ5x9rMvI2AD++ZP/a6RFAcHwjPIzJeyj/xYyE/GcmMBmmSiBybhKPmD\nqgFLgv4QwfJsRDxccK2sKJ6jYJTcrHE7NdK63yEVt8P3jR4Y0mj711y6Kw74\nNBQLlwmy+voshdVtICeEvN4pvcJ/WYWh+S32nXCRWduadeizl80f4qhaejxz\nZ1fcvxdVHtpDBL0Rfp76Or6gM+ZHTG0tq5TH+fmffJ0R7NzqiZtnBqsgTB/g\nOnvDUmiP5gf7l/6csGP4BfkvwvX0Zjs/x+qxU5uxm9QU36bkVXi6u2M+0J6r\nHJ+CjLM1YbuICvnmfNoKHyD2CuOOTHlkHtiOnqNjRK7Xw+vj1JGAk+EifCRF\nu5GYCknb8SBk7Dt3sZ7UpBSazmhE/yGYmP+unDkButdsgA8L2kjUk5pwvdFw\n9Ore\r\n=MPGv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5b4b306ef0e5d1d3654252169bb9fb9d75490dc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.482ff9091.0","@material/feature-targeting":"9.0.0-canary.482ff9091.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.482ff9091.0_1605635841275_0.24083439728609402","host":"s3://npm-registry-packages"}},"9.0.0-canary.99cfb6bd5.0":{"name":"@material/touch-target","version":"9.0.0-canary.99cfb6bd5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.99cfb6bd5.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f989dbd387e0b86384c98c4544fd825b675f96aa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.99cfb6bd5.0.tgz","fileCount":15,"integrity":"sha512-nRekq7o7z0GFRHg/ReI9smIeRuQvcIeNLiULF/iWwJERgB7o77P/YA6qihHFZ0+s78TWUHehKZF1GvF6hFQjTw==","signatures":[{"sig":"MEUCIQDJ0H7DkwexNRVsSpo6R3yJf/2AQYtO17BLiH1e7Ld23QIgV1UYCFvNuTODUm6SiW1MSo7vxQOa2GXyR6sTXN7FUkA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftWs5CRA9TVsSAnZWagAAb5oP/iIsLiSm1KoTJfN3U/bE\nTmdmQrAJZXpVoxrgqhKFzaWQYL0X0aSQlTS4zQsH9MVlKrRiwEViuQ5R4D6K\nQTgxGtF0HDrMq6tg08ffwhkdDImTmxVmWHI59zwZl/bDC9C0xzWpOfnEzFsu\nSd30pZfUqfWU1N2Rv3BKkiTbfl0Hs73SSZaV6BGyZkfg/u+eVUH98Q4l00J3\n6WAkpcJHbccMKz63zE7k+v8eOPnKUUWcDDoc45uvGd0fFsri8UPPYJXgwGyr\nt6EvhTkR/kL9/szey7iWwGf/cDDe+xLlbqS/CepwcsrnFP/2EfswitgYmw7t\noRh3JSQYx5QCUOn56IbRuQ+5xt6KMJZDZQznvBjWBNQwml4CcO68DXZ1ZVOA\nUReNiHT6793ITET8b9o2+5tXKmwA/nL8bSwc5KcEz+Yv1BYmQvmYNhfQuoi5\nGAPgGKkCKsz96mFqAExxxVqqmiW7bBV8TmZ1e75y7cjLhYV5p+j+6W4KT0A6\nxjTIRg+DtOfRe6bL0RdUhRUf/iHA4MIVV3wHf4DnoThM3No7T9VcJ5EwqiQO\n5IrB3iExRVOnR2r7rw9SS0t+xphSScEb8y8wXuMe0mi5NMh3sfq3LwVHjVmn\nYiDbQzckdpar02L4xR774klhaqVjphnx9bzYdSCGb/m11a9pINeflXFbeHL/\nKbSj\r\n=ZK6B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"97b5b434f189a370838c9b867dfe1b766ae52fde","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.99cfb6bd5.0","@material/feature-targeting":"9.0.0-canary.99cfb6bd5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.99cfb6bd5.0_1605724984810_0.6201347842590812","host":"s3://npm-registry-packages"}},"9.0.0-canary.b98d15d90.0":{"name":"@material/touch-target","version":"9.0.0-canary.b98d15d90.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.b98d15d90.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"113c183694277f6102d578614ca3c50f8d1564ce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.b98d15d90.0.tgz","fileCount":15,"integrity":"sha512-7hYBXqL9XF30QM61owy0TVjK3ueUQDMnDFt2vl615cQO3udOqZZFAKQWi/7iW5vlGUKgU+1CaH0lc/88r4ixQQ==","signatures":[{"sig":"MEUCIQDbfb5rQ89QvtWmWA8meRmPB6dWHG0xrPqBryWO4XU+lAIgTbTKEDZDM8XNILNTfdkMpxmo/pXxtZdOJgIjNw9os9U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftaFpCRA9TVsSAnZWagAACQwP/ixKAK+F2C8pPKCzsLnx\ntVbUluN/HaBu0Yc+/3Gs3UQCiMRmL6tbT+mmjM4MVjv6Q9IHNnBg/N6sagUD\nuHeWoOp7b3ydo9gHfbUE2QhodRQoiU8jP+3wp4nUs4tNIeNu20ry/fZMo/+a\n0Rysg2WvT7fetWSq7b3lX+LRfWOo8YUPSlztrTxHKukWHLhj7Men1E1eRDWL\nMcQFaQoKuZnNIHCf7AwCRAw84HyjQr4yAphQCsb61tQdMXbCX2hlVn8CU8Hh\nOBqjLgn4kXu1kSubo9BiOH+/46JGZtbrU4OVptJkq0EoL1/lg68GgHJMLKhT\nosfy6g5tI36LnhbQb6q48bFyc6E42VCZQHbYUaR5IFCncqIQcM6zSThnKY/g\njbeLYkWiJdof3+u4qeVNQttGX+3h5kweDGDULEjTNqlo+lVgyg05b7+rT7Zb\n8GVFjfubd1BlOfNWepw+OOLafzl9ZW0wpcP8F/c3OOhCb2CQ92Pbcpd8fcui\ntv345NhIiTKlP9rPaY6rDNJLA+pkuDC6IDf2etiQIPdszdkER7LwFZdtvQa6\nTP/BNFpJRm+XmaSDBKdUksaNRYdL+FOm7k/yq28ephH0WJL5OuEdTVy47l0P\njARKpp0mcmP2qDNMPz67YQC2sI+IpS+niI+vnxV3be0s66CrM1hwYYawPimm\npKWF\r\n=iF0+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"abbd2c5bad9fedd634d7a0c98bb8e4a8b0bf3439","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.b98d15d90.0","@material/feature-targeting":"9.0.0-canary.b98d15d90.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.b98d15d90.0_1605738856909_0.6267125877247275","host":"s3://npm-registry-packages"}},"9.0.0-canary.30c11bfc2.0":{"name":"@material/touch-target","version":"9.0.0-canary.30c11bfc2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.30c11bfc2.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ffdd88127d3d2db9e08ff7f5be54d301f710a642","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.30c11bfc2.0.tgz","fileCount":15,"integrity":"sha512-qupjMkjUSSIJHWc2Z8nhHzcRfCTeIXGZQ196x0VdwFSB3OIY9cKBMGKJWHtOS+/CuwP6NYxgdhOlU3kQOTg6HA==","signatures":[{"sig":"MEYCIQDqZMAteaGlfaO+iMNHnWvNPQnVkL7y0Vau0wphBEu+pQIhAMeRFIUBD7L9DovFjSQgSV4YCEapG1j46xIzFNl6VvUd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftcmFCRA9TVsSAnZWagAAL44P/jQjkPr1zGVj9puZWNws\na2VkKwvcYPNV8WoA3Hzova5Z9RrkjL5S+g2G1o5QQmyBEMHP2K6ZiWZs+JWS\n/RTi7gmhH6FepbWPOuZi8DIhzy+PX/uoyD1gPiwKV9SviKZticOsdJK9Av2L\nlb9rkyqL2SNPY4BnoCjIwuM4/+rktTITTuWfhmr/XeLMKDeAwXI53/61QGrs\n7YmY8/mBBNINAD+ALGVqqZ8hlGwJaA0xMI3cUDThGU/B+7h6rYwDab17wjbb\n+Q+BjEn7m/ajhgKXguGqA6kAXttJ7d52KU/4ujDaMNH9GfzeBIit/foNsHF6\nLKNhNhE95nfwj/4MgQWLENNaVh8zTPATGs3Bv3mGP1GGi+lkLDF3FNV85yie\nYASpFCc5ywF70alQwapudJM1Go4iIpDtgxf/Cz3q5qck+DFSB3aAI7ggkdrS\nmlLIkWg9yy0hcYZmgo0Pl59BGTP7yG8vX/tfQh3BnZOFC2Hc1tq1M21D38Al\nRLq+8vg8COsEJ2+zBxoiJ2ntnj9yq4LJ9yVzDuRWvilNECgAuLaX9uZHXsrY\nXdF/kV84xH2HiRcjj6vhG/5l1lJ28VSh0+P/ys3SAJ1AzU937/BFzZLxH19W\nrflvBDmShgBiXYW9HhnpBGt5HqmyoSgnG6BQdRhTJmGyXrH6SuX8LbIgIHYg\nZVzo\r\n=EKgO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bde404a844a4528a097cb2c90d03c4ce8bba9d74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.30c11bfc2.0","@material/feature-targeting":"9.0.0-canary.30c11bfc2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.30c11bfc2.0_1605749124749_0.7931095627962133","host":"s3://npm-registry-packages"}},"9.0.0-canary.1b731d51b.0":{"name":"@material/touch-target","version":"9.0.0-canary.1b731d51b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.1b731d51b.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8419f38dc55d046660848508b3914b976f5d2293","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.1b731d51b.0.tgz","fileCount":15,"integrity":"sha512-qoUcPxXNA/TZq4vscA1wYqa0J+/zBWyZ8HrxcOYH+al27j+XOAQWKWILI/Zi7HYDngj74Vaksh1pyUKIfgpIag==","signatures":[{"sig":"MEUCICAU8jA1VHNf1Ygjk7vvS1NYLkQNw15miANwJfKgszGEAiEA77DRqUVzy4rDnNCJTekDncDRCkt6vEZ3pybS8YPTAoU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftr66CRA9TVsSAnZWagAAXG8QAKFFlkSRQASqM30WqPBQ\nMD5NHjZM4UiheHrDf1GWxvrtglzWg/Uv6jsFjzx4VGRR/U+fCR1MBDGrsh2W\n5LL+BeHrTuMZ88r+m4dtSNlIibpsoKYQsHCrpKe+Lh6IPAqtfWliAqvMTXtn\nG+wDflNN7gW3+fn6B0qLhRps8FUtZlAdVbKLVUej/PQquY66OrgP69DB8/An\nrlaJnhZlAQGI9s82ZhWPpP/E2b4UkUeQXMc+pK2ThPv+IXz25DpLnkdSpHQo\nRDg/BUURNG4GKW37Wx07jHgaJ2kbhWDHX77BZBrO8qVrQydnG7t3/Idf7wcc\nRntUj8DH9B+Tx9aRCcTCXKz1551kzdGgCWm2XS6WIse7dQFah3/vb+u4h0jg\nVo8vjgXAqbThfKUFdjKK+C3CFK3vvlvD3VgO806Fzkiaa9ASZJLriyj9bIsN\nXogEwqwJiWS8MB3ey8wLt6f8tmwWSjnnraF1Q98TtJwdL1vmlLeezuTHr0Mr\nkk5HYnv3cQsIaNb3z4g9j6tHWaE995oE4uas8DpkJpQdSzVBKtnZB/a0bGY6\nuQ6Vzczspe++qcsXbWiG9gCT+qn4fw9y/ftoEaqL15RFH26w5x3ISONHO4Gi\nzp3q/BGgVIseikwwA9B9WqhodDxiQQEBoSi3XAIFRCRK8WLWoMDplWSoJrHi\nwfib\r\n=kLy7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"22fd036a79b754fbad742c64041cedbac73ce410","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.1b731d51b.0","@material/feature-targeting":"9.0.0-canary.1b731d51b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.1b731d51b.0_1605811898298_0.6017628823334176","host":"s3://npm-registry-packages"}},"9.0.0-canary.4ae94ff78.0":{"name":"@material/touch-target","version":"9.0.0-canary.4ae94ff78.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.4ae94ff78.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"148f4290d496eafa7455b8c0c85d0083a009eb5f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.4ae94ff78.0.tgz","fileCount":15,"integrity":"sha512-gRP6V0LyNGFgKWMB2uXtgFCeJ1mhDxTII14rmI/QcfnwkYGOeKca/GsJ5Yb77dvLTCYFXMWXOrZOSfSfd9GP2A==","signatures":[{"sig":"MEQCIG/7kPHNJogiXUBrUb50854bdQfC3OW/wMdAkm4AGADvAiAXNbjgm75gT7mLanE8TS7FqBDr+zgim5XuN4IsJL6lSA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftr9lCRA9TVsSAnZWagAAsmEP/3jgBSHkcu8qEd8T3wCC\ndY0ufLGCMrPunDtZ1bcb/dAaIXQlsOzxzv8cmV8eMKGbSLHwuNMVcABeJSXi\noB6a5L0WxWlWywyodt+VBhyJpLWze3GdaKDithXRlnSTYE4gDrlf1Jz4FA5i\nLF7gAT3CDR2NoBXeZH3e29dIhhc0+FIA4Ogleaulk0GkBT+DF4hWDlGcbEQT\nVBawYvxYGCm65/zbly6gaHAxn6zI0THm2/5eQAQ/2wAOiq6RuCirfxYo/fKC\nZ/pHFACK6VA7fCAHIW5ezU+u8C7uStixIgnAY//Sez1yNY1RgvJWkzVUxWfo\nSDXJO3VC9oUYAniTqnwEO1LbM4DJ+UPyH6xZQz2UDnUrMfL9gVLlAZ1znm0o\nxMiz/Lzz9ojPJKeYPzHnNfjNncW0it2xo55rx6O3ttozfAoF8sFqLeYGXFd6\n/IfTa8HtMLeMoWRVtToufpvGy4R9xItR8+ZxhVnArsxyIaeFyG5p7gHRXW+k\n5qy4qNhW+Rrh0sFzPen1EFsX5cj8Zi0hf8sQG+ZAteBy/REoWXFZtwsYPDMZ\nPTlBmTjfAw5fcJhaDibcddKyYCvhAcSa5sjxjbRUbp6+e5MZa/6MRoR6OLQd\n0WeIu6FNqm9n+2bqcaYtKczx60gxSK/CPsbq1NphvNFzNd2FhklB9KhFHIuM\niIHT\r\n=/4rO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"34c69ebecd44026cff9ea0d681fc2be3de9900b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.4ae94ff78.0","@material/feature-targeting":"9.0.0-canary.4ae94ff78.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.4ae94ff78.0_1605812069013_0.46170586835496996","host":"s3://npm-registry-packages"}},"9.0.0-canary.7ad038e1d.0":{"name":"@material/touch-target","version":"9.0.0-canary.7ad038e1d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.7ad038e1d.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7731f4fd2ede33bd3943659d8266366ac08ba3d5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.7ad038e1d.0.tgz","fileCount":15,"integrity":"sha512-CiP0FysoWdYArIEJAc1zo+UjRXzjMpMBG+AnqkN+fGQ0eNbFNHiwbp3TRttZXQMl3U5RwAjDGaLl6YNY00FVzw==","signatures":[{"sig":"MEQCICsH7czjzxhBmTC61kcMrNE/ZzUB4jSrtmwiVFtMCvFFAiA7wZnaQ9hyUbw7WrcGaAGbol7i7+lgQM+U2Zg8q9tb8g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftsTcCRA9TVsSAnZWagAASq0P/A2M1nWFq3+2feJKtLKL\nc4hfG4I0kMY79oMB1ZAJXM5XEGl74mxCH9XHa+rqy4dgYZ2JZn35bVGDRzSU\nMJ1fnK6WJ3iQ8UyLL7drpuSCZEA/ImIqzNpgsjpmhOnMpCho+45Tlda6PK7m\nckEQ7GaZ3dRa4Abz3usFBFngx7DEnzU+wTvnZi14j5RLj0cp4u9h6hi9/8Z0\nb0AgS6Cm3Hxiy67yrDBpDLs9zVijkmyEYYwpkEE6mR5DT/Pe23pttnqmyKzz\nTuSMMg+niOG2+XNmnCynPj0HQzT+cCz1kLv3XnJF/M8rToAZCI19eNdSG8fF\nVZe+5LYuS1kFMFro/sXzYjRcGE5v0TOnY6oIMoREyQasDE41ETjg63Y9uaQL\n5ILoxsoAXjqCmLxPsbnVnJRINsbmuDWp3qrub4l4I6lr1BEkWDgGuMj0J/nq\nui09ZEOC1WYCWPZmwzlpBsmk/YHSgcRUhqZUX6f6O9pEWclqXOlwZFb1ci2v\nJMBG22UPc7rnU22uFzbxqruX53oTSrXV3bFrOEf/XFsK5ufrvzXCweEsb8gQ\nI2p0XilBxEgWD4yuktcRsDFjIbGNylw/y5ifJTDYFU6V7xMq0KyMAeUGc3RN\nRG6pZdC8ybRcFf0aPMJR535Qrj5diL2UkX3JE2xC0LpBEmPxL8WR0KL0J/Yn\nG8Cy\r\n=fpy8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ae5e88e00f948f916eeb8f578dc80b6aa2084116","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.7ad038e1d.0","@material/feature-targeting":"9.0.0-canary.7ad038e1d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.7ad038e1d.0_1605813468097_0.10420057059641574","host":"s3://npm-registry-packages"}},"9.0.0-canary.a41527604.0":{"name":"@material/touch-target","version":"9.0.0-canary.a41527604.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.a41527604.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3bcd2b98f6579bedd05dfb0697766c661571155d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.a41527604.0.tgz","fileCount":15,"integrity":"sha512-0lf1oBXLemkptDPFk/P7Qr9ZGfTbLf70HpOAa2Mv3QNiND4wZ9IExfnJDNo2Rpnfa8v4DBkLmEpfX9ognBnpeQ==","signatures":[{"sig":"MEQCIDi2EEdynosaCUA9wREYBZXNXVL5pw9o4ncIfHkQ4vGcAiBslUbrsTi+2bC9U2eR/NFoMbbt6dhIMEFtIaJAdXMfqA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfts6YCRA9TVsSAnZWagAAPhYP/3E1GH51YpS31KiG34/+\nu57+ocCWxVnZYvISfAIeByStO4zOyxGUZoWqJh5S9Mj38J29wY47ypiR7KgV\n4x6VZ+CvwmpvCIpJvs2ytFpN9JK/ta5u+7qLPFxN2gPXQUFM2lZokEx2talu\n/hpQYPUT7vacXdO5zAVhuM/WGYiUBikIZRcjOGr/mRGCVwMxt+rHs8bC8lVB\nMM3de+cqrj98BrBmagnKPV/2L0pmbSXWWz8rOD8x2V4pZI6f4UIk35zna8uW\n/RRbA+44Miv31EHS1LB12eYsVapdBY3WLSnTbXL3C0eAXjy+zQ/LdWsh2uuT\n9a6BVB7ZXf4g+SDuZJ27/QqgLpQ40BwBNHmmTNxI/i/bFlWV9Q5PLebBZftl\nDKb4OWzY38BhsxZl5VHQ+ypGCl3nMkytPeRw0NroXDZggrLP6hgL00nlEZXE\n8frw1EKDZflSt72xovKSF7RmFqmqZ3ezqI7mUz70J3gE6RV1Db2Qq7Uh/jSx\nyBXi13qZNr7C4no8xDTTY0ynwQ9RbnZtK6bFvlz9CyI22F3c76lwf+xEsuHb\nRTn327PiwAnB7XEwrZ6OOtt2lNwP68+gCLwS43s++LTid4bmdUy+UAg6LQ3t\nc4WSkNfdYdP4q7d+rRRcXPTWNbn7lzxI/0A4Wsk3C8MvADxhU35den7imsI7\nCyeb\r\n=9JrR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4419897c2a5ae382f471047e38ac619bef815058","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.a41527604.0","@material/feature-targeting":"9.0.0-canary.a41527604.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.a41527604.0_1605815959612_0.9209905795585445","host":"s3://npm-registry-packages"}},"9.0.0-canary.7b0e2b377.0":{"name":"@material/touch-target","version":"9.0.0-canary.7b0e2b377.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.7b0e2b377.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f6a561d878381f5f4cdc03fd5e8166e181c197ea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.7b0e2b377.0.tgz","fileCount":15,"integrity":"sha512-FLmhM5eeExUS3YkeH8hM7/xnxIYkTIabN4KOtTHtyaoQNruAYX+QJnpHPmVNTrb3n92alk3VU+jG/7sf53UeEw==","signatures":[{"sig":"MEYCIQC5o0MWuMhhenDZPeOAV6E2G43HpbNUmVnYkKT9zBUv1AIhALYg58S9wXCouaC3SU31H0vKJCjZ3gKuaK8hZ1RNhjY4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuEk+CRA9TVsSAnZWagAAL80P/1R8oC7f0mqHsLnCRZaJ\nt+f/GqG76mjfvg2B3Mi/ovnDH9UDUfeuR6OnGOyIav1PX430kud0DUChk77I\nHwW27c/LTpgFUataGtoCYVwkeqhL6de4ILA22VDSzieqo7MOeN9f/qE/9wpy\nQN1WIH/FY9VIXrluNL/HJSL2ggaKE1uyYBcIFDtlpiUPl0srjqDkej6WcZ2X\nYsbRDDw4EIEjF4P5xn5pdCEuuSkb/T+cMKFP04q7p0gkqrYQN5Drq0b4/lzQ\nEO/+BgTcAAYp7dLOoZOedB3ka3+twltCPs6XiOsv+SCSSV5MTKRJitVWlSa/\nqwyO/1u+LxhixEnqlML8lZC8GZFPyHV3yHyQePLV7kTn6MIw4mvuxyFeDOTW\n80pl8UU6UvBb21zzCqT6XrwMewGzmFWjhBfGiJyqXZZkpyXLL9Am7ERhQ25i\nVt/ESJAM+hwPmr2hFxMTDKcxUhdoYnRTlGakIMMXNWW0NuqPe5wPid/KJwK1\nsUGbPyXOXXa4plG/PwDYf/nYQFrrseCk2KxEiECco2a2P4fTofBbuEGVk/9L\n/u0WSX3Ro/d9iegsVE/6dBak/vyExYIOayPcCBiPQC1mRYOi5uixm4VygGG8\n01xAbeqMOd3/tZWNzfoCjSXIb80pIzZCw8agij6vK+GPKK+GeW/uvlpb06BT\nfTUh\r\n=rJ/I\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"51086f360a63319c786c7b166e515a34aa76c112","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.7b0e2b377.0","@material/feature-targeting":"9.0.0-canary.7b0e2b377.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.7b0e2b377.0_1605912894023_0.8042797806704991","host":"s3://npm-registry-packages"}},"9.0.0-canary.c927a5d05.0":{"name":"@material/touch-target","version":"9.0.0-canary.c927a5d05.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.c927a5d05.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"808be1b07a055ef733d061a6faeaa5ba162dc7c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.c927a5d05.0.tgz","fileCount":15,"integrity":"sha512-GaR5UpNTpfDgtKGsHeINeycAzddkPK4HNfKFYvdc0oRNy1rr4OvjpEL4Vy4Ef277eoAQ03RDf+6Ih6tBCjBy1A==","signatures":[{"sig":"MEYCIQDlcf9/4gpJXEQXwMWWSg3YusfoEbWBvi/rCw0jSrbNOQIhAOpkHUwmYqPznMyCvJiruK9NEooFYlLtxM+CHJNfsTNb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvBGqCRA9TVsSAnZWagAA0u0P/3RKgNCzm1HGsVjusEG2\nljb5tZz8kwDwB01wb/IGjhvkKewZLfzecVeRgQ2cU1trcGIVqSuLjoNg+lvE\nX69uXRPZ+XaRCcYyBAs+A5G/AT7nFD13lTPm5+h7NwkD4AruWLwcFmhSy0ll\nloarZrHkgsWRqfYp/UbKiWeiYDKEJXrkjK2nsgVr4zV9I1Q+M5DbYggNp2F/\nzFtOtyAsNXTEW7l4IpIdPZZZXm+JKuaK+N2b0x5J6saC3aY1wcB6MNRCPEdL\ntfQnUHcEea98/owZna1KvHbM+XAf46GL3m7DV2/yqnC18iZnt5TpZnzeEFd5\nyClsNq7Tw821HMRuVe+1vwvGtgzQBU0joaQ5KV/30VLiuBSKtu6zGOTbrXTD\nYgKtoMdFEcV3IZB05GjjrR6WFSye88H3Dj+BVlOM05swyK2Tmw5KcWEJ1YRF\nfVirWkZUfg3EZj3Cx1bbsK5PhdGfBWG2QcOeNjpQV1o2HwBX7d8Drq+ys92p\nK8xKNt6TF9QjPyPfddZpDkdxWebDyOW1j/qLq2gULVb0jL1R5454cTp50syk\n1+1fA0s0W5bYj1hfyh868nHeaNqfWYPg6mkanL4ieXKsJ+7CZ3qnMezZMgrf\nQaXe8GoDT3eg4qKWqODBbi3bwC84w7kN4WXOhZDEen9T3kkg0UlspzYgJcPD\nvR4h\r\n=ZB9l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1e41eddb7d951c0eeca983e08e3fbb7b21cc3776","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.c927a5d05.0","@material/feature-targeting":"9.0.0-canary.c927a5d05.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.c927a5d05.0_1606160809710_0.8300831466195537","host":"s3://npm-registry-packages"}},"9.0.0-canary.b349b5185.0":{"name":"@material/touch-target","version":"9.0.0-canary.b349b5185.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.b349b5185.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eb5ed1cade0a33d640f31d6093f108f47e836b73","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.b349b5185.0.tgz","fileCount":15,"integrity":"sha512-NoEwQv885SZRmqTAr6ACl/hWVE+Eqlu1Np++cSpqY5m2S1NKiqhdYTM85Sk9zFYDLZsCwzY3j29yZRCh+XiWqg==","signatures":[{"sig":"MEYCIQCaHHF2bAQkMDlyUHBG8w4NkkrdSC4TpHV4DyMnTo915gIhAJSbHr5qsp6ALxLsz2kjCuoFspRNfvDt+0ig/mNOP/RS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvT31CRA9TVsSAnZWagAAuwkP/AtPGpnzmwkMgeQNGJ1c\nVjJ0dnDb7PEq/T7VfjsMIT4X+nijc609SmrYbf46jszGtDRcwgvXeetarQNs\nY40Qh0KwCaDMGv5KyEaczPXA8t9tOG6/OwT1oFHbg2T7L7QgwcVEl1mZ61kx\nsee0LLZ4E/bS6ZJr58gGFtML5AkX1egpS3sucZkXVWRQzu8ijv9l9ddqpHQV\nVsh265l2vHBGrgDsrL/BRBUOogL370tMvDYWECDDDEY+hSKTeAvS5G8bsEN3\na8WcAFugtkNdGzfNb6wn3jv9aBjaRtvGJvEW3m7xv0TkDiBCRoTXrPOqsRZE\n4WPzoTZm1wHEmwS9sc/06+6b0TaozPZmtLwxjNoBNznKeNse60u86cPYJGQR\nxxoCOuDJ1WBMpUkZvyaps6CHAjld8Ma9iGuoHiyxdC9l7olrmmykJeulBNUq\npm+gKxs2a1s5k/Qo7FDs3FvPlgQ24B8sZ2fOSFzf6Ek+mEi5H9QSAisQ1hqw\nbUjkS1BiwErmBTUvsh/EW9nhVq4sYF3jbE19p1HWkvmu2E2ITuwIPf88z87/\nU6neNM6c/vogCDHpkAZ2d3ts1URi6yQH5wJu6lygTa2XmlYqAswQZHSRO0eY\nys7QtPU1qWzHOb/g6JTRrx1fVMuIKJy5i8Ce9BpxvQR/WRfBnLqQSE+4+ol3\n82tU\r\n=b5Ks\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"92e0cccba580778200706f15aef4e667fc007066","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.b349b5185.0","@material/feature-targeting":"9.0.0-canary.b349b5185.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.b349b5185.0_1606237685070_0.6744867767626939","host":"s3://npm-registry-packages"}},"9.0.0-canary.9083b7d61.0":{"name":"@material/touch-target","version":"9.0.0-canary.9083b7d61.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.9083b7d61.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac4d72a6c9103af71f542951dfa49927ba0e8d81","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.9083b7d61.0.tgz","fileCount":15,"integrity":"sha512-XTBxrMDSW6/5XQRkWuXrefuHnWxzXgJ42fnpiuycnN3zPQ3BozdI8CibnrLIiykiW9+fFyKTvKcCd8NuFz8C2A==","signatures":[{"sig":"MEUCIQCVTcHrkBDnVdSLmPF+UJsKevCTZyRgyZtbzdeZjG9CegIgP2k6MDByCr9z2LlniCmkk5g++K/raSv5GpAccQqOd3g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvXfRCRA9TVsSAnZWagAAIAcP/iWPTSBPGZzSnhkOA4Bm\nmo++R3y0z5biXfWjyBSxGQAblVbUrAsaa6a9CHtK6uHp8j1hnUa/8hqaXWGU\naP4GCjSEre1G9add2i6nI/D1HrU818UfAC81KYb3wMHCyuzYHjY92etBevhm\nXbZ2MHPaLKgaxipC/GY6edl4L5BGuOh7RcJoNpuSHm+K6rNxfP6zV+j8xbTa\n9jRg4vz9AXJl6iM4HL2mU4EMr65lAOTcnnVmy0+orYznrtBziaBjCBdf7Vc9\nF0wi6Ce6g6WB4xCX74AYUtJggJWAF90CRVmSBoWJWpHbaudfeSCvOoyvLS6X\nJkRZ/oUo/ZUZAKBGd5XYaOO+8jNl6c5dBqGLqoSnDCTLBXR8C+g/WjLc+G/K\ngbI0n3hM8/c+PmCv9HJI9Qg7o6JOCDiGlXAgpcxqIZfxheOvPdzIPXGeYXLt\nRfRTHF761ijkj5kNX3hTWjSFivDqbbKM+7Jof3AxGDoMSoQY4yTNS+P00Xgz\nQDJFM7+TqOJkRtYimeV5NIW+aL7wSgxkGT6H1Tet4aPjxMLqSrcu7Txdu3ii\nqq5q7Ecqf7KPm391vOIA7n74+mGpHOxyCoWJZKIkc5KQqf0BiwWxWtpDbnma\nquLh9MzkO6WpG4WwfbH6P4e7nICtDFB2YhJXaMbyXh2YYeeBYwmhccq5XqUd\nnkOF\r\n=6Cgr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c6192773b6d2ce6a74a5b464d7df3e9b57b238d4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.9083b7d61.0","@material/feature-targeting":"9.0.0-canary.9083b7d61.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.9083b7d61.0_1606252496732_0.7938244759802437","host":"s3://npm-registry-packages"}},"9.0.0-canary.eff7b46ac.0":{"name":"@material/touch-target","version":"9.0.0-canary.eff7b46ac.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.eff7b46ac.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0144e359c486dc8a82b8ddaf3e1941fed2cc6180","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.eff7b46ac.0.tgz","fileCount":15,"integrity":"sha512-ymgl6uSca88IQ76kRDZUIoaZK4U+Nm2CGURAZ7LY4pbj61VKy8K+FqVxElJ41e7JOlYclEWWaKyM7xduCugieQ==","signatures":[{"sig":"MEYCIQC790o+iTfOg6DN7siHn/7Cclthrw0bvnlkpyColrpdwQIhANYj6TuhnclZ4T00XsRfp17VWi0MPxZKC0M2pLRgpjuQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvZeLCRA9TVsSAnZWagAALWIP/3aoboOBAIX8+Ui9HdUx\ntfW+BDfegBD5fw4KHDnayTye/dJR1zpLQLq3OiXbhRYS+G5Cqfhpt/EuWq2g\nSw4TwpqO0XCdAC+RBAxp3i8SE7Y46LCF2cSc8URUr5y+B1E4ja9NsOAErCNR\ngUjEz0O5ZnsfEIso1DbEfOEgRUBh1ZhXx3KOucnH4K1Fhq/+kgPPU4S+pxzI\nMVaHBsiXcPIQkVYFsTAeuAHZJiEfrd0jLrM04pxoEoqv8IIdHX+Ja2m7OORT\nlS8HKftDqHfcEeoMkVKZJQmXTuxuH4Pu1rY5VzReS9qGNFhqPEb7jC98ElmB\nBbCez5T0ZBvJ1L8AFVUzsw7Gwq18T1hYu0HdMmkIfYVvSvjvkuPvnxjPTw9d\n6A3w3NCLFKXwVJXpAdTcWLmaBNH9bbjY5UR5IYpnjOj9MURd9Hx2DbSegiED\nBJbtG+zs6qwS2eiiaOx6ZlYLrLXGBxTu5nMIDSZJ8dC7N27DI8Ovsmj6/7bo\nhZiKUWEM76vqnqKVc8jKX/ipxNK3sIzraGRPoHN7Ygj3dnOFS9WgL/J1kvFx\n+88QnsGe/HYKe7farqiGjmhdpJM/kGVGzyaMZwpy6Ye5vGWlaAjxbdwYfu0n\nFLolIE+Dorlvm7eont3Hsk42n6HJHn0sBqzYVjlk/vJGUnHl2GsSrm39CmwS\niAue\r\n=a87y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b8790bb41654e5c7f7a7725e8e58c9dd08551129","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.eff7b46ac.0","@material/feature-targeting":"9.0.0-canary.eff7b46ac.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.eff7b46ac.0_1606260618822_0.44869209824698286","host":"s3://npm-registry-packages"}},"9.0.0-canary.ae27b44b0.0":{"name":"@material/touch-target","version":"9.0.0-canary.ae27b44b0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.ae27b44b0.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"09bd736874b0bbc2efc5ec5d19ed212f9e2b951e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.ae27b44b0.0.tgz","fileCount":15,"integrity":"sha512-d3dvJWv0HS+khcnW/zYh0aRqijV4Si0xVgpW+3ohiy8mZvcgkDPiQA+gHk9fxR2zTc2cRxV3biFzXxpZjevZTg==","signatures":[{"sig":"MEUCID6SzK3AibzApdz9uazVShvu+5dC5l/RHTvG0NhFaHwyAiEAw3IPWb8dNA7TfbS7T/ZcOgOmJAlX8eaO4WvJJ50X33c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvnj1CRA9TVsSAnZWagAAlb4P/3N5YPkwDhV9WKFdBuIE\nKW0yJQcRwZJdPpW3CFE1Rv6x29mBRtshhkDfnZPGZPjc4P8cQVdaf+7BQrd4\nYt4BhrgRui69mRwXMgyX9sfwyq36syq6MQ3n9+58c9ollAl6UfPUkZCWft2J\n7qfyjNpXlR8uwQcl1ne1EbUFdhretC8Q2MJ7yr6Qm0B61UTyfzKBx3jcxk5i\nUBe74JdH1xz4ZDcJjh6VbkbwfsTw7XGp8HJDUyDdkEqbB7J5O48pL5dBXMei\nJqjTNTmT4xc+94Is7hLoCd3TO6qRU15Al8q/sqWpRZlPWrI7MVx1IbIB+uhA\n0ce8GSsQbBmlfBRxu1QHvmisloi0HQGfQEXa+QWPmnABLkDtBQlIDfwp2FPV\ncr8NEyo+ZMceDPAxcspJZ783/OEDhXb88J1XMCSQd46AWUj3T48hRZN5bF75\nnm/aaj7z0EU329utd89GPeg7o52vVHZRcWGd77B7UlbD4AEUkcyEe0AuLrui\nreJqf5epEZnJUvdjzlCSQIBxJ5SKhEj/FL59D+xfgiaNtSAA7AaB7WloU/7X\nA6gFsa1ZOu8nO5oZdSCrrERc8tI7u9C3FXF6YI8wE05N/DNohdWrZPdPIh4W\niXGGHOIcz2BMZmbDEMz9R4S3S8Yana5dG+23W/+ZVcBkCGk64QfblppOozkN\nBo+f\r\n=wSvR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"eb690fa0e9558b61ded00dc6e4b467cbeaed4c4b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.ae27b44b0.0","@material/feature-targeting":"9.0.0-canary.ae27b44b0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.ae27b44b0.0_1606318324928_0.5817077089406504","host":"s3://npm-registry-packages"}},"9.0.0-canary.2fbba2554.0":{"name":"@material/touch-target","version":"9.0.0-canary.2fbba2554.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.2fbba2554.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9a19cdf939265cedf28c2f0a74f732d00995d41","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.2fbba2554.0.tgz","fileCount":15,"integrity":"sha512-dtyr9Ea7kDQJnXr6HpppN/SUkPD1XiiEjy6PTTbBjN0iae1gvmJIKD+n1334Aij/tNkSKya8ujtyhh0qkY8s5Q==","signatures":[{"sig":"MEUCIQCc6AhwYWJowKO37DskfJV82WSOq+xf2G3oUkKIXblDMQIgL/AX75mMWXQqZ73YgO3ldKq9Qr3Fr42tYaolyevd3SA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxS5eCRA9TVsSAnZWagAAYGwQAILiu/a144yi+fuhezlY\nY4r6ReO1zL90oOZ5ZKJc70Rno9lOiPfJIjU6mGE5BilpFWcFsP71zN1e50Hp\nQcSB6YZAiaTC4drMJzLmWRqHLMiTGwaY/V1acGSnvkncXOd5cbUIuJFNHB8H\nAUbt81a2SuzQEgJD3Prh9j8xoSIL1W7VGpIpiAskZsGXuy9mr1VPh9V4/PY0\nA1OY0H5MCD4ExWFBw8BBBU+D9tfqWsNn8NKE4ad+a5Xz7Cn4ryz/OVAUPH5+\nFbQb+UGX08B/XtP5T335Gs9ZDFQaANuJZrsijYqDvjy/Y7EaWh1iTSCsPrNw\nrQpnmlnhlK+L/DFN+zQEXOqu43kEPJTxwnlCINf2KGuaYgbmpTXmZ/0oUBU3\nkgcDyrWzHbX0+xopcOiscEIxfJkkw0aoAQ4ZpwpsmuI0m29ntj7LnAfhbyNp\nY6YlCadTSeH8il+nYdJm19VFetFey80tAYP0ClfZoI+n35eiRRqf0rtFfX6Z\ndi9fiXTmqnIrhlu+fzSMePXKq9CPtGq+Knw9bXKDv9gTk14T6a35VwnpKmKn\nBrvQ1BwRJqcOwk9nrFsAqfgdlcraq3x/u5bdrYSzEOYL1mpq6gkfdIqMQKAm\n+r2AQCeRmxXtzwRTArcsYHc84fEbl7ix5LRew1Gqcys36aebj/sKL4ZKysnl\numhC\r\n=MNIP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"93356628825eb23bea706adfd527933f0c5e430d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.2fbba2554.0","@material/feature-targeting":"9.0.0-canary.2fbba2554.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.2fbba2554.0_1606757981557_0.333055878543272","host":"s3://npm-registry-packages"}},"9.0.0-canary.6d8574fe1.0":{"name":"@material/touch-target","version":"9.0.0-canary.6d8574fe1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.6d8574fe1.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"228cdf12c5aedf15ce629a16f7d25a84d4b4efd5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.6d8574fe1.0.tgz","fileCount":15,"integrity":"sha512-96Tu7il1wwZkSll35IoGNkqeykhjFE0BnX9FkG7EFFa5rLUVMztLDFaCq2UCu0wrurJ8frGD/cgBcrwG0kYEGA==","signatures":[{"sig":"MEYCIQCqbrYBeDuEn5WUv/fnCE3eBC6KZSqwThaUfrHkGjYJLgIhAPDG8XaoDfvWz2Ms40m6I98tR4OZ5s2S3/azo+oJufem","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxTD3CRA9TVsSAnZWagAA2wgP/Ao9tgmI4tWC2BkRKZb4\nKVLjxn8Y3s08cvjhHKARVVwWUrE5KJdC6Vh8s+baq2hR3ydY4VhaO3iKRMR0\nqHo1B4XIXEtTOqB8WEbI8CwXZ7pC1obMptSvgQ/9Azy2xKs6jeQCkJY17ALz\n7ikia2sUPeJInjtKEYi9KTpnmmAzU2niJ2xcGQLAdX+uvBZupuMxawrl560H\nyC0C+Mhjvo9oUHOScxVavP0b0GSbEPZeQSMHwzjRZUnARIFI+gRD8DUqMA9i\nCKfV7jiE2JnH2GPa7p1nG9XT93rKNPeESCvUvB+1EGc0PU2sE7U/+kEcFcgC\nnjiPjTqzWnzPDGCIKD8fdI4E3JsVhBBhcpsgjYzVAcxqXM/xTdA6Xg+T8Dyx\nTjGYBA4DDQUsXmJrzm+NejMnGem4JCaKOo+nGdcUx9qqzYWt7DQqcsnCwAtP\nRyH00xeHhDLeNPv5R+jrAYYpTFZi395nAwHR6o+Cxeq3UDTTlChnp2cQEJv9\nTVhhMPDqpqQPT+fQWeL+CWldKpV/7Pr9oNZ9DhMNyCKxhne/bXUiJgJMSNuB\nGhd1TEWWZIFvipLbXTe3Ak8/zpre+5K1r7dIe1WcHVwr/MMH5diqgHu6p6bJ\nzzGVH8t1UbPCM4D+QhevBTRy/I0g8WQg6IFkGz0IluxuwBmCH0Z3LWpcA8w7\nOWXk\r\n=UfBD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b98a165c81d2497f6c0e8e5652743d71d87029e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.6d8574fe1.0","@material/feature-targeting":"9.0.0-canary.6d8574fe1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.6d8574fe1.0_1606758647356_0.1798325505960876","host":"s3://npm-registry-packages"}},"9.0.0-canary.fd22355f7.0":{"name":"@material/touch-target","version":"9.0.0-canary.fd22355f7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.fd22355f7.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b5ca95c8c9c683f68a422317eb4acea8fe4febd8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.fd22355f7.0.tgz","fileCount":15,"integrity":"sha512-kfSeAvYzDLk1t70gRnh+ZuDw4iB2c19JdBfrdJywLVg/UVV3txs4VXnBKNa6XkET1JiGB0rg7tZ6FystLMDgTQ==","signatures":[{"sig":"MEQCIDt8S0UjeNTpRL8kWJHp9eZltxvTOntBG1UQ0uNyU/WPAiB5sm51LzlTVCs9VlsHLAII7IjMeqi/yHCWwEkFWMzhxg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxXktCRA9TVsSAnZWagAAVq0P/1S5OV9gH+NbjGjVd/Qw\n58OtCETsaiRUK2mRVXnPbBkJGVB6pfuwDnjoZpdMmwasrbQ+6r8sMKJwelMR\nhZcPR+3aua2jaI65ZIeyIlZS3Ms5jF600teiV4bcIpZmGTnPVoMPCFllSXti\nRM5EzGLdZf8du7KlFDg4kGBiTUgOU23DxTNR1GLRyntVfEz+gxBQq4T9lsKx\n0rDuRGRDo0fpkJYFNA8Qmi3R3pQ27Y/4cAvi88MxJlOTy7Xl6Vv6ouoWEz3N\nEMDvZn27L0kGOXzhDf5b9cU9EFBTuQZ0W+dakauuszxNwL17FColc8J69n5J\na8sJv4tcILDfty5mCac6cmgfbHjJlu7zfltB/QvJl8jub65oEUkf7euh8lOW\nROGki3SmqTn6WRYiFhdWSB2AQoY+Rx6JOFm4CcDE6w84a5gvpx9p5wDUE7Ff\nwGBRo1dI8WKF4Bj5Tisfh1EMK9JarXaUY8p5vrHFdKx0Q/z7/bJeu6t2aDU9\nChtcE8n8qhhw06Bk0paTP4Hj88R1AYOIJotOq6ujireqW8TcncFQC4+0vRUM\n7QF4daKIJPMOXoQPdvaYH2eRBWhQHyEKJ6Wc1GC2z4m7Tw9BU+Qk6ThxLVsH\nPssmJKU/yxVcfL/6yP0Voj1If2USHBNKzYZCl3dc0M168wFUDpyzvPcB2hwo\nfFbc\r\n=eynS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"86a40292baea3adb58a6c26ed8c68a9a425cef18","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.fd22355f7.0","@material/feature-targeting":"9.0.0-canary.fd22355f7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.fd22355f7.0_1606777133242_0.7902413673905002","host":"s3://npm-registry-packages"}},"9.0.0-canary.c4ab98722.0":{"name":"@material/touch-target","version":"9.0.0-canary.c4ab98722.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.c4ab98722.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cf2d7f9a05132a5c42ac561447ad9deafd62a03b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.c4ab98722.0.tgz","fileCount":15,"integrity":"sha512-YUNR6P7Zh+I/4AuvbjYCLVHF1nGyCbTj7y4pn6RwfUpAPxlts8YjOgNT+K2/mHiw9AbaPiDrYfKfeQLvewtiiQ==","signatures":[{"sig":"MEUCIGgeLxXXANddw91fh2/AlG4GchgZ9oypY4QE8dOWwSggAiEAqEIZ90DK0HhKT1+GZqBoaLRYFvEz3RzsEziyGKFXqbQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxuYWCRA9TVsSAnZWagAAPHcP+gKjJXIN+rkA4hkf5bnQ\ngERg4g6PZS2JXFvdJv9sMMwgrQG1ZNWbF2Q39mUP1H1j6SmFgfXu2ieEhqus\n1XSRNhVzf2KQ6EWTNRzYl/9rfvn8lvtwMaW/3M12ksxt2VvI867Lq6SBvSSL\nhdLQ9gOJ0I/xCJG3tEtSwedpFphTDjULlzSZDkTJPXerQgwMSkqXf6S65U2Y\nFzHL22mzlnWO67IXgAWjPOLLsBA1cemIpmsz+mDdc93Ti4782sMLWDpOe7M3\nJH/BKXxKkW6BOj1MFtxl7ZwXa1X6HQ7ccIOK+cyYgoZJGEz07kwxkxnHzBry\nQCLbbKK9gnnotswGz1iZk8EfmInWyzNQDdfqskQsa17REQfDFSxU5RgRJiny\nMW1jpXIdKZ3xb6DxvWYe43lA0oxRUKgCoDv0ugR5NV2mxTxlQos6fkpvXEYm\nYkUkJeS15WqNzJl+he7xNr73NsuXO5ugwA7yfD6tfSF2FbZOX94YHfz18pGo\n2pNjrQKkGfqPA1J1mI1MvH/TWzV2z20ZpaipHkX4nyBYTdaQfL5B9/ywFhxL\npCTXNwantJgmpdApIAlAD+7aBZYpB8eRkcTp7T/MgRccnlKtLfPi7hgx/zHq\n8JRMHNF590niaNxp5r1Y6A+RMZTWPD+Ow37BAOXKhD4V1H5b//LQi8O8cHl/\nEDL7\r\n=m9Xb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e6187eb74996c124e1abdcea72dfb697bdb1820f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.c4ab98722.0","@material/feature-targeting":"9.0.0-canary.c4ab98722.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.c4ab98722.0_1606870549693_0.15603133156320692","host":"s3://npm-registry-packages"}},"9.0.0-canary.977585650.0":{"name":"@material/touch-target","version":"9.0.0-canary.977585650.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.977585650.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5a364a502c2667791f33c8cf8c63e483a67898c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.977585650.0.tgz","fileCount":15,"integrity":"sha512-S9+qXm0I0AamgPPrgdsQxm+nKiKPDtlmbEiGS/ZOXv+DdGv+u6POVv6Uqk9gPupROaBprrCqY9EZvBCIJ20z2g==","signatures":[{"sig":"MEYCIQCsIQQroWoUyR9v8vs8WKnG3lPgj0a3FycHqmBhJMrArgIhAJAddlm61KoMsjUSw3K4Rrgz173jCdTp3ZkjxvbScirn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx6eMCRA9TVsSAnZWagAAPpcP/2UvvN2lQv3qvLLN5Y99\nkdLj0yZhx+D7L++AMhLbEsIsXp7p+OcGaRdgNPGVN3xoB592VUZ57mIMXllJ\npUpC9z5sMcd3Tmd/+YdpCWsyqFpEzXaTpb+ks5B7qbbQrhrED+VUeIrutcPO\nSs3EK/uj48jOEt7YL5Uba03FEskDbq4PcrbHH+SWgjA7mB/l0qp9xsQGhRxF\nxfffQxCqrVNjilLpPZ97Oz7j6l4Y5U8etsengCmXLqMWaoryW4j6bhSV7hzS\nBLyUes5FjaMHFelbB6CQL44xmlmPveri8RnFTrKEWWvY2sAi4C1HMnZCGWp4\n8styn3PLYlhNtqTBUygWFk73I8o9IbLPH4hSyM4sJi7lSgKq9NM2EzsCVJ1X\nSaRE6uaXWSKYUrZ3zey4Vxi0liCr7IzTcL/ROrpLcdxX0RMCcbcduV7tuHJM\ntZeRUaU3LIzX2XiiURuNXVXArVhvr1gqQzEO8Yq8yyzcrLtpvr9nuHCbpXog\nguUR8C+eD8k04Zftx8bUIwneciI2fDzyvnL4LSZHnLSIFJ2eSFuMMfEGvKMl\nZAb8uvwv2VuR7gMDmtzYeSBv79Pw/p5wrBlRC9W5RRYF8PI8Crn8J+IXKtow\nRoh/A+9RDkBqiu0Y8VL3OwyDCDHlt/qMKRmxdR36TlHMpnB0u1wLGkVNA6IZ\nGSns\r\n=p1Rg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b008ede8c0d581314d3b967bd295990ca8eee38e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.977585650.0","@material/feature-targeting":"9.0.0-canary.977585650.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.977585650.0_1606920075713_0.4107811474892431","host":"s3://npm-registry-packages"}},"9.0.0-canary.c7edfc7b6.0":{"name":"@material/touch-target","version":"9.0.0-canary.c7edfc7b6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.c7edfc7b6.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0249a885eed3e9fa90f94d881d15eb7d23157833","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.c7edfc7b6.0.tgz","fileCount":15,"integrity":"sha512-DBN6cwQAaKTUsJVbWHTyyWCqTkS1bEZlxu8ZGAs54y6s8y2iu5giuhE2K80DRkiKpQPITVjkK+GCSGB2pI76Qw==","signatures":[{"sig":"MEQCIHiNKM+TLGVtgPdE278gcueG9pLGNHbTl3vIYOrsf1GyAiAZUpTMpASMLS3xZeDnnfWMZjr3l0lnC1Ue1fJTjPPDoQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx6lYCRA9TVsSAnZWagAA9+wQAIzlob2paMKuMhhDA5MU\n0M+PF1FNU/Q+iU1lbcip7lrcTGny+QHL599nBjyQ1HLOSXbTQePC362gmbtb\nL3fV0P2BdmsE0fXe1ucjmO5+qcT1qeY8SSqls/HgJ3VHggOUU15zS/aoy7IV\nPQhuxb46XlmCTYnwZMib3Dk/xRNS6LfPmigrElEewzKrm1UuGgyDMeyRZUBJ\nbhzUrRa3ZhtXUWKWCFbkY2AOpfRRrvSo4M4vuf+YAA+dzsONW7kRpiYNOGVz\n2gPeIL8zPCRScoKZ9y9dMk+xAtE9mWBrKPKxVRcF3Au/OwlXDK1Lek3zRdb5\nVdYUjQDOvKfj1xx+hzJSP1UUKuKEChQI1rJscJge3graQFZ/825GuwwAylSg\nhR5/9XCF5QkwnpPSxmrLHtDzo0CP+sDooVu4d10lL+2WeMtMU3giMTI0t+rs\nzUriXMJ0GrGgW3EW+JaySKnVSe6rMbyinTHfZD7D0EwmrhhOsOkCSzXWE+qt\n7UxNXlCqHDb9r/fXUinJDImv/Qn8liWgie1q6HiDN9Bn0cJEdZqtES5luU34\n4iRHC3NchfEIt/WxBc6n5IY7evscEVWOgBCxJBVHeam3Wu2W3h+PEMYIcxOP\nowJ7bxR3iHBjWQIXC0YFzCMClWfQzHskg7fVGx5QZuz8WPTr9MB4n6iuUACH\nr4iE\r\n=M2NM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"791973660a1d63a77aa10d2bd0df7c0e6ea94698","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.c7edfc7b6.0","@material/feature-targeting":"9.0.0-canary.c7edfc7b6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.c7edfc7b6.0_1606920536528_0.26574063171335593","host":"s3://npm-registry-packages"}},"9.0.0-canary.4f3347306.0":{"name":"@material/touch-target","version":"9.0.0-canary.4f3347306.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.4f3347306.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77f6e6b5b6071d332e2f9f0d2a1db1615181fe83","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.4f3347306.0.tgz","fileCount":15,"integrity":"sha512-Vu4YgYToGoMR8yX9di3JtXgOfVh79bFlOvRo7Ewo7SqjEUZilNfk/vkeCQkQyCGmBEaI61T85IqlVMUkTkxSlw==","signatures":[{"sig":"MEYCIQDs8oZGE4oT1S2MuK2V8ZCXqY9t1vhk0AbHzzeoDtgcaAIhAOaYUAwL+3qbVhNWIYVwFOrl4tslsYSkbwa7D0HJIkW2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx62KCRA9TVsSAnZWagAAyAIP/jo8mzkmX4xP1IDFHOpX\ntyxGKUTYdnFWH0qgPr1vdZ7T1AVjBSM+N7365NdOwjWM7AXFCLFT9E178yAO\n1dEYuywNa6X7VQDvxkLRZO1ODW/IQYeYl+HUDJwbP6pQf57RdVEs7rjmTbwo\n/hKlUsOK4HbsRCwOVqaNWHk8Ay6BkRgVS0ZIBkkDoEsJstI1hhYOGB6dVsaA\n6Pz1D7pF21wv/FQviakp2QzWdyuazSzHbNr2V6MDkH8XhfjV/YuWY8oxFysu\nmDWpXGhtYFwG5S602jRoxwEah6w9WJ+zhMasoe/dA25tDBjv+7WslK/2ytm8\ntMbyX4NnaEDCUBHCP+zyEY+MWp/Vlu1eSiL4SGynR9g82CtVIMRuSYYCJ1vN\nMBnjnlerfDVG1+1hLQl8p7cW9E+YDF2N9xru4xvkvBS/lLF4zKlXnKmoxuZh\nhlDJ52/nCEYqfxPMwE+78Epx9diZ1MZ1k1RMyBxAYqlRaYR2pFNaXpb9IcA5\nOBroMKKOqovv8k5qkPRjhSryRFStxFV8XaT1SqOQyNVkjPG85OrAF9G21rPt\nYa5WCrQ+yRr65uwVKcY7IAUyxJko2mob4OCMolxi/DkCu85sBOy2J2l4FzPR\nyici1KtUp/9klv5KHEVpppqZVV1ms2f8FhtQSV22ImUYyk3mkFnQp0FHPdZ0\nOElt\r\n=PwiX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"31d08595c0470096709a4d5518ba7444313882e7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.4f3347306.0","@material/feature-targeting":"9.0.0-canary.4f3347306.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.4f3347306.0_1606921609695_0.7009071916968395","host":"s3://npm-registry-packages"}},"9.0.0-canary.37fbae10d.0":{"name":"@material/touch-target","version":"9.0.0-canary.37fbae10d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.37fbae10d.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b446c092f263139fa23d070fbf09006216324527","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.37fbae10d.0.tgz","fileCount":15,"integrity":"sha512-Du6N++RXK5tf346F+qWdeKyLn9qdscGq6XohjXNJcU+UksRuHeIR/A9JhztLy7KT9igPBS2nWKNCj1KVlcjazQ==","signatures":[{"sig":"MEUCIGFYSgBEB0dMZ9+CCD1RAq8eR2hnpXao0N+aRYczOATqAiEA3Sy0MYoeOgLPiWXIzKeySK8xHtr5uThvvUw31LuWw4A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx9nUCRA9TVsSAnZWagAAuKMP/RP6EfUr5XJiHO/zMsGV\nealGHnfO1ZfmlZg1u2g8jLwn71UyKbdJEBvLmDnaEGJ0MNHmouMbXAGzexX1\nU+QcE0agFz0ff7zoL53+hj32zVk2SEz69EZjoK8wyMJrUg1sXxPLKC5Fmq01\nvPfsCJG2LGqO1t7Pz1yy7Mch7IEp/3yg8e/lS5MkHmRk7l8lJ9sn1rLPaT6F\n9iNE9nhTe8owMr4f0kc+ALmvU8/wOWO5jcJvY/94dT+FM9/tlDchmlzCm9NJ\n9qP+YUGv2U0rKawMs7UrfNcBEbGGRfgkYEJ066gijUNPqvc5dKcvi39j3GvU\no2bqLyJx/1GNZQSFJJQZRVBFn7K30iTKFzGsec6cBPCFFk3d44hWXm6Vu2KC\nWEUNLYrfn/kmdpAhgs+Id9f1E1WhLR7pCxt8Plqjs3nU/JibhNVl5O5h+x2w\nADPDyy/CC5/TldZAyMmleSGtrepN4GoucL11Fuf75+jSUd+5tHK7uoC37KAB\nMLqkv0Uov9jGoWFtSwR8xYoZCofNv4qxaGBzg02f1L04hF86lMgytpwbyegh\ndz2hdYdfHTk0R5oz9zl4UXn4waRiS2IBeHjbeyTqkaGToCszsSamptmwTOpC\nNYv+qhoaEK/17D/CsYnwpfFS74221GdplncWoU0h3Y0X7RgQVjLQ+SzCz2AE\nxANT\r\n=0hLN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"104ddf5dd99e7bc09a57e2cae74614b7726fa235","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.37fbae10d.0","@material/feature-targeting":"9.0.0-canary.37fbae10d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.37fbae10d.0_1606932948480_0.29939357673102873","host":"s3://npm-registry-packages"}},"9.0.0-canary.11da3c0db.0":{"name":"@material/touch-target","version":"9.0.0-canary.11da3c0db.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.11da3c0db.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c23256d09331c5afbbb0a4f7faa7b835104ec325","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.11da3c0db.0.tgz","fileCount":15,"integrity":"sha512-MuJSCSw2SR8/QqnskYMJx+CSmBKW5TpH/5Dbi5P9GASyxfV01jxVoK/1SSJmiXlp31wYEvpuO2pUcpa7l5KL9w==","signatures":[{"sig":"MEUCIQCna1gltNwDY1w9KkkILP/7XY8WlRQdRsJqpZbLJ8YExQIgLWBB/xyG7jA4kA+3KxAYIuGRoUkt12JKOvGSqO0BFbo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx/dVCRA9TVsSAnZWagAA8zUQAJgj0BNtSHsIXObvozu8\no1T+k/uiHcuh6Dq3e17Ve7mhuOqXBGe7PIMDzqneVfW2oQfJqiZh2bewLGJ9\n2RYmiS0YsKAW74wwvd1r0ex52xnY1ev6XbH/WsSkxPVkrrn0guFSOQCXKH8k\n7nc84t9Bfg5Y5Vw9ckbgH1cvsdQsCTknUpjpYcC7SZTsHBL8V1KtO25JuqZ9\nMhEU1/WjqYwL6Rf7JbcmmzNQt9luCnLfDWBIl23RTiEFcPjD3lTMaxMaU/QF\nnH5FtdeaQJ4i5gdichRNis1dAdNsutaW/4mDbkwMhD41gJcCKDHTFCqjkJcc\n/6aO4srKbcQA+/UkoFEeY7fF0o5x87BxVv551m0shOm9vJ0NlA+xvqL1Hbp9\n8/kX4tv1Wx+qnuOXdZKTTKojnTR7lnJLYtLa6/YjzR7fmwvu/kbj/w7fgj0j\nlVZF2CAcfu1kr7YC+dQfRpLatxwBq0sjBEPDrcXHO5h3IwNlAbT1STgr57s/\nyI+vhb/AN0xxUAsv2YKSrfxwH5n4ckR2hVuRNVaEY2RBfuvbSIbUwjWN2p2t\n27GOXGAdxEA0w62yxQV9M2mFyHflx9Gv3EgRHOlqe47zuJMe3GldoKeT3MZD\nlwSv7ck81KbkiWe2PU7Or54ugOUoMXmPYU/CWdHkxodqCUEjeFGik0c9dt8i\nC80E\r\n=M5fV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"db8b5af79bc8221682000a74eab75c30395590f1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.11da3c0db.0","@material/feature-targeting":"9.0.0-canary.11da3c0db.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.11da3c0db.0_1606940500910_0.0345538708723927","host":"s3://npm-registry-packages"}},"9.0.0-canary.489d4c219.0":{"name":"@material/touch-target","version":"9.0.0-canary.489d4c219.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.489d4c219.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9198476f61c9f10fab7fe6d629c4ecfaa395dc3a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.489d4c219.0.tgz","fileCount":15,"integrity":"sha512-XY3/pqjphCsF24+3RegFcjG30GhheiJSn/eA/p0E24JUvVYO6zqDbiohxTo8KS5RAL2J3FbqcIaJaEsXWZogjA==","signatures":[{"sig":"MEYCIQD5jeJoSZzBc64ihgaBICsybrOUUPlPaaD6bybPpc5dPAIhAPBKc+F+7smHSnz9q5YUk3TIPkAEA1ei9M2zoxPGi8rC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQQ8CRA9TVsSAnZWagAAmyUP/Ru+l0SE1jBbQYX6Bu14\n6LCZ9gK9fnADRUaxMb8WxEL69F4DaKltffs5sGvv6PvZ7HzjJgdKHEHNlmF7\nzX0nIsaOpEwW3ZRD+i8KFjg9/QsiX4sohriJmDXdhvFZpga1xmu+d/tYGso9\nXvJgwT92w0jcc4YsNFK7pCHRUZhnnUy2VroDLBobfekQW4p+Ql8CXWqjmUI+\n/gamn28Mx/2wXTHyJbZxvi27N6XJwthJ45nVOcB+SOTr5tjSO1CpK0hajnj0\nVH4EACyakcV+IX60vBTMhTtoQspgbdbX41YOg7Z2vs53BeSmo8FWAMG0izH5\nCFL7oGUEgIIBE0j4ITUyHAXdUThEbHHbreCuejGBhHUI+dQZGC/qywI49M+g\nMlx+pX3I52JZTSXnUtTKAyaWZKQqC4eBB0BJ64iD+EAZJAtCi70G0XAAPzJ9\n+qev2I3ZK7wwt0lVLJ5fciDTOZMZKqUnWOixW1HumPW1BFfWdDmgNDUzNlPU\ncD6gVHRnifK6F8yEyIjjutKCptLoPcqZA+lhhFZ5V3xlaIiq3vo3JOX2tIoF\n6jerzrGz5p3rLGvYC6oLchD1LNiLMQHe8a870D2Bms/leHSU/h9KJnv6Xfg3\nRVF4GOu5eozcZzcw5D04i8nUrWlCNgtxx3l7/YFuRYUMKcCTJa4VuekUGnRB\nG+q7\r\n=RXRr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b1c4ecae655bd87a48f6065e7c292d4b30cda43b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.489d4c219.0","@material/feature-targeting":"9.0.0-canary.489d4c219.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.489d4c219.0_1607009340021_0.052215929656500126","host":"s3://npm-registry-packages"}},"9.0.0-canary.6557a69d9.0":{"name":"@material/touch-target","version":"9.0.0-canary.6557a69d9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.6557a69d9.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a4f440832fa841a7de87c64245f966e80212882a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.6557a69d9.0.tgz","fileCount":15,"integrity":"sha512-fw5VO40lk6TcBuZGK4Q4g/B7itMORuJ/yPw2FODqgbyH7A8NlPgNmVVNs/9NpMaEkCSNAXo338udGWSUJ2lSnA==","signatures":[{"sig":"MEQCIB0qoyh6ycH3Hb/Vxw5Be5ocY8W7vvWat6YnA1zTJNniAiAiP02do9eQZxPy0HF77cgk5pOBLxtEpIZuNFoe64DaVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQcCCRA9TVsSAnZWagAANJ4QAJhfhKy6d/Iuw5ESwvvr\nol78tqr3JwhFnCQo02C2df+FM/MJpT6kvUUOBUtILCCYRZf0xa2I2foK4fM6\nVsGW83PoQBDC7uRxyitlqJgNlyuyJNkykkrJg50DM4g+D8n+TTkiWxE3M3Kp\nBMpdm96YuxrY/rG3AXbCv0fgjAJbZ8cunyV4lJpBrIDIWYz/VaGWOk9zwa6+\nhyjHEIi46DsGisUykV8ebD1t1Chpqr5G8A2HHabiLsmPbiUixqI8+zPbF35C\nG59T/8DmxE3PbFVnf3RA54mJCAe89tIwm76/rLGw449SidqMED7rCbhz4eYN\nUI1bF3Kq/Eyhd/MO5rj44qSV/bGjq/BoCow1snkxEIyjQuBAgqFFEhvYfGnG\nzOiuka60my+o/wDfwyfpJKGL+uhLpZRQXs5CZi7d8w01DXP2AKKFclO1XVXF\n5WNsIfvihe0Qi0PiyXwP//eCIzagsJ6ZWyqxO3FRBP2sGoZ4u4giNuXa8oqX\n4khpfn1hMaXeD3XmpZXIFZ3Lyc09o6ufdHQlu+Eo5/LMzTPxBioBmOSLMgDU\n5cLVYhr2RFw8iTbNoe38Ewz2INN7reu7VM38LSP33sGTKxEzACfHddbET2c9\nM0C+ESx8jHGfdlQU290h+0eV7dNWb6QrUuTQucpIEJKVbQmOlYuVp33ysLUL\nGyOI\r\n=qnLu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"55ff05f1fcd2efe299d07cfd81279127a6fcaa5f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.6557a69d9.0","@material/feature-targeting":"9.0.0-canary.6557a69d9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.6557a69d9.0_1607010049761_0.956515397021781","host":"s3://npm-registry-packages"}},"9.0.0-canary.4ea1b7c69.0":{"name":"@material/touch-target","version":"9.0.0-canary.4ea1b7c69.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.4ea1b7c69.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d0fa3b634f9964d163f7386b49d05fa949206df","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.4ea1b7c69.0.tgz","fileCount":15,"integrity":"sha512-yslV8ru7bJS4DP3Yxwi0bbHEqNUmrTGS2+TPUOt2UbH4Q6shBI+kdEXA4F+L6rOxCZxDw+cgSPJOnRSyJlrxqQ==","signatures":[{"sig":"MEUCIQCnstDb+GY0b2ORy1zxg5ceUolBJRdcMbOPjWEuN90+4wIgPsI6W8L8M5Stgd2FiT4Mj0wYcBj14hGuAnkeKGpXxOs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQrsCRA9TVsSAnZWagAARMEP/3QV0fU5QUarLmBff2Cm\nfkVyUfYma5om68XQmjBXIv0+/Zw8SbxWlDXRcC9fy20jyZWNgBDa9CiDcaJ1\nuJXf2ov2theYxkujEFV3YfrT9hLT5uPKXg8rvbvRzCLCvUwDWcVCNTV1v/wa\neq2Ca9OnAQo6UkIMTrhPqI7DZPe78FXvh9AlxB4MEhbvKu+rHPre6gkVkB0G\nRi+jxtrEcqVtX0xLQWhUIYcDCGfgjyvLoTBEycXao1w/5dixw0yW8ZyI7eaD\njCfm340N8gK975j3oetYyBl6KinY5hmwblJUFYJebe6tj/1SKKsy2AMSEjMb\nNUlaDNa/H49x5tiu59HlE4SK+sP0Fd/1+sClhM+CIHfZEYIH+eHeT7K1xFS7\nM84wt5Um9mGHFsMGiNBSg4v+zzClc9A8jCYnhDlaD0rMJgeGiSBTjYpGeZ4w\nVp0G5MOnI6uC3Tyr2W1YuT4GcjfqIu+fvtRZfM4+XyNXndsqeARQXBB2zlZs\nDnoiIJEvbRIP3Z1sgM1bD50/exDqb4/gclCvxorQcMQOHvfp3fuPLWGgfXY+\nEG71e08Qs8H+WnD5YYLMcn32qWQy8rOr65QAWIQBm3x/p7h59GVqFJ+Hmx6F\nDYdWEc+XaBrViE3IPIv1Q9eNju09RXC84Ofd1jAR/so4pVqo21B5Cj7dlnet\nWT+k\r\n=u6hi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d7307ed831dded5d9e22a8faf595a7411258793f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.4ea1b7c69.0","@material/feature-targeting":"9.0.0-canary.4ea1b7c69.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.4ea1b7c69.0_1607011050879_0.7864712739957185","host":"s3://npm-registry-packages"}},"9.0.0-canary.eaeb78ce3.0":{"name":"@material/touch-target","version":"9.0.0-canary.eaeb78ce3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.eaeb78ce3.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"45c872d2eac664f1fe3406e2aa8b3aefad2d2fde","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.eaeb78ce3.0.tgz","fileCount":15,"integrity":"sha512-4JdZq3Hmfo0bfCmKYgfOtYbL+Xq1Qz+5wtOgCtAkmz/V5im+32vhHEJZR7NnmaKLOyzppWpQ8Y+LigfoQ/ffNg==","signatures":[{"sig":"MEQCICDAhct83W7D5IX+Z7PFAumwOBlXwcAmU6MNnI3SBWgvAiByCumAV+Co1XzLVS2hduC9hjR/pe792rKU4HtMqa/LUA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyRm3CRA9TVsSAnZWagAAeHgP/A3D36qFl42EjO/ttK3/\nKE40qDAAYy6TrlKaOLr0DA+2f6YSsolS5K1s59MnpN4E7fn9v1GMfyOJY5ay\nYGpGgRcSH5UxIDO0wcN4QHeQHt7KX0S3rhLnp+FeVnp2kSad91kyuNtstMlE\n+DdK1O7RUuT5FKREujA+YqxgQq2Mih7NcloskCBIe+NR82HnDJ6Fd0uKzCxn\nHaA75NS+xJioY5rSoUnonOFoePbFVFOihGsNOhOp+9GqpZ1Gy16QgMP5+1VO\niD846LQbCMgZYcBN5VCd6C1vXw7D+3+E2GKnXCzoMPQlQGCczCJEf24wnv/B\ni6EvOyP/9JVy0Q/p+EIYS/ER4aKO4m+6qxDXztrpzs2QxJw6+SfU8TMIkOD9\nyYyUmCeSIVaG1GgbBrTfQ6BGvpCqoGqDUUiyiuz3mSr9OrrREfwkI+F5MPmT\nE7UNHoh3TX+HCzhj2KaQqpG6V+pZBWq6kwDX33/X4/+Eb1+E1/nNlMh+eZhL\nqnGuN6uayp5V3G5q5lOivi1fouIJt4l3JUC5sLABL0AfsTA64gAwX2+Y+FhS\nsNS4Vd9b0jDI3Z63Y6oTQEJY5Fd2J9O+3alnBRffIdDNRqtwuPpfOcwq/ZQW\nX06nCibpPhS6RTwB4GTA2xI28yn+tdIygIAI9H6RUG1lmfeKzMC5zXDv8uQX\n7Gb3\r\n=LPkt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9902fe5ed18fabe2d289f92e75dbf17abebe5a80","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.eaeb78ce3.0","@material/feature-targeting":"9.0.0-canary.eaeb78ce3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.eaeb78ce3.0_1607014838570_0.2559801280658205","host":"s3://npm-registry-packages"}},"9.0.0-canary.1c156d69d.0":{"name":"@material/touch-target","version":"9.0.0-canary.1c156d69d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.1c156d69d.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e2839c73f6df724804c376624af776f32be2c81a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.1c156d69d.0.tgz","fileCount":15,"integrity":"sha512-AFymS9cb152a2hEwTc80dVKA0ccNCyMAQNpvB6fEopPMLjO4Hrsu4fIHVyZF5xnz3k/iG59Y6vreHQdHKFGyUw==","signatures":[{"sig":"MEQCIEbZqf2Za3/f4p3zPMq3O0Np6e7D4zRwYoRYOjoaiQfuAiBKdc/qprD21ZOrglKoNXaeSVnf/X0VwNykiu9obiuP6Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyU4TCRA9TVsSAnZWagAArZ8P/1KrNI+IOLbv+6hUGQa/\n8Nc5wcV6peaVUiWhm4K0fimntOmvJjDfugjVEUWBYiyR3BN7ksqqbdsVO6yL\n0Hm8tHZu5hW40jcKfxppZjDlfYPDPUZgXr3VTzAnYFbOX3Yo/XH6aZCyY5xx\nGJEcXYYtcl+XE0vtBmKDJ4Lw4IeSJhaFzJdJau0SrwlNMByEDoLlzl0fJyrf\nP5aNVWitfzRtzdfv9TjrfmQkENs+xhs/Zd9ilkTnxeo8kHErOda2bRlD4CYY\nrywWebUq3h6R6Za7LADuFYd8OHF3strsWRXXt8oz48ozX9QgT4nV2LBQ5Euz\npOIjAumPOYe+9FWEBKwDRu/2spgcvbzomMfpyNOyp97Rr3lhDBjuAhvchMXZ\nVyY+s+iONv6X2LiozTsvUs5KiE38WG8OIh5ZkURKIiImW0SFFDVcNRkfMCtT\nCm2Ad4W6VgbPSQdN35vq/syHw/6VKrwEY81KQQ1DuERKz74cIX/KZpwCqwWn\nyciGZYJCZT1jxqMMzDtOk7m1dfjYZDctfPJdvLdwjrsYeuKZWU96jK8OHzD3\n/hD48jh/MpSjCsLzN/0qxudU1FxY6M9rVYqkJktZdmEceUEdeJvWEkAfTHfW\nGjbneaWcoBgw5PCqFcHqUHc77qCwYYKgkcUQk+4P7SmGD195Ti7vENrFmi1M\nzFdb\r\n=HIJO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2239befcb4baad98eef5bd67444b0f759e58a812","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.1c156d69d.0","@material/feature-targeting":"9.0.0-canary.1c156d69d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.1c156d69d.0_1607028243154_0.7453774716607549","host":"s3://npm-registry-packages"}},"9.0.0-canary.832668d33.0":{"name":"@material/touch-target","version":"9.0.0-canary.832668d33.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.832668d33.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"653cbd9192c6995ce7155a109d3b410132d5c62c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.832668d33.0.tgz","fileCount":15,"integrity":"sha512-kC0IXbjT/L3IsW+ayVSEVmSJpxWEa8pKJ1pqsTi5fCynPUa1UFS1fMzWf9dVpbDeCftsH3LLDsi6I4pRjeXt6g==","signatures":[{"sig":"MEUCIE7cmTS8XR2C8lIVGjJhVRG/Crm0c42H399CVSwA6H5RAiEA5xQ8MfWK9nSWT70cQISUYToQ4d2gLkJ9bFH41bHeZB4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfynpaCRA9TVsSAnZWagAAB8cP/RiP65texbTZi+ViPjA1\n/c43SH1zB03lIRDJ41Dab/yVc6gsjmhQJN8wBYV3kdw8r7PvesuPuxam1HnV\n+MGqKNVF42NtDE02SGtpU5lPytgUYiAFiiGuLylUtRALYI3CjgN6YpHrceZ0\n+0vl6knxS/JeJnELfmocnvzd7ekSTL7/Xm8ZULL4pOgqnv4dP86AK/kJIm8j\nnU2hol3jJnWj0+KDbzwRQe7q9PKOl2XvZEPH0fyArMDfarISH5qUc8uwq4vU\nRZPto3osA3v88Ko57j2i1K+mmJ8LMAfcEjv0rIO05OdDZZTw/j3ihOPz5x2r\nSJEEzBaEWQnaSBVv0Wzv2jgiY2Fy15RKqiKM2B59wVdyi9F3BmqkPIGdtH/H\nz5f1JBXSasJNiSJx5O+UwtA2dYagQYPidFTwLWlm24vxIiEHxJ08uzeh6R+H\nfVvS5mlhx+Q6OxmwPgSV8qA0EAAwUzFYsUdYhvzA3QA2FG4MlnrLa8RsgzMg\n+yXsqe4o+Kyb/ePtgmvoDOgF0QhzVqObCOr7Owtsiji4TKJnSpDk4ck30f1r\nwR7nRlbBEHg+De9qJj1ihzDFHa1tYy75Aj9Zhtd5QHGtvnBljiEjcEo68wBj\nSOLmr03hC7Mel16/kcfrSRk1QYZotR5uUhJAdmJaGWf5KWZjKl2hI61ncOrt\nAo0j\r\n=Z4xN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5744d71a59950726441cfb1b4e3ae33706069b94","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.832668d33.0","@material/feature-targeting":"9.0.0-canary.832668d33.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.832668d33.0_1607105114190_0.22765991327098556","host":"s3://npm-registry-packages"}},"9.0.0-canary.4321323e4.0":{"name":"@material/touch-target","version":"9.0.0-canary.4321323e4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.4321323e4.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f85edec6832c473dec86548d82c5b15c768d2a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.4321323e4.0.tgz","fileCount":15,"integrity":"sha512-cGi89+bKp5me00peLq4LdyoK9W+trcetjaBkeT8Y6ZztNbkr9xjeedI5tRA6I8CbfbEs4QwkBRKzomMpZY6rWw==","signatures":[{"sig":"MEUCIB+7IpwWxvQTgrEhQvKcw5XPaEguErgxzSxFPaDBrOMfAiEAycGuUDbL5raFa5tkhaDkQA/3gDSoLTL8CU3IIGqRYbA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzhHVCRA9TVsSAnZWagAA+PMQAIWWf2FQ50HfkA/VCxbn\n1TM+5JQdMLj07j3IXkHIJu/yZcMiDiLZcmag/1x+HbEEaz0U3QyTPVQV/TMJ\naaaJJLWnIjT96ra49WpyN3T+n5K3qUa228oRX8hW7LsTRkDL3hPrMG6t0y9a\nWtr6dr3bvWa5WqgEbEKHUvrGh2Q25YB8cSZDVMLTgA5wORHe7NE/4b7OAfic\nKSiWZi1QUZcu9hBH90lTElWd3MwN6AmB3MX5pB1aDwd+58Nid6Wy0lhyX+6V\nKPsDst48fHS6VelDgI8hMHMASkSf8tMrTQjMqT5S6MmLikp83TLoDnA9VoMq\nW240WH42daZo8EaY7u8xNSKdBF91Ox1K4H5y2eZIDmX1RqS3G7Ia2GtcDAaQ\nn2fTeJLNzm3wZKO7AnLG/kWNovVvMi8bwC6g/pQ8qO+6J+CNnflmIeK5T2S3\nak5FEOSbfX+l9uzYME3ALKzxMuNMC0r2POSRrc1OM32Izx1x+CjYz1LpsvJx\nJQCHphnK9knIs80C7qyHFmFD+P9NVhA8E/3pMqXHiie7rKFz80UMzXhyVQvq\nY/lZjIaF97bi0ZFVLNjX903f8UOqfpuclOhkU2k4t+OgCy6UJ6kGcmRjsgd3\nbRnVJazYcNYYm3JMGOGIWiohMea8oMf/5Ne/6k60H0nguJYUQZ5y21NfRZ2Q\nU5Ag\r\n=jBMT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a838a6bc72ee56a967d493a841d4c69ace1f3f13","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.4321323e4.0","@material/feature-targeting":"9.0.0-canary.4321323e4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.4321323e4.0_1607340500645_0.0760863764273807","host":"s3://npm-registry-packages"}},"9.0.0-canary.2d5f32d41.0":{"name":"@material/touch-target","version":"9.0.0-canary.2d5f32d41.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.2d5f32d41.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a162d96a690e3769eb8d39ea29ded011c006a0e4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.2d5f32d41.0.tgz","fileCount":15,"integrity":"sha512-iPxuA61fbPQzLckzGVL8Q6tTFjeWPu1MSw4qPrc2rpJaQRqwJACMUh6hdTqIdTpumX9domXwITYcbfa9iOAcdA==","signatures":[{"sig":"MEYCIQDHAmPmLm56F4EWmUxHTQ4+Pysxfdc91d6fC7S5mtRydgIhAK3GGf14lW1/5ZxaKTuBwdOiGQBY//ZeAhCMSLPILPU7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzlsmCRA9TVsSAnZWagAAVn4P/0OeED0Gt0yP2eKP/RRu\n/+/tSuCPpCGIFIMtFQquL+DBXMS1asFQP/Exc36wW2qS7i07aPJZdBkIzYL8\nET9G4Q+de0XzgT7LRt6UFjofKQqjPEdaTRWpI1rHPREugntPQwg2ldRVquGa\nB2ct1/srYMLFNVlYJz1pI3egP7XWl5Wx1SCSimJ6fwU7vdNp6C5wj3zEeQcI\ngNCxq+gn3i5anfob4u8PAio7p4/8y2GCPG/VfC8owZqP7n/itW+YeGQhBj6M\n65vSFdaTT39wt9EnEsuramVeXqg3Qf/qnLBks8/Eem7b9UjKANL+TKmyyR6W\nVz/z+TuSyPf9BMrTfT07dgAuAioxaPKVEf3x3B09acBkCBtDzyRtAGbbM65h\nmw/vapGeWtm2OulTlZbF4Oy/A0jTu0Y8EJ5DxBZFhvateUaJiRqWOzy3P2Dy\n5GTFuxjXgsBlD0+zsuZ2OLYRRzobjqtzZF4sANR+D/3f1y20cH1+C1kQBVNV\ne9ExWi/T1DaggLVh027Nz7HvyuUZAA3SbnlkJPoYH5617RLTGdyuauQewEHv\nFeW+kZw3xdn7xEZqUf9NGwqB6id7zis8rBCSmCcGWK90kfV9IHM5wgRDiZ0D\naedUI3CG+R7F/O7Qr/UJKzs51XUom+n4fGXv83mPIMVM7YZazHqP37UD0hCI\niE43\r\n=Rjx8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2c385d3016a738d32bd3c03bcc91bccf82981fed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.2d5f32d41.0","@material/feature-targeting":"9.0.0-canary.2d5f32d41.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.2d5f32d41.0_1607359270229_0.9104398488286889","host":"s3://npm-registry-packages"}},"9.0.0-canary.8239afc64.0":{"name":"@material/touch-target","version":"9.0.0-canary.8239afc64.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.8239afc64.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"223c99293142e7cf4f649e4a4027367d42f50760","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.8239afc64.0.tgz","fileCount":15,"integrity":"sha512-9n9g9SO8xl0gaIuuXNd+BM1qmo89O3RJayeAZrgYaoquMPvDgCMHj7lOdu15gBA+DtADofM4Y8yTzB4bymenVQ==","signatures":[{"sig":"MEUCIQDByy2V3O3G6LHdMfF36ygEpxkEUn8DPQHymsjUida2hgIgaKKA2JuqhQRC7nlSl40L56eW+IjBQRiKQd3CB0vaDLY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzocgCRA9TVsSAnZWagAA81oP/A4Zxea0yVpyowGJNpP/\nz+4A8lp+HCw+kpHNtQeGmn8+1aPm0cMvVx4nEZUvCyJvTVfSy4Sn5XGfwgIJ\nmhkDKHU4SPJiI6BN04YbMwVqCTIJyU70d4r4+IhffNcrqKoV4hGo0MQurMWc\nDq6ESpqFSOsiYu5DSjejvVZ4sLMRWhE7XVs6XTLoqoVXyoK09OHDdzVxJfJN\nO8Gdyzkk/ZNKmhA3jVIuNPXh4TRV3rPsZypyHUqV7qo12XhmE6j03/dxUPRl\nh0DPeH8M12i/q89ubDKRXh5a1q9uwi0riU4R2uO5/jxHcQTorAo7Ae7EdSX4\n2KReOxOBMtvGBSzrOq4H7SYN9Y6QAOCzWJeb7iW7sRl3tVqizRrpQ6jLtblX\n1wvFIkCROOmxrYrwFikglGfOcHVUGYuPXDr7ZB4e41hMqIdaVbywCZwzZW4h\nTKkPaTnTD72XHiFngt786+O24/jRCEMYQjWwLLx4e4rhN81OPpEMQ3zhTjGW\nn1WF7Vyk+1hbspVge6rJjsYMcxBes8UOa+PtjsA6qfCtqoOZBNidz7GXSPVz\nTkFXIqDRmbnRT9LCUz0uUAdkvEzZVfQrza+zo4ubTN7TzYg7l/1UbFtII8ks\nOU02K8kvRaWA1tHD257dKcldfnDJ0yNTYQcOaY1rV7xiAGMgDX/c+s4uiHel\nVqyu\r\n=3j/y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3ba24284e7fdc10c5aba869e2a2d3175867e0f15","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.8239afc64.0","@material/feature-targeting":"9.0.0-canary.8239afc64.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.8239afc64.0_1607370527988_0.11901279250879049","host":"s3://npm-registry-packages"}},"9.0.0-canary.6871336f1.0":{"name":"@material/touch-target","version":"9.0.0-canary.6871336f1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.6871336f1.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4f45dad6b0ae595b592c9e4bb35461896f83f63c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.6871336f1.0.tgz","fileCount":15,"integrity":"sha512-Lv2mAifB1mrrpXm+YSG8sWaWb7tf9z+yNIgxgaNoNC/1i5gEltzpOQt7D9RyDnQhqtIOcGM9WcqDKemUgRDJPQ==","signatures":[{"sig":"MEUCIEVN8kTMfTBhsNkjUEn+apkH6lhJN+MmWdOYyarjq7jAAiEA1io6DUDZO1/kSXDdrZBg8f1mM5KUab/XbLXJu9BbY9w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6MuCRA9TVsSAnZWagAAlfoP/3SbiUSQoEaeSeUtB86Y\nfcSz4Mh+9Cdh6IAvGa+SnC7v15bza12/bwM/JX0pfUmEMQcxwmdb+K0JL3zJ\nRKCoAqlAw6SHuO/7fuGu7e/3OOF5cD9+g7aEZbAxLfYhzhTLsTKRRqLl9aaM\nEyboPN1RfJp6AFxmoPa7dLFOPwPnBNYy0tPw+Q37QHrTD1Q5vmeo+MqJUicz\norfZW7gc36FUBwR0LacNKYjmOMs4Zx64bOBZ+uJPv0a2aN+GqZjRYc4oyaUt\nbmoIO81gwvLsKwBphkI9aY4vvT6g2/28XEEXn3arhjIR0OCynBAoqrXjjJfH\n+5gqKkncjm6+RnEw/dYKXzm/2qnNiLqR+dxbpAIkPwxxMmmmRj9HBe5brRDz\nqFNhcKZR7vlmdHnG+3xvuSjS/ssefFJClAXbFF/rbXdt1nbzqJ8UTrlxef9P\nvwk7E69vl9ERzuEfGPhUIzcDxc0EWkkaE7OfOqk/3Bdw2w7gHeNin+85O4Vf\nDEFSJ2Nn+uLe9ICXmUeIS4rIPhqRj/kyk97BT9mh1m36PnRHISFEOM844UhK\nZZXkZjbaDdzES2e6M3jhcrvDLk4K68udcl5Q5syVAzEsEuOEhQPimkKkp+nY\nJs/09DDhn2H/GGLnze9iy1x+p8V5lLVDh76qphq0dWjSADV+Xdfc0qUnSXuU\n7h3a\r\n=26Dj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"aed20b07d4f2597c382a6ce4b7c723f6df0c3efc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.6871336f1.0","@material/feature-targeting":"9.0.0-canary.6871336f1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.6871336f1.0_1607443245438_0.29867542758631926","host":"s3://npm-registry-packages"}},"9.0.0-canary.9f718da94.0":{"name":"@material/touch-target","version":"9.0.0-canary.9f718da94.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.9f718da94.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62402bc544799fb29df8e46ab38d919a42d035ed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.9f718da94.0.tgz","fileCount":15,"integrity":"sha512-V0PPOB5YZ0I1HN9GaepIa6yA5GJcF6qOI1vnKapDzWwAhaHJKFmV/vU/RcOXf+gJIIFn4AiWPlXNpLkG6KmfeA==","signatures":[{"sig":"MEYCIQDIAqJWIpwlikdnIEnUE+f8vF+fjhnBYLJtWI3fzRV/MwIhAKHe3POdDpjVYfNu1HVH4v0WYLS9ACeeDgcaLWtat6kg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6XrCRA9TVsSAnZWagAA5DQQAJlqJle6Ufk4jywkYRcc\nSoB3CazJ28+UIvOqRVB9e89NBWSsoIA+XJ9VURGrclUom+enyjGuqe9i3GYH\nHsJW4BDfKTESdJfcep8g07ov2B/86CZ5iUIuhrq/W3GzpZWZ3lk3eHI3OqLA\n5gu/Zy5fQbvn6rSwyBbl19riqev1Fikcahs2i+XWMpqnHI8bq2zvCUxaU5Bo\nV9PSBtboSQdsieJPgu4d59KLAw1DFdXakVfg9DR12ijT2qCUJfd7ubbwkrh5\nhGCTz4GqnYHS+tAad6p4anRrYVRnpzCMVbqbBzoxvaQA1WxlxHH/xueWzJJz\nDT4AIjnetipCMpC5SDvGoPMF+GpeagtbKwaT/3hu5AeHgOMULVTof/JEWxSO\nYkcC9TWCqwDQcIZuI0Wi/A7y6qBGK1Uen3eGhq+ug/ZNYJaC8Oyf2yzXQJYv\n9RhLGSVJ1Z34KiAvIudZ0y3Kl0+b42h21tMs5/WOdrNJj07o8UOOUgq42n72\nFcyT/H6mBsWqEPI9MXKDHHD2fBWz0yyanQ649WsrFC2fXJfhIQhkik+df63/\nKGdoJ7139hX+j7fJwWbIVTfY6QBKfI/tWvomdsv1wv7V4W7wsvSTJnwsjmYe\nZWvsn0SgMPgiXmDseTe74VWokLChwKU2MUX4+6TNrknMl5pWH5aNQpH7zGno\nLcvU\r\n=mit2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7fb6692f329c5482f22dc9fe691a20fe4c6dd38c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.9f718da94.0","@material/feature-targeting":"9.0.0-canary.9f718da94.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.9f718da94.0_1607443947198_0.297118756973316","host":"s3://npm-registry-packages"}},"9.0.0-canary.1fccb1418.0":{"name":"@material/touch-target","version":"9.0.0-canary.1fccb1418.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.1fccb1418.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f4b535ce87962e9a87944d7de7487431561c2ab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.1fccb1418.0.tgz","fileCount":15,"integrity":"sha512-hNBcPRokfJXBZcChEMHRkMPkQYONHiNeOG+w+OMBjvQRHCvory59o0R5nKaAa90nyqZbY/WTXJTy0Nt0slVu4A==","signatures":[{"sig":"MEUCIQC4qzV+GdMHf33S0/osUpIf2k5/h9hH7DRcRUvDmMsQrgIgVUkOs49fgjsNj0HwYKgrBVx92mPir6RYZB6RldohQNo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6l5CRA9TVsSAnZWagAAtxMP/iLZ1MNxPRuqt33WLWM5\nM2E6sJvdy0BQhjQVK7y1+eAdTnTRSy4+UnAienzEnOCOPGvNJyhzTBet9/Yx\nBaiT9IjigVKSc2IZbTk+Hy3K7MNWqBS/PRZVoAHWfmp3eYTuvL7Owx/rCv+g\nJQknoavCK8ceqXBTzu58uRm7ynB/yBoOY0UjUHVhsKGT/0C+D7kqbPO5xitI\nkH1cmQ97KG2tX/unV8Gi6dXFs5xne0WYUC4Ew4nH980oj3NNY1blEvEPzY5x\n6ZCcYCfWqKJHFnywpXvHsfbQ6Zje3TV1Yxufjo+zoJRxKR5yMUNU+ox+SEGY\nvp96BqdOgoBkKoE+AjvoKGyvYVr+EgbACtYgUKSvlzlJ8JAU3aPiz8hy6og/\nIuEMVUEcNyd/1hJ8WSawYe7LA9fLj6uLFN41hoq/Mxqt9nFj7pwH/cDRNhCy\nvc3Urj28CFI4W/tA7PQFW3vXnD4OiaZ4cZi9MnDayuJgN5Sz63vteM5YReqJ\nrQx83xYTJr07EibXUpC0FnadeSpjRviZCqBVeGip9PdYRkuJu51RmIY+hpau\nZsQt8ZvUVm+DVcGRsfuUOlHlHKJ1Dgx2NMouXvqIfCM3W1Ewm6DdABgh8lcj\nuxzwdqEx2iXQthpzIozc/pJ5Hk0/ls0zW54zpCceVLkdmnh8l8v28lrfe5AR\niC+j\r\n=pJtb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f9dd96ea7afbac37dca91bc879dc44ce4523c442","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.1fccb1418.0","@material/feature-targeting":"9.0.0-canary.1fccb1418.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.1fccb1418.0_1607444856872_0.44526285844883295","host":"s3://npm-registry-packages"}},"9.0.0-canary.afb68894e.0":{"name":"@material/touch-target","version":"9.0.0-canary.afb68894e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.afb68894e.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"30ee4cbc48817a61d9cb1482b67f2551121cd28f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.afb68894e.0.tgz","fileCount":15,"integrity":"sha512-LHbsDd2mWLQsmCfH2u6GsLao1HjL2DN+VP0ZmBS5ddjCf4CICqEGoLQz3vEt7wUBPsuC+pI8qFbblhKlSVuAUA==","signatures":[{"sig":"MEUCIQDBGdjej/uFDHE2BOsmLrhCc5kBdhXP48gCGFVcgn09TwIgc93BtuJCfe0HU+rZLfTwafbszT10OwOr3NngyVMUTTk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6pjCRA9TVsSAnZWagAA3Z4P/i4a4Z7ih3HnJXrmD0tr\n71HTPjP+lN/qUDa+qF09TUOe4Ip23S3erfJkBoYwMGVSap4+pAdWfeG62iE+\nuCCrEQzb1h2OzbvnZIhsE9CG67QN1fcxSExq9A+eHkPdm4VvnwYvL6RYV6sw\n/aCqzj8pL+qgJrj33395PCQ4wphHQef3ISgY/Uvq8/jioQSSdY0d25SH6Nul\nC6e/qIepY3RmDHjnbKqfXcgqxxADBadWapc4DtDFKb5r3kWB9CLNYvqs9WdV\nrEKsJX7y3+NSNGxuidgLT0C/LwDE/H0dO/Pnh/YRzsDqLoajnIxoSfF4tN+O\nbYL1JkMAtqEbbECfcavcqKycvdCVYcAaOmbp0WRhgVE6MZELx/TmnA0GYOIp\n6qhMAI+UHeJPD92XrLzufIT/LViEQptfBuRDZ1qRd/CRsuyukYxKIX+MbtYf\nn6tmQ5GzD5ZKSMcKMJtRbOLooalBL8YnEUf9C9H8gB9u+3MIt8PCPATEOvyq\nJLUbdluAP1fZJPYP2a9zWaPUkePkJRianlNLsq2Crr6MaW/gGxZzwcWRbgHj\n9FsLoCdGQfDw+wmyzPPWnQPdn1ZoXrjkoWy2Ndb0qaJhTzyhGBQLN6ZZH1xa\nH/ZoTs24Kh+Fk1P/KBgVL6jylcC5HFPypr3++ybwb0xaiTDHsjz4JaG6xoK1\nEiXK\r\n=wZ9L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8a3ec1a501083d67f1c342fcf5b11a765a586ca0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.afb68894e.0","@material/feature-targeting":"9.0.0-canary.afb68894e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.afb68894e.0_1607445090955_0.1273077212315752","host":"s3://npm-registry-packages"}},"9.0.0-canary.fd88d40c2.0":{"name":"@material/touch-target","version":"9.0.0-canary.fd88d40c2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.fd88d40c2.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6d7e040330636b8da7c2f93e6ee789488eb79cec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.fd88d40c2.0.tgz","fileCount":15,"integrity":"sha512-+mkksdUJo/cm1V0PogqKHBcLzgzY58VsZXz8FcLZMuSFnp/BrRR73slx+D2LtA7rD/UCXT3OIyEfuyxyd4UKug==","signatures":[{"sig":"MEYCIQCXyHxI6pets8mPhxK4J4Vvq/Iy7qRQjQ37d6X14iXTlgIhAI8i5q9iRQGV834c4GW/25oyKOzu/R02xbUdk9vx9sc8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz613CRA9TVsSAnZWagAAQNcP/AwZiWBmF6eMtmPwWg7t\naP2NuMA5lAqDhuhst7KPVr14nTg1XeGANOX+YLZ+8SxWC+cif5u+cIxSNF5Z\n+IDN3/5XeySWyqf06ttUPw5JVdQgFQOT43JoOe+NDw11hGw7LU5k70OyVbcY\n7J/dD0TFG7kVZBuiTmIGQjzTH14Vm2COEmL4B/oibaEBQFxBS6F19ou75SKI\nx/5S6AQlZJ+rAtVH6QslqdWBUaFy05Z2pR71/U10I/LDLBdjr9eFk6rAoN/A\nJf9FG6XYYXReZ+rx3gi149moSKp4WkbXPhj+aw8qfm/AmnGjtgcD6h8zblo/\nCJYQHhMABz8SoKRAlajhbufBqP0zi2xZNz3PzYpY3ZPQ1vrTIhftJgThYglL\niaugJK+ct6oNKqp85g+7FnrEajINGbguqjQF2MTcPPXEP7BvMJKNxeOFhFTz\nM+ZpUfICjU2XySYaasbUEiOuYUI6hiKsm34CHI8P9O7X0BktxHttpz6mz+0f\nJjlvi6/jmzPdrG67fk6LJQ5flewdlQpns13nEWlZmzPGBRt8LV14qVlqxwWs\n5DDql5WnSLGHKWVE79UaeWKuQpMbcaZTg6TeB5yN2rufLKfuqwPcUCFEc6Wq\ndohyaA6GxvMgkJUhNe3RoXb9WhRf5HPVs6HqVIBw2CQ3nw4Ob8YbhnNtx99o\nYa/i\r\n=a7b4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b0f8299700bd0ac44ef5acfdd0234b464d837131","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.fd88d40c2.0","@material/feature-targeting":"9.0.0-canary.fd88d40c2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.fd88d40c2.0_1607445878635_0.4956814772651936","host":"s3://npm-registry-packages"}},"9.0.0-canary.ba9e3109c.0":{"name":"@material/touch-target","version":"9.0.0-canary.ba9e3109c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.ba9e3109c.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77af11be14ebdd8624266141fb5714237552eafa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.ba9e3109c.0.tgz","fileCount":15,"integrity":"sha512-q47fbK2ZkiK+pNKI55dk97FFhbDG0t7ZNlOBCIQqL2qdbJRJ1u7nggwIdJYGU5vKFXswQ12m7MgYTcFL9ogI4w==","signatures":[{"sig":"MEQCICSAhRuQR10NOOjh06URxyRp49V4LQuqyFMHv4xf21c9AiAsUS8np++e7nHSLjANUM4RVqWhn8z4OvX36grRsasOlg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz85ECRA9TVsSAnZWagAA9+IP/R9vHYAxLRL5pRALyz4C\n4SRxPDrdINVWRkmKOta0pXcYJzjDlungRYjB/yafrmKoogllqvzVhUSUW2L4\nVWFQeYCWesJ24cnKrM4s4Ph5k4sV1TGxklJ/1JN3bNTEsSxNJX/xPc7KRFIg\ns89vbuyoEMOb4xPp+l67PElqjbvFQIvcu/Fdo1PBBRgIX5O2CKerOr4zWenk\nDPNk5MhszSammYnifxqW/Zhepwlb8DHglHdVekXefVMInHIAbgFETM0yaIOZ\nKwhDfz3ZSqX6yW8zvGAk1k1nxrQJGL/bK0HFEks4OgRGXcn7yvyMH5x66/aR\nVOY21K7HpY+c0hlcocNmZD7cUKUC4iaW4Sy4WSR6qI1AxaOdZOLWVRG5H2Tf\nHEfHVAvqN3TtJP1V2K8worff2fXXpt+gVL2GI/Br6gc2khO7e3ArA6cDgxgx\nZOvZPDxx1T7gYdsfeiTtKFy9aoAQeki2WbSIQf43PnBsUOXltV+QTG8GancQ\n/q/ssD+qWx3Z9bkM+dtVwJ0WgBuq33P/nLWtnBi1rhEh72AtIMRw5ZUpNhL/\nzNCpvieZWiK1YPyLAzI6MT0IXxYI+xuD8NXhtvGLx5ozbJuMci8ps8r1VSec\ng3gfmUtyC/0XaY2/sHIw5r3eI6/vEcpaE3JwAkNC8avwJmJ/+Z1blRSpbhAF\nB722\r\n=UKD+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"84bc4a2a193fb62b5721555a77b59e7bce321bd3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.ba9e3109c.0","@material/feature-targeting":"9.0.0-canary.ba9e3109c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.ba9e3109c.0_1607454275886_0.7403548213126558","host":"s3://npm-registry-packages"}},"9.0.0-canary.1085c3b2d.0":{"name":"@material/touch-target","version":"9.0.0-canary.1085c3b2d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.1085c3b2d.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8289946550289b8c03608c223c82896b04062c61","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.1085c3b2d.0.tgz","fileCount":15,"integrity":"sha512-kaj5AGFyLrSmN4n4L8m9fHa64sCzPvxXA8uwkUiJEJtVyAreFQQAFdQ6riEfKTHgFQ/sa7hJMf8DRfogaQV2Cg==","signatures":[{"sig":"MEUCIB7eSRPUPqTiIDMMhJPCVOgst3OML9GQuVLG6OyyOR1BAiEAkkWZfrstnJgz4HeLW9eLiIbehTkKN0TbC1g/kSCoVZI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0SEaCRA9TVsSAnZWagAAA8EP/3B3A9pxBftt3J2Wgg+E\ndMvwlxTqDK/GQgT9dPiKvjHFw0sNJn8hwSn/83qvZX3pZ2Mfypm4tYu2Z29z\n26omO4il5rVyslX9kg1HdHxCnYIfvtKQwK0U2jPnMk9mgkm5zakP4+IDVi8/\nOoHCtz+Pt1txH0WWKr3q23L/8ah919A1IaePARcd0ZoIYJpi4hQ+mMxunsGh\nBT5FOwDcTioLkztm652SlLyui8OxQEacoBzhX9xKfRZWkqN8RMBS159w9yVb\nZZk+WCWJT+gJxqXNb1OtiZfxqQxfWxAVk/rfXRB4UeLilmn/x56c087UvFry\n6w95AwvEdfZC8sgQk1CGHQwrxWTHA8azoE9/1sgvyJaBpHhm33/R7u8325FQ\ng5epymBdX2tpvzCnC/OrBRmg5ypuY2X2+qT6yxuUahaia9/3tOl+3hsYHa9V\nYcaqwpo1W+hpp0GnxcCTnm+rG4zooJGUn49mzZEFNCCgOa3PhmNZrNWQvcNc\nfrtxrQwzsj9aF1V480yAlRkjtC+boZePiQaJk56dtW1OU/SfmCbo58wne4r6\nSqXLrPRC2coLBZ3R77aXlD7A9uAvL8MHyg4g7wHINJD9NNPJ1woJNW36j6HG\nBOFmtEMn51wmbcJnIx5a+dk0gTer6pP9AFL4MAsUU3bzVE0HMKurBVeANZnm\nAJAt\r\n=BLmm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a223e0b83a78bac523ca498cc8389f361cd0f4e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.1085c3b2d.0","@material/feature-targeting":"9.0.0-canary.1085c3b2d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.1085c3b2d.0_1607541018112_0.8158522810576412","host":"s3://npm-registry-packages"}},"9.0.0-canary.c5dda809d.0":{"name":"@material/touch-target","version":"9.0.0-canary.c5dda809d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.c5dda809d.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a8b9e2327d2d6a1eab16eb4c0b1a56bca4012eee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.c5dda809d.0.tgz","fileCount":15,"integrity":"sha512-LR6yks+EqhZAZ2n5AgGJrkfEh/HMakBZ4vGJGSjgdubomLB/egkK8wQavpQ8yR6YlRrxKOTpgjFN8u9jQBuIhg==","signatures":[{"sig":"MEUCIQCS6xbIjtfgDO/hVyxgCf5qIp0eHGkzSrRGYBcLlxOsvQIgAqyggxQwfpZJw7bR+TyMiPsO506gHzBOR/Lp8jbt96k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0Tg7CRA9TVsSAnZWagAAzlgP/0OERimU4Bs3K4F09gim\nRRlRUfcNfy9bTUXQNy7F3FSsLojL9fuKhl9sbODFZrN9d9va1eiPtP6yblNg\nsFe6mq/j3JAPbMnXIM0DG+xZFdd6o1j6Uf45wl2OqhlUGqz28yJU81ZHnijN\nVN6NkCxRmMLiv4OZahYG60YPoUJu6hNS1pZL12oTkk9dq9tsQYiBbXjlt4fl\n1eDyO5uVudo1W/dVsrc34lUsv9lmcHv/nqt3MXqeNRg9jKQWlq4WlbGO2DbK\nDJ0cHeQFKWI72sBWbCKnQe4wBxV0/BC3DiGMjMY2PkeT1k8h6wndU5KvonsE\nH25pEyeq2SbDYHzhUv85Z47G6h77LinN2hGgk9YmUkf3Gq4cRmM7AO68FiHj\nvBR+4wLTIbCYnQCs369YFMt3/i+Rm3zwjyzy9Knx2Of8UVh01nbmiex1P6Er\ndUDWc/33DzAt6tw5Hefag3Hqly3zczvC/bLHFA4vrFy1Gy3+daUAWYiKRui5\n1vbUKpPAu3VcE7Fit7K9oVI7nwE6A1sYzU0akaGzmk1xUgFG4maaL0KgOQmC\nGHxILbjYY7TXjOhAFo9w+GRgk1O+BVlNc7zJZRJtYK5U7BPE8jgQ7oIzVgdj\nEV6ZX5gQoc/nK677N9VUFIdXGUC4LSyjtJClKQirapoKjHEmeBQYOOJaaYM1\nXF4k\r\n=BHpv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c2bc7206e40f2f31377a09e53af457109018ff02","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.c5dda809d.0","@material/feature-targeting":"9.0.0-canary.c5dda809d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.c5dda809d.0_1607546938637_0.2495006855025521","host":"s3://npm-registry-packages"}},"9.0.0-canary.f5f1bd86a.0":{"name":"@material/touch-target","version":"9.0.0-canary.f5f1bd86a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.f5f1bd86a.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"130071464df2a6ea2203b229a0c13a33e5c52229","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.f5f1bd86a.0.tgz","fileCount":15,"integrity":"sha512-o5MYrcdGxTQx9mo5Nk8y6rIrm6lTyI1+XCJVxXPHrBshuf9SGDk6e1X1PJCeAnLnSPKrogPIaR4KtGxWmt+wrg==","signatures":[{"sig":"MEQCIEDB0sIbdlIWQo9VE4Jbb2ltNHrhcRlUWXEAXEe2yY9YAiB5e66A5XWqJbd+BrDYoeBjHTJq38ZCNJAWzfSK0wiDCg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0TyCCRA9TVsSAnZWagAAa8kQAIH/VOgdU7hZLYRcpVi4\n8V66w3wxFEwiWRZ455rljPyIdgwbuTBQ7OOEAq4obuRxBHEe5qorVGGKD4Wl\nHKH1WlwDBpHo1yxd6A2Q3yV4GOM07Fw34/MS/LeeHzb0Dg5fCueE3yOWwmiF\nFqtWvT0E43j+I3JmUGTCVPzEg5uMcNNV3JgIWDfr6HkuLLcubkY+lB22ffJc\nEeZdHnQLX4N8/KX+PsFyGViWDdkZTFqmBPURADE9Z8tlOdpmrXR2ANmwyNsS\nVtO5Ggb7+iGV/q5+p06PDkk+gU6unIH2ixARF3+BP/n8+kiutxe6MSlmQ590\nzvtpEeXUezJNDEkaORpks9LSzBhVmwOp+9ba+BJj0ALUO1TNa5gUCh2q9kYN\nMR7xc3XE7n1aNk62Wt0SmNDtRrLqtTI9hEBuHdCHuz1xaHnbPwVvJVdm+MjI\nWVcYctZVrp+GoM/g4YNij+BSwduSs+4ZJHd2thdWomOzabEooo8t9FmaeG9F\nAhmopzwRwm2X1X9PMhLiGk5fma+ZeMG+u4UHAvvL9TpiIJjxM/Hk2fO5AWnn\n9qf9mbJVMubnZHsGkj/1nNZy9Rc76O/qXFEi3GG64lDvZ3gqXH5FajspBVys\nLZtPugWijATJyHPHQ6FmUgR/8QqAU5IyeywhqvdhSUmkzDskYMtj/Tk3szJl\nqL9K\r\n=Bk58\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"86cb1fcac08fb433af0662cec8583dcdf435eede","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.f5f1bd86a.0","@material/feature-targeting":"9.0.0-canary.f5f1bd86a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.f5f1bd86a.0_1607548033877_0.12821886951325334","host":"s3://npm-registry-packages"}},"9.0.0-canary.00f38200f.0":{"name":"@material/touch-target","version":"9.0.0-canary.00f38200f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.00f38200f.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dc5fa003f16ec51f366abc8c91d94a06ddda0526","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.00f38200f.0.tgz","fileCount":15,"integrity":"sha512-pjoDnjsQugNb/zjxBsazDrqZxSSYwpeQE8/ypTMjoInSVdywZ8muDaWsHMHopDNLtbshd6SPfFAjUcro/fRdFw==","signatures":[{"sig":"MEUCID6aRQN9nwHtmmsXRVvTWGA648QQOyLwHR4X4qpWP9nQAiEAkI4syekTkeNUFsV9Z2rB89ulPr68sP+lXmjn6FaOtgI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf05OQCRA9TVsSAnZWagAAlqsP/38SM36z8NXFeHeh4lJ1\nqNrXwYGgCSXaY91Nab7G4BTxEQtiAbQrgqUz1I652GVK4Cf7tnjYI6ExcGlf\n/9GDTFoh8kcfgFxLYGB8jz7oSxzgRAM2hbSFpw2uv89CMDLp15Eh2gnYvrwL\np1S5LHF085z/Y9DZkZ0OwxhDkf/zFB9SSA+QD5twfTijOnYYRiXkJ6M/WjfJ\nyqWywjSawpmaV3MyA1pYkimdK4yqv2riRMgiSsUsP2lzBBWw6mkRKQC7H42D\nMIhpxiiIuwJlEAo8m1DjmdzbPtHnch6gSUT+g5CUsmRrXnfbzFwofIgMFaNO\nN1mZqli53WO9KjV3Jrgx9+YnpGCgfvfkYL8HM9veIngwQlvcWO6203HwfSMV\nmUcTQZZDHRLd+dzs+SHso7uLlOSLisZI5yB2qddQGKh/2Az+GuuUCdDZiM5o\nYYDUtOXnihDvurtPADrPpml1/m1FlK54PJXQSc3CceJMnM0l1mbO+XblTV+j\nLTh+On9cBMhNGSiuArgH5/c0YOEERrU4vn4PfI8hHJP2rHAHx0100/k0xp7p\np7+zxZ///jrYNvQ88YGU+eYDSkeFv7xH92WVz+rBOes0T4gnM+GoH2BzkSmG\nLkoE8UmaWg24IsfeA1ZW7c1Zr4Wfr58XzRyXKAOPKcLFYVoE/9vls7z8wDX4\nwDHu\r\n=GsgA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2771c0048541c1dde142fd7f565741f0dbb83c20","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.00f38200f.0","@material/feature-targeting":"9.0.0-canary.00f38200f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.00f38200f.0_1607701391663_0.27360311477113086","host":"s3://npm-registry-packages"}},"9.0.0-canary.ac41a5729.0":{"name":"@material/touch-target","version":"9.0.0-canary.ac41a5729.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.ac41a5729.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7fb4039c7a26cae33e9f4b647c9b7567c65b1b4e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.ac41a5729.0.tgz","fileCount":15,"integrity":"sha512-eyUxc80CotjCZWmACs9By7eGPHVH1BP+tFxXJjh3IUOWjWOn7l0OBT8k3oAsnRoVJfEeNU26nUWAihENzgjfGA==","signatures":[{"sig":"MEUCICBK47ME3TEkTrxnGh7Cl2AYz/GS8gBbmwXEdy5nvV8ZAiEAzejbvWAXCZqVCi/qGesDHrw9ASpKb4Y/lxMpLY1h2XY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf053oCRA9TVsSAnZWagAAmA8P/3Xm1uoM2G2gaAgMbUot\nq729HKCFga/p0VzIlwy0CY59SxvjcsEqFsOAEgDvCcYnsLoCF1MV6D+jVAiS\n4vh5IDFIg8sG2bZEbo78z3bWn8tYAPittLy1lIo23pT6Rt/9IGF6uCHzqTWF\nR9cR6FI5sAiQ3zDdMyGqJL/9TtRYmNMcHsl5bi0P0Fcv38p3rdWe78pESXuc\nh5lcqVU1F5PnCsHY8g/uOx0BOSgifOElvgQ0vbrdlE8zK/KTqJuv1g7fRArr\nuD49nb7XASYcbTLNq0hIcLnoffqydLoli82dn1r5pi2dDMiusHB4AGJdldtP\n3HeXRMpDVRYf3GPbpLaOkJeNVvZpye3cVItEXX0PkO9nGPa0k5Iv8dkiQMKH\ncJKyjIcmzJnL44DPZTIPax68iZwS76Son7nITuCybloa1Nu15s0N8IT/9AzK\nMRTV/R5CXzLeZSIaj3dh6XGqAsf/P6zusNqwc1YSEhPR0TfGZmJZnkUmfULp\n2SQfldj489rHNUC/TH9IKU/z0floAEZwe4RPi6t2Unr2PpKa54Fpv1KHmlc1\n+MbGsv/CNbOTU/LPDKSiwprmRrgGZK99FxNhX3G7jcXVtQU68Fyb2b1/4h1b\nPAYCf6LPjNZjvgx2ChnfeOWfWfh+5WOB9M7tNO4I9fn5FQ7AtVh3MAsI++Jp\nzLh8\r\n=eVVH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a8313ebe32ee1c67ef38d5e9ba2b5a4ee2d08f77","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.ac41a5729.0","@material/feature-targeting":"9.0.0-canary.ac41a5729.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.ac41a5729.0_1607704039590_0.3259946929821338","host":"s3://npm-registry-packages"}},"9.0.0-canary.7fe0e4f05.0":{"name":"@material/touch-target","version":"9.0.0-canary.7fe0e4f05.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.7fe0e4f05.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f67af8440894ef496d8f27a26bc6cba030dd5d9a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.7fe0e4f05.0.tgz","fileCount":15,"integrity":"sha512-Fm3etrq+e5f2YDCn5UpQGKTqW1y99fCaP90dpkBZXqkSr6RWbCoZ5R5vC74Os3vmxrtlNLd0tGMXyMnoGzX+ZA==","signatures":[{"sig":"MEQCIDoSgkxvFkB+6/yQne/DyYWEAU4I0yEYo7l1TkqjJtU2AiBARWfMgEf7q+Cri4E5cGeeNeHghA2M8tiqTyT0gZpeHg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf06aqCRA9TVsSAnZWagAAp8kP/jNGs1Unwq6zjcvmCxkM\nnLkafYsHVMRpr+OItGJphFKnrMZ7Ny+9qQTmXL20V1axcDtl+j6DhBM1l2zO\nnwQbJfaR2ZPuO/hk/yfbuxPOJPbo2gdbKdUO262NO4wWUaHhp1HuZVMg7Ns7\n5k9VxUPiwqxQzBQ+WiEW2qQcoe3rzxH0WApSCLgHP0K9mtns7yP0MoCh7l8b\nMk8JHa40L9uoh0rQLN8nJx5b4NQbvB8wqiae+w8qWEg1VH3+GR7NC8akyEjN\nQkY5F0jljkIq+zi9owlGHjH4VkB5famZ0iVpoaGndU272VzBkHbfxovtDFDG\nn4oXScfWfwM2prKqvlCbfjecPEgzPfx9Fn1GKV/8JxtocDz7bYOa01FD6PJq\nJlIgRJi6zTEcRjcy5pIIpFC4vNBORjW/GXfnNVCb9g+xMy+TNpotW5/Q9bzQ\nSWqofK+uWDCO1k6Q2wDjxEMvthF37aSa9m2x+ZZIpejSsW50azW0LNnVODHm\nNUHYTpK8wHEMUSFbTH8pSnWJDx9njJ/JYCS7TnlrZNEIOkz0auQuAOlMuxBL\niOg7Yza30Ts6ZuWt906tUIaYFHRl7u6o/s+z3h8+CnpEwRuLp0W4EchSC7Yf\nQKe2b736KteMNeHfYb1zDOL23OgOw/Qrw09zDSHWbSdtFGOitRohpifa5QSo\nYDLM\r\n=YITp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"174435b67952da2f175e31e1db54647a2722499a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.7fe0e4f05.0","@material/feature-targeting":"9.0.0-canary.7fe0e4f05.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.7fe0e4f05.0_1607706281785_0.33807027781562105","host":"s3://npm-registry-packages"}},"9.0.0-canary.9244508bd.0":{"name":"@material/touch-target","version":"9.0.0-canary.9244508bd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.9244508bd.0","maintainers":[{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"76d4e19c6ae697ec7827f7ad81460c9ad4cf6311","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.9244508bd.0.tgz","fileCount":15,"integrity":"sha512-nobfw3HkIQVCJufrQK4rVxHVD9MQ+g+mL5/TvqAUK2/7PJHo81slp7IhjqH4zO+5c3Ph09bpZ5mkspmocZ7YHA==","signatures":[{"sig":"MEUCIFBst9KVyYmtGc7h/8xzHjXaymZWJ/uz5Vh2F+HLsekrAiEAqMFanF9vVggGCk5skuuSD2Jy4W7kDCn99WUPYCdMpG4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf08MlCRA9TVsSAnZWagAAkuMP/R69nezNiDvOVY68Zeum\ndSkBHZz4TRatExJxlghOA2En2y+tkm8te/DdaCIzJOoOadwMqFD02UGiGBfG\nGyqvrOeYOkSNPGAoSgGRf4j/7PrsR1FY+FAIRqQJeNyWpUFIwluo+agi1FBE\npvq6zFl+bfec/ijTRIOTZOj9UAwwLXJO9dCzXfmEdE0nUlW5y9m5edC5C3Af\noK5MwGugOxp57PL4FiCxlbm/ZSMmQ3KPXllDxJ0ICpyiULi3QVbEt7pot64+\nUEWf2ypZuM8OrWeydDyOz14cUFq7dd+5PMnr1AF3WmZKyljdgvz9Argqi+QZ\n8MY9hQXHFeUShWh4MB5wb/CuGMTbbjC4W9Gcfx/kYUJCDsghMV+ZbO3FV1Ht\nUxGwVJLilJthZq3FREsFkgtbgsNTke8QpwTaCn9ebyqPP81ANAZpH2IO0k2F\nVMU+rvmYpqoPhWnVjAkkEYayc3QaK6BAgB8j3x1y+vlGEunWZDkq3eU1sJ5/\nT4dhrMxO/uW6HGbhMJEuBtCdYL2p9Y1i9P437uE2XU3jrAhyNNgjpTgEdb5L\n/8rYboGxfz2ABuTY8yBPB7XuuYLXIHRcc7h9YyFkWuleUvKB0kyMmcya1/lU\nvB8BzgkI+E6uWKM3Dialbiylbc6Zsslswiv6O6RyvCVenTeMRSDxqG5ELfqI\n+qqn\r\n=gZhv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8d704729c3b4ba17ed088d900fb2ddfd57d5803b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.9244508bd.0","@material/feature-targeting":"9.0.0-canary.9244508bd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.9244508bd.0_1607713572904_0.46372541939347234","host":"s3://npm-registry-packages"}},"9.0.0-canary.384a8eeb1.0":{"name":"@material/touch-target","version":"9.0.0-canary.384a8eeb1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.384a8eeb1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a52c92ba99c7a00b190c93a4c2217d6e512fc4b4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.384a8eeb1.0.tgz","fileCount":15,"integrity":"sha512-nSkUQy3NdVD5uHxGnDc23cBF3fCUKUdWFHJ0XfVjP40/3QRKHgHBB5oUySXdwAOxe30p+8gg0qNZ1SZopvlVRw==","signatures":[{"sig":"MEQCIElXRpqH2sgHeTXHH7EWrhC+ihtkBI06Mtix4+AYNESbAiAGwFeDRvzKqFlAU5IjxEmisglI0Hv48lBZqOrFK2HkyA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2j1VCRA9TVsSAnZWagAAdNYP/1b+OA0fDD+qQzy2SBBV\n8AmT85EgFufIhbHbOZxQb70fVkQ1mxUnpOECYxfMZKsZlM9pwo5VRU9B111Z\n37JaEWtMlpSDVGz5LUklWGD/RtpqHZHATWrgDsTfKMl8Qa4hAiF6UMyAOJuV\noL/SKxMiATgOlD9FtLi1cWuurtFDCCWEI4QotDQr5G9GaoTOB6QeGYPyKn1J\nB3QGOuKCZ2WJ/sIsK4uoLhZJrYIePwfdoEmPZlBptTAl6IoHY9I4arB8aY6r\nl6us8ZgsQD+eIPA8ewHqhaJlMVC4nvh9F/C4AAh80ayNY3TPLLaPZ5SghbQD\nZnsVfMHQBAkAiNejgrN355q3k0mR0X+x++y9LS+GZlSU9frK1zEXNugx/Rz/\nUysPdlF+Az8H8LN9nKKtN925kgRVbwd8bq1egsp5w9aL7CtpTz9RAFp93pvB\nbQW+x7dSAeolnzlR4iAvq4tzZ++5ozwdiOAW89v0TVUayOm8vAwN8Hl41Rt5\nF0meqzwbCSHePUo6PF8lqhtf//OFaUbiWnGo9O+FGKwNjhB84ItwU0YycDN+\nBK8mk5fOGkZGZ4B++wImGbQmp4/v0kMgSGSn8JGOj5x7pSd9F+T6NLBSCP9E\nF0RnCpiJ1VEWAYdO/eAH7TqP5BYv+Bs/4qifYoqpKTjo/IUIAfVTPCsafh9K\nxbXT\r\n=cQ0x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"21b2ddce32077f19c001df17ebc3c8ca9c48f8e5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.384a8eeb1.0","@material/feature-targeting":"9.0.0-canary.384a8eeb1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.384a8eeb1.0_1608138069419_0.114964972735081","host":"s3://npm-registry-packages"}},"9.0.0-canary.eabf9d5c2.0":{"name":"@material/touch-target","version":"9.0.0-canary.eabf9d5c2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.eabf9d5c2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e61bdba1a13e0c3f8bf83be44fc5578bc5e0dfd3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.eabf9d5c2.0.tgz","fileCount":15,"integrity":"sha512-pBc/z0WvZu5CzpRqs6bV3XjCQwe21ersknk0eegEYxrnya2aKJNbMT3AgG6piE1M1uMfmVxCo4JcbfDTfjuZuA==","signatures":[{"sig":"MEUCIQCbguhrNOsEwQdmDMgfRwdqyY8GuitfyFDDrMdydH7VoQIgc+rELhXxjLokUXbjmvIyC5ZhZdKC1N54Cv0Eb0SlNxE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2lFsCRA9TVsSAnZWagAA+fkP/Rvbkn7o7741WxI7NPtD\nIXk/MWATzEgEFCF9m+vHVJ157BvH81YHixr2DoPiafUoWXNcx9k7jjHhG/fQ\nIiqeTzo7Fb/359JnU659aJKfsCEfN7beSZlGpxqVtUU4bnQeM+Qh3/QYgqxc\nrW5ao0WahUgS33Q4pS1qwmoGw2eWc46gEwSGIyUg+ahPd5559eA2aOzRu142\na9BtDqNTgY2NKVwB7eKtyINfRkibHcIDPSDHBnMLm/1NrVUJs67UJAmWF/F0\n3YFo7Av3/s60VVTM6pKvfcLp/UA0Slh6O0c+xCHGB86wIRZaEunnrT6tolgj\nkmpcT0/kPxWDZwWLLCUY5pA6vGMIJoypAO5Gg1oohjBGfV65rjVIvI1ynl6k\nbC8v21o29WoHKlGzxzl/J/ZKW/14B1fuLm53ilsyvVZHGuUW/xc/9KaMD4Z4\nWyNH6SDKzTx9gGZ605y6AMRtDjg+ja58Na1dldq1OoKH4GAsV8/Hd6b5Asxe\nDjB5FUQBtBJQi/lJLejXYmnuzUUrAP4hdIdLBMq4E5/IRqniv+5i4t/5pZk3\nlEk48abeVotyOEdUUFmP14zeSSiD2O9l9J6206COW9cia7X958zCvU/B9Y4V\nJ+E8ft9dOiKBsrrH9Wmi85qdAABEYehssB6VhjGTCdwr/QoWzDA2RF9n+emK\nZyIB\r\n=gyek\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"78b3a67c04374ddb43be73dc4daf2613746d08b1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.eabf9d5c2.0","@material/feature-targeting":"9.0.0-canary.eabf9d5c2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.eabf9d5c2.0_1608143212099_0.35386509653070686","host":"s3://npm-registry-packages"}},"9.0.0-canary.30fdfd06e.0":{"name":"@material/touch-target","version":"9.0.0-canary.30fdfd06e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.30fdfd06e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1a670ced4d03cbb18c45849ac87b0ca089145b6c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.30fdfd06e.0.tgz","fileCount":15,"integrity":"sha512-mcKRJcwbUli0PnqVszXrE1B/zI+eKTaOkxhC4oOROncvb/GISqhiIEGzGifyjgv+UoEBkZcThtz6a4gPoC75SQ==","signatures":[{"sig":"MEQCIEWa4XIuE7FTufcDO3JmK6x2/cHDZ9BZBl+XR1GEVMcwAiAz1SOwSq/hkMnHY8gmJG4Q+qtkXEwTHvwoADF7cqWcUA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2lrECRA9TVsSAnZWagAA7PsP/0geqnfhd9ccF2n7Ke3r\n5kzQaRfeFuMymZjOmRtUftqESMSFmW6h0aBpp3r3C9iY3frWBw9C18dU2tV2\nUJQ+aekxnoInVqc7gS7j3oUq0s6qV8/G1kyFdUJ/3ISrJAZi9Dyjzj4ISoJs\nAaVsCoSm9MTxAfXL5TbMF8yefEa5hNOunO3J8LBEnge80vo+Ey11Gq/NIMP/\nT8bPo5Y/is3M51pDe9BuqLU+bGllINnDH3tLl2tp/EpU9XLTxccjrhg+h4du\nKRu5NmcqfTtiVEcYQt7YkTvQWcPPZbQiEufls4NqEW2CVBgflrp8Pzxin09D\n0tiaTwW1wBUHe04VEQhEWTXBbveh2cXC4KCpA6w+uIFWOSk4QPS0qj0XIrbp\nenvQPE37ZJ9heoWUW2GODeGe2cS1PE35FP8MfaJmshyWXs0aCSxmpO1/3aaS\nCZhnDVlyCm772hdqZ3uCc6OW6dHiG4wilTraEhLzuaDJLJhG7I+i+IMm6hzb\n2MYnYaOoU0JJQuYoZtbV93eqhjZoPyg9THftuvOnFIxDTZwxLvMIuqmiOQAI\nfq/bp0rv45FmgsY1QQhM9Z7HXTtUKDMN3c8EaZhwJf4SaflXZr1oZcDXvXlr\n5gbcDcE/HSIA90oUb/DckHcbGTe/sdrJfAPpns4c3HJGnHFc+AeKbvhmArh+\nDPpW\r\n=wK2x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f9c9fe091a06230b038ac8a71ccd652c7c662b96","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.30fdfd06e.0","@material/feature-targeting":"9.0.0-canary.30fdfd06e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.30fdfd06e.0_1608145604512_0.9636356205867709","host":"s3://npm-registry-packages"}},"9.0.0-canary.9590a8f90.0":{"name":"@material/touch-target","version":"9.0.0-canary.9590a8f90.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.9590a8f90.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c2844ec3a571ab41334584e1ccbd0fe0e9c962f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.9590a8f90.0.tgz","fileCount":15,"integrity":"sha512-puh5q9FaN1gstB3XM50aNDNhdsYmNtfugqgjmA6Rrr59j8cY+hO7UaSOJ70Lde0TyGNYSLp6N0EytgF/a5M3qQ==","signatures":[{"sig":"MEUCIQC+xWlBrcmPVn/hiz9Y5PN6pjNw5u2HIpgzh2bNYhiIjAIgSeAQjEbLx/vPLWiIEXyPRhnvtFtIXqSmN48ja6twquM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4i+/CRA9TVsSAnZWagAAn38P/0RH/Y1BzbYp3cbYgtXI\np4Rsel9xRjAtv432nybnPvED4+NTDDC6mMzoDbbAcxpchABqdEBTw2huA8au\nZ6/8cEgQBuSZwXOoLPnNq+lhmySMo8OujA9dhsdIfAn3jEd2AFNrjd4XtcZv\n1Z735I/Aa2mawL2WWe38K62WlKCCyRiJaUeX/GfxwwVAonW4KCipZU9+Nc6R\nKMoX+FoOlVxawL6u0h5VGxC3H+NwK+C5CxHRWzQcxkiduahmNs4I8LtD5rsm\ntIs3SqCf2EDhlQWzeKFrGeaPSa8z3Tb+tU81GkVvSi8nWGvFikfM01F5mdQn\nYiB4JAMTC5m/YJVRoinpchp4l+dlF0XaA+7TXjxT1F19eiuw99evONK1F4S/\nzHKecNGN2HZ2O1ejvUv12kjP3142zzfHVn7MTp5Kf2TGegYlshEvaPZFvw15\ndhhRAJTdAtGdIaQxVGqVA0iL1KwVpTba6b9JnMX1A8VArZ9IzYWVOWRZGxPS\nX6/oats1PorH03o0vNuk9naEdI2AsZHnLyelTDx+ymoNnDma72+isfSnj8lj\neC+8SzwNM5OWC/TMZKMr26NqLBEr5Cmrr1Ur9AhPuGVW19qoRqhSnWRhLHeA\nYY2BBUhPzBSA8UmOIyYn5AUPHMUjk0nJ0a3xgqPHUxGumAdg6/y+kU7dhnmM\nKAAO\r\n=z3su\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a592a11a03887b1e1535d4d49ea05db1b6f72789","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.9590a8f90.0","@material/feature-targeting":"9.0.0-canary.9590a8f90.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.9590a8f90.0_1608658879253_0.327338689022056","host":"s3://npm-registry-packages"}},"9.0.0-canary.f89d8b8f2.0":{"name":"@material/touch-target","version":"9.0.0-canary.f89d8b8f2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.f89d8b8f2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c053afeabf8936bb4d2a80c6e781d030dd0b8758","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.f89d8b8f2.0.tgz","fileCount":15,"integrity":"sha512-nZ3DXk2cYk7QYsH2y76FsOTRs2yIDOf4Zc5CztbqahwlXKEdSqk/DT74+7++8Y2SHM+hYuyB/TssJZgCzOm2xw==","signatures":[{"sig":"MEQCICpwHSLpRIh5uMMf6UzG4HzkoMuyrNHuIHmUXmpd4tOoAiAq7KnSyQ1yuCH+5UrJQ1Dhr3Ma/7+TWYqyMeO4ffWxPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4ntyCRA9TVsSAnZWagAAK5wP/1Ur/qjirJzI9IO458lH\nPEG8doMFQh5XRFFQcLQarPeudpQ/qA+A/Zj6aL7hmcT5czqNv6tU4CN42sed\nShCWabkmju47bK2IhJwQnk/wlhBe8POkDI+GmNkD2KKpFpjowB+i8QJqeVZl\nTeVh42bbS8H9X8uOzxLc+TJmuS7ADfoU5GmPmZdNCJu/+szM9CTT6rsddPif\nZFtCN54Uk0xi/VYYGvrYEbYJV3ws4zkrccUxWCWFe88wcygPew2z74KCbdw/\nAOFq5I2ZvgMsPDasVzGilUuU5lCdKch/zgc3KnvInjHOLyVQCDgaROaRFfPx\nJ9qAnLObNq2EcCZ2vzDRmz9G32sKQ7OQ2IEOSBeKAhEz56JAxvl2pUrnEGcS\nbUyMOAQ4gSWRNixljPmyyyCEXB4Ehi4087PNBM4gaKwz+E0xnP9vzEYtJj7H\n/fcyF6aEd2SM9bxKQL2Qwyag3xUMX2RUcsdXcBBCi4XlUoZKeC+eJK1UAPjj\nBd0zNLYH5g/3fKljEKrx3L9IsjigZRmOwQwYOvflyLhwAsLdH1XzSc2vSQEq\nnsOaSutBxkvSjwFFP7Xjmf7hWJ/IA+bvQD7K7rL3pnlGzx6MrGsBh3kru6Dc\n2dcGkDGoCkOHrXdLTln8bY5aiGnkKvy8fqVGksHDZIH5nZGjTQ2vRNkIbuqT\nNt14\r\n=zfIt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e0d61155aa611a1a8573762d75379cbb25d2e7c0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.f89d8b8f2.0","@material/feature-targeting":"9.0.0-canary.f89d8b8f2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.f89d8b8f2.0_1608678257557_0.8654489496350593","host":"s3://npm-registry-packages"}},"9.0.0-canary.fb194dd35.0":{"name":"@material/touch-target","version":"9.0.0-canary.fb194dd35.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.fb194dd35.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ebf82b9bf65f37cd7256496f7f09502ce0b64bf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.fb194dd35.0.tgz","fileCount":15,"integrity":"sha512-R2xaJf5m/bEE2ksQ5yMnMdPZbFNW6+BJXtHqlm06ifmymsiir2X5zLs9BsBWEppIwTeWQ9REsTd6dPXpvEQphA==","signatures":[{"sig":"MEQCIFyP9btFE+h2pHYHyXnZoGOmIWjArC01sHW+B8oWE59lAiBSbxJSH+uj93E5YFHb4adNhTXHc0bnW1Xd8ZHL5lsknw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6kPLCRA9TVsSAnZWagAA5fwP/3d0DjCX8ddy2JPdTAwS\nbCIxkcrFPXEjDYoTfACJ75VcivvmfzL+NXAU6fMAsAOr3YIByKl7VjaDRY8D\n2dmq2Fu9si1nHgdbU6ui6wlSDc3zyqMImlBWKTWiX5FT95XQe97XD6Kxx45U\n8ZBhKRxUopgc8hrtFlmC8YeEx7bIYJCxQ0vkZB7DGZ4pFt0H8MomHf9vif8m\nu3Tw48+o8/2+XxNrg8O7sUKUbZ+tu3lAA0e1fO+MW4ggLgxgG+IYKAIa+5fF\na+yY4gEEfZg/UCbqn6v31nxzeA5uiiKFijDwH6EFshNDeEINZQr37BPv4z5i\n30rJME6Wmqi86q1ziHDW/4/ljoe3SiBLXDleXjgx+Lsavu47VJodNzB572qb\n3XZvEHPTu5w1EY20+LJO30jbQFM+M3B+uQ4vqmBiAxlgV7g68gs5YPSqbBzW\nN7OLagRuJjMVUj31ZDcCASj9krWYMB9GWTD50HhyZQ78+EBruzQa5B1kXzAG\nQYMG4InLGTwnc/mBPEOTaBxesZa2XBEvp8pUjEUBmFjaVGms3kimWvP/+iRX\nhavZjcfu6ZTrXq/zHFhtdmKvI8e0u3sRvHQR53bQMJxBiCcOjQmNlBN5gu3R\nwo23Y44HWeDrZCo79i3NwEJ0aTs3MEAxIcqxJpvQW5iHFJxEEume4qj5U3EV\n9yBC\r\n=44yc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"57a5b34de1026133757436905fc54dc5b326d3e8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.fb194dd35.0","@material/feature-targeting":"9.0.0-canary.fb194dd35.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.fb194dd35.0_1609188299478_0.3200084987689671","host":"s3://npm-registry-packages"}},"9.0.0-canary.64f36e287.0":{"name":"@material/touch-target","version":"9.0.0-canary.64f36e287.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.64f36e287.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dc46cac11d933ad9b3957522f64c930398ba8727","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.64f36e287.0.tgz","fileCount":15,"integrity":"sha512-8Yw4+tAVz/E3uwmUoElAhfOOgG1XXNbqHuNXbLJ52oKKnqA5yWxtnyoAG9JCcn/tUHvPmVXrHBpAikzNI5rYaA==","signatures":[{"sig":"MEYCIQCqNAjCOYt38KFbh630BxJ6cTOw4VBwKE10rUXYI+fioAIhAPi+4KozVeppPJjTr70eFgU077TzzdqBYxSWNPfdO2y1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6kklCRA9TVsSAnZWagAAF7EP/24azVE0wHhbu6zvO6bx\nKA8Bi8bLPLmTN+K2/A2W3zx+YPluCjtTd8zzjC9OQ+P4g/LpGb1axmkkptC+\neGLUqCg4xpnqQenCrS858xvkSutjoOshU8oCpBKYbGl2ylFr86c741dQMJZB\nJ6H4DbTGTJ0nD4RL7VvKmqMzAAEnaFcK6UX4LQlwoKp4xmIw0tO+Kf5Gluyx\nzO07MGZOWpmnbpMfiGRWg4M5E6Y2wsC5MpG89tz8Pq00YH/8AZSInCJQBE0L\nxnShTmPADbMFJM/5nYqYYaNgMTBuEChZrP6SS8y11X0bliDerQjQ43Myd14H\nsQIMK2o0xoFBuqxolp4FiF3HNFC1e+Z/zQONCSsoqdsp2GRrSw4zw1c+YFO6\nvG5akuDEjZQo9N8SL5ubvFayTyKkOF+jn62zEix3fLOC9eiH/DFisiqVJlQC\nmrBbJAbZndOvto1WtMxmlV8n8bwiW24aLfefMIDGM6rPp6f3zovBFRzuURI2\nIz/htTjMnLl0SV/mQh/fGn0+7JwZYkvoxG+dT9ev/Kye1r6CetUJIrLqzB0y\nY8TwZ1yn/IyWo790hrvmbu5Jm1mSzsmlJo2j+WTfL0OOgXRm6HpRES7SR1Ap\n3I3Fuou00Ja9fVGLVkhgz4hIqFT+k039+QxUQISigwIfOHmwPJeFwE+KAv74\nXHs6\r\n=Rzzv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"23f6770d284ec6c17b1aad9913827f8d456418f2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.64f36e287.0","@material/feature-targeting":"9.0.0-canary.64f36e287.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.64f36e287.0_1609189668789_0.704767913069448","host":"s3://npm-registry-packages"}},"9.0.0-canary.b7bbe7022.0":{"name":"@material/touch-target","version":"9.0.0-canary.b7bbe7022.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0-canary.b7bbe7022.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"27e53341fe5d8144b7ce845c9f143c1e3a771abe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0-canary.b7bbe7022.0.tgz","fileCount":15,"integrity":"sha512-3X9tpWua6z9AbuvMzQNxQ+l3V1bmAXhmoe8m8IqQLNoqv55MTh309UqWThLdX1GN/Z7EShsYfYKzMEMc2dwFJA==","signatures":[{"sig":"MEQCIAaNxTQOdwCLu0EbIqoH3mBgP3xlTOnHLphTj2XE2YblAiBHgoj2Mi4aDDWRloI8Ie5pf/w8yZceCFDFQVwkRZ/6fQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf63m1CRA9TVsSAnZWagAA8qcQAJEz8qilGFZoBZE7OlSX\nJ6s2mEPqpqKupRRoibvPNMhuQMs9oQ38gPTZZZpzne3roRvi3G0dFu6UOLjc\nmpuGKyc1gi589V2hZFxoGdo0DZToGYIulwsPl310hWB3It7zPm+/nzbhvzyp\nwBMT5OKOmyQsE+B919X4z9rp0UfySjZy96gmIzFM9noJVEyaEW2y04bpmcbd\nDXPI6zOOngnk1x/thK7OTX1kYL5l56Ju0EuATi04NwFtIztgBKrY8LtOlGhJ\nxqSXM5tvSbEAUdMzn6QiKKvrUvhFlgLokU9P0go0L8yBCedNY1pexihMLrQg\n0Wi8O7EdotRe6wpBGcClMkKKef98he3CBm6ItL4pFv/sBzY3evHW6dPSnbq/\nqPO7F/ZKRCIa7BV1I/+OSJxomgoSk8exjmgHew8g+NQojqNbUmuvXpvJfiU5\nchMDs9ooLNSKrGb17h0Fd0jecF3v4cGZt9B3z+O2K3F6SnSv+mcM0gHNsxcK\nGvOD4504S454dZeAYcQVUSHBgp9xodoiir/GmIVONDwEH5ShYnRICqVVznIT\naCuvjp5WLNO0zAzBixmk0OgUxKI0iTrZoWnFNr3hOa+mup8F3IAp8Cv66aFX\n6bhz5SU/ASnLG/cPhzHiaWaAVdWT2lqNWpHuyXbABYvIxwzNV1DcNsTExmjM\nopUF\r\n=KboV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"81238a3912ea8bf30c97b0318ac2ce65f297eece","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"9.0.0-canary.b7bbe7022.0","@material/feature-targeting":"9.0.0-canary.b7bbe7022.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0-canary.b7bbe7022.0_1609267636594_0.20674954741189921","host":"s3://npm-registry-packages"}},"9.0.0":{"name":"@material/touch-target","version":"9.0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@9.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"61901f3f1cec00c4401da950f2d4a84c44ce2f68","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-9.0.0.tgz","fileCount":14,"integrity":"sha512-pvxp7U3UAlmY+AgeG9IxMlQsAiTOgITREzy4Egumtf1Ale2AQAfgDFGMs2NB1Izn+9vIgko/gHnlWgqHxexwwA==","signatures":[{"sig":"MEYCIQDyPv6Zqf4J1B+FTZxGvrs+Mv+2uvz9Kz3fKShsdwi7oAIhAPiYRBmvM7MYqZeXk/mLAVrp0sj3pYG9APw8bsmR4LQa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf64dOCRA9TVsSAnZWagAA55AP/je6nx0qOeAOfCMxjljC\nH9dm/OULGEIdB8MJULd2kPSneBb3ezp4XPLOtSyXLwtFsWJox5JVRAG+zIO1\nAW7IER5za+Ri68xmqxyGrkyzG97rL9WEjzvc7eHSiC1oT8bgEkbXDV+Z0in+\n8Q93eeAdcPF0zCLSoresUsDu5ephNDJUvqVA2HZHY+bXZRJLOQujEc58A2mc\nNGGVVAK6z9eh/c03u/In3nhpvd0/gfS1JhCFWiaKVCRVmJx2LFKzagCrCEg0\nvCKbNj6kRLcmh97euqRRs3S3iH+pXbapTU+98ZjyalT97lzjmj5HnOdmemg/\ntiwYC1gzq8g5ivD88KybQ1G3YFaXIUPxY0IADLAWG+hYFeADGcs/L8KljH9h\n6VVO2z/IhW0p5QLMSxsSsP6aQvrn7eYEZSPMNkJ5/j+HeST4vrMswRAjKkZO\ngvPz7Rggx0R7iLgpLdCWNUCP2HE92FFq4CrRIMbFm1BCdt+VXIr+qwL631LN\nRw6xr/k/Cg++YbB5XAkE10BWlY1AhOviqmtwGN2rNFHTvo59yEtpIZi8xp/2\neu9IbnSNyZY5uvwJ6oUO/e4oaHZEcM8iw95jutAMO5MvueQ+MAkjqU670lK8\np8D5eY1MIPw/KhY11uRuWiYhF4Rwmu+7XmcRCTSWqBxQ9qa3HIE0TxPvDd80\ni+Kk\r\n=PgsE\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"555aecce59125bc3f162b065dca47384bb5822b1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"^9.0.0","@material/feature-targeting":"^9.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_9.0.0_1609271118295_0.9439854000743564","host":"s3://npm-registry-packages"}},"10.0.0-canary.555aecce5.0":{"name":"@material/touch-target","version":"10.0.0-canary.555aecce5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.555aecce5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec6d453e1ab6105b8da5ba54d1be599d799af70c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.555aecce5.0.tgz","fileCount":15,"integrity":"sha512-Aaeq8JGHFgoG3hWpQV+smJ3RBL8zZFe55dzvIIMus1FanuENdqPetJdmOTTxJAxvoGWITfOOpEVdeX9qsadHUw==","signatures":[{"sig":"MEUCIQDoxQr1tFgjEa3EQKXQ9zcFbHp/jA61rpOKRr4P+5zq2wIgD6sDCSRRi7Y3jrDtxHlAWIiBWdb+xQb0qFQYmUhMMc4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf64dXCRA9TVsSAnZWagAAHPsQAIQyhOMKjGCXDDWzs7et\ngkZqmSKt1zyzwDx/9EbWJ34DSNeU97cWp/3LXx1JLlrP5ladgf1SP873mW8k\nVwUYQqEO0+TZDx79LPs8GVMsUYhXid++5p4bxEQKDnLmrmD6i3IPF8H9l4bU\nGPymYPPWi8cLzy+Q7Ouujw6LWPcAQ8tFWhKeQL2tI/4ZfSFvuEsVL9dxeUhD\ndc04F9Ke6hCCFzEsktnkUZwM7FfGR93lGRwb7Ilp5QlCOEr2tw79KIfvaQzK\nRXE7FOUuqLzNtWaRG2CZnNzagFTGZCRm7x2KgLTftB+tM9SF5pSjkTxRK5FI\nEX9CYHcGLhhfUqdz7RXUnz4xGvNe43Ky4j40tHkIfTFzfolMkBbhU7uvmOQv\ntWFfTZI2TCzuLlm0WdKAYUFdLCscKVemtmpAo7GZnZ4/uBDxHpqwJL2fGvDO\nug2nEURTdcZC9o/SZNVMDPEEYYh83Cr1ikPD9sL/bGrtM2LsAK6atVlmKEd0\nrjnvsp7EU01jxRnuECu5IV5cTVYdnXmhQxymVgO8PYo1zg90fQ9Bxx93Lggt\nfDS/WReotyQI2YPvGMgsprJaSH5Q8ShJAgRlH8+9HXVMCoyFVCOqVOwpSpSJ\nPclbS15crGp1fWZkhRDszlYpT0hH2+lJAcnY8TaW0vcaeM/o/p37tS2zsJK1\nSw4a\r\n=FgwG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e455ee4f81b05c032a5b779ad5dacc2b952e989a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.555aecce5.0","@material/feature-targeting":"10.0.0-canary.555aecce5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.555aecce5.0_1609271127120_0.6695865385804018","host":"s3://npm-registry-packages"}},"10.0.0-canary.776c18681.0":{"name":"@material/touch-target","version":"10.0.0-canary.776c18681.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.776c18681.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a86d27fe5562a5c4a79807a69987fe73a1a04ce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.776c18681.0.tgz","fileCount":15,"integrity":"sha512-87YTw/hgkNyL3bLyuYs6oHDxBQPASEzfbbPGgZ/wXErzLoL84Qevq7PsIzF93wZiSS96V3AvdUQLQP//Nvlrmg==","signatures":[{"sig":"MEUCIQCKvGUVLzOXp0SL8t8LB2+HyzsQHybL3Kgdcn4yRMSKcAIgZ2rWrNtICSbnY1RwItZwrEKxmFRGsDuww6Xk/ItZp2A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf68xBCRA9TVsSAnZWagAAXokP/3W6o1TVEp7kVuZoFPuv\nGY6GiAmDdLK3L+w4tdCRQ/+45/ykA20EqN4DjByw1E3cZrLWexCgd9J80uFM\nH/skAs9vx6duU523kK29JvX1TS4a66HaCPye+1tfMi+HyvnFJflvmFL/s/NY\nlNPOgP7oLkl4V4oHacj+9UE3D33V2kbtLXoxe/cr03jKc7iDhhaAhpbIqmhS\nRPUMcsKPcqD1xGl62cQ3soAz1UOndowqOhd2wXp0AP/3s0ewi5lKtY2NtiOX\nQVEQQs7xkDovCVb6PPBUOy3pOqZe6LGfOtqq2ljStWXsiofbNQrB5k6gno52\nvbYSYS7sY3TeTsCr/Z+kgjk5LwPiiPE8Pwls8S+yyHzfM0eAK3OENy+RUtpI\nyYGahxyE/zixS2f6Q8E5+tfjNgo1g3ACyF7ogjl/K7gtgdZWcuNLUYGbKkka\nvG8U51IFBrARfvdic4O8pFOjswspcvxpbtvKoT/o5ZLVkWw3qSfq/zrpoKk8\ntz7hkmbre3emY8yppVByow0kfpT4mHNmF1IEr+5ZohwPI3FjLbQkEAGraKmI\n2iodJVrrmK0L+TS06bCYhPBWaQE3U5xwGkuKi5/H2PVpMTnYaxykz4i0MX9L\nhP0n6QhdRP5TqEQIsjKb422LGfomR2ZRlJZpsOeTMg++0187xDy2p/Vtu6zH\nzhed\r\n=0pmg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"920f8ec98e9709a32b0564a5334ae434137478dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.776c18681.0","@material/feature-targeting":"10.0.0-canary.776c18681.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.776c18681.0_1609288768851_0.7724185315745618","host":"s3://npm-registry-packages"}},"10.0.0-canary.671d72d95.0":{"name":"@material/touch-target","version":"10.0.0-canary.671d72d95.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.671d72d95.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5cae1e728f4fcddbcade9cafdd061e7bdead7a01","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.671d72d95.0.tgz","fileCount":15,"integrity":"sha512-F0o4/2Ju0XfZE9s/ZD3Ncd2XxnBFDYsvKqkxb1Ta/rrcwi9hn03jCjxIabTwZc76S1rLrD4UaCwePjWbTL2M9Q==","signatures":[{"sig":"MEUCIAawGeW3nf+ndUMWoHe6/TjSOVQprxJB1bszGyssoTh8AiEAkPKec4hbchhkgyuca2LtovjrEzgF8HY4VXADtAsBxCI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7N7bCRA9TVsSAnZWagAA/OMQAJAV906gy+2vfKX57Fw+\nU3Iqv49jn4SZ0hTGBxLBYVImAcSKLymVCs8nOIUE4I+hlTJnNFxujWoweBTl\nXEn0odofrD2GewL7TO6SnZMGkS5demG/FqJg31MYlXXmIAvxebXdBPFLqGfR\n2LNy6zJQgtiqDuHr3aj6sd8CPmyYjqCoQpdyNj4wrpWtTB80xNCMP8ZEUTgB\nq5Vo823kJifL9mE5XQmqt0Rr9wxQKgU202KvPSZ+rekgt5YPf0ORtrsZRbcT\nEeTdTnxrXcftScXIVufEzZiuvxdiB31Zr83GMAAoDeph8zy6pXdIW2c5K4/D\nii/SJn9ivsBTX7f9VeP92bfaAIN1ovZJWSCEjTaDzcBkn3lFY7JWwPmh1Xwa\nK6C9nX7yaGMGiR/h1TfhzNzK4OZWNufHGCedIG4h8JOAPS7TLL5uVldEKN48\nbRmtOI05EJs1ekildk+pWNk2Ag9jwbRGXyrTgx0UmnaE6oJQFFm5Q9moq+ET\nf7YCIapZSiG1s8VdfDYom98MabBqxYY+fJHUG/qpL2shL0IhLyLodWUQMQEv\nXGxyqJcVL9fP5/Qth7OvQman52iwgzDIuJaNF77a+831ZIYZ5RZeUgmBFOV/\n9MSmX36NuCjrf3jwvqPcFSqzHFoapXKgLXm07YR4/NR1kjhQmu8u3rbbXb8m\nyskk\r\n=2BMv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c22803ec93a76c661222622456cf6f5c5a17459f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.671d72d95.0","@material/feature-targeting":"10.0.0-canary.671d72d95.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.671d72d95.0_1609359067252_0.5077011201344248","host":"s3://npm-registry-packages"}},"10.0.0-canary.b4f5a1c9e.0":{"name":"@material/touch-target","version":"10.0.0-canary.b4f5a1c9e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.b4f5a1c9e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8a83681044892d1270cb69181304a5466976ded","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.b4f5a1c9e.0.tgz","fileCount":15,"integrity":"sha512-qv0GJ4c/hDSfwlXSBNToQHZ00Lgn+XYKattfqs8KTrQGqd8S4Bkhun8IORaHH9UJ49p/hsInc/Mm7XLU4aymmA==","signatures":[{"sig":"MEUCIDTxJ5oXTBRKdgxvfPD/yV3BfUcePyvSYOyMUzKcfxTZAiEA6XPD3ee5FbKsjcKVC9AZES503WbIcKR2WCMZiVIQ158=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7PULCRA9TVsSAnZWagAAaJQP/2NmduNrSs9/drTN1aDI\nvZPyOtcVJ17o98tOO6DdTag0aJL6es73rNyN3XnWzEbTGpvLP+/jQY03hovL\nxMtjutpYhf/E8vP/re0yj9NDHp3+bXWhT6c4sqUlV1pyUFjYI76/rVNMdWEc\nBdZSlP8GD/ab7NgT9R9iEoih2tHgvPAoAjeh68lCb4x683l3XyVugngewMGC\nEe61D7XNghePO45tPFFsJJUvC9/qzNtdueqpiZQ6RFMEQOs5XJll9EZDypSu\nhzXc8xR9LHQBnpRZ/OpLXWyD0qpKU9qmXXp/D7JmtoI8UiBX6dA3ihCT/Sv1\ncztFkd4QRXFPNeOvyhNpGV2miSD6RVSPgvZzqTo/JwpFZsseaw1HNzT5lScB\nOnmBnrkLgjrbTE61FivmnTA8xXiOK4GrRhvIRw5wn4iz7Ui16HIeHmNRUiTs\n7QRrzc0aiTahoXEnCOVOq+HUY4alREfhkQFvhv7mhU0HwMyWMthMCI5RcClV\ngJkkrbvHtY/djUWqJB0UOzJfCj6cSXr+HEVV96Y+vteOqkNVAiH/I3wkFr2i\n8pVQYxI4QlBBQXsUQDWpcJuxxRUO5yXDfoGehuB4YkE7+jNU4g8jqlKBo72G\nrXcQpzNx4pZeXi2gj6ELCBcWF4IwgtKmxu8Gw8Z7SBkryKWJfQjYSqztttlj\ndPrW\r\n=TfLc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1db47387aa8e99022677270066e7cba1da23732d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.b4f5a1c9e.0","@material/feature-targeting":"10.0.0-canary.b4f5a1c9e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.b4f5a1c9e.0_1609364747113_0.414345418681787","host":"s3://npm-registry-packages"}},"10.0.0-canary.a94bd8deb.0":{"name":"@material/touch-target","version":"10.0.0-canary.a94bd8deb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.a94bd8deb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"66e2057607cc479ee26005a373a8b581d83db94b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.a94bd8deb.0.tgz","fileCount":15,"integrity":"sha512-neQc9H7+9rNCn39sAMRw8/KgUceUPcjhS7rXhQFoHw6lr6I/QfWCUHNhyhkeIuVrum/k7VHm+TYJsUuQxjn37Q==","signatures":[{"sig":"MEYCIQCJI+X/sqipr43UnqqAaD31R4AlpYCWXq99QReDl81qkgIhANJy9Misa86EXjdBVYwudEKlncdj7+yLIp45fEW4IXq1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7Pk5CRA9TVsSAnZWagAAxWYP/1ftDj5Yk8Gr+ErFqEdC\nobrSxqpWQ0j3jfQNwntgwyVBbhbnwyxW1M5ZSgXseXYQ9cDyfaVOD3lohGIk\nsziR+c+t7sk0iwuECsudTJVYLN2PaDmyXOxgFMaqg6SBvogStIsIjzt+6Yhs\nEszXlsUh63BDJZrKHYdNt4wYbTTgx5mI2n37az/6/lSxvun1+H5uvNFREJKx\nz1VJbX8LFOjvybMg9pFytcRsDNHu6lDU6OtfO4hJ7bXuc4wXZmwXLE5ZgBLc\ngm1X4fKqAEzEbDbjujQUj7TVf6O4zq4DVqiuLY5peDPCNtEVeqpn9YEsakd0\nyIZuHQjA85QpgFUWQwNt0J4l7L1MS96e+tN2LWlO6s6s2SnFNFCtVRTA1MQ+\n7j8WlJykUUsFtHX04Joe/eCL164n8KdzVJV/cbpl/VbRpCpWE2Mdi3U1fgCL\n9ehyVUalx02KCurLPz4GC/LQz58+fjku5Y/oO78cgSnLOWzU1xNPUyZ0GLhk\nWo1W62mTnnGAWozaIWH8SgQgOJEc39wfu6SWVwd8CVap7vlbtyYNYFwJ+/b9\nbViGFFbzSDX1kYOIlKR6ppp7nRDiyO8GwnoyqWraWyRIuXdEPNwxCPBJre68\n/2BVDdAoq0etuOvOb/Yd1kJoEd7ztPUI6tXflCf8NBJz3hYAjIkIfru85Gdw\nna1G\r\n=yXLC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"12c943490c76f911dda3861f863c68d7abf77ce5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.a94bd8deb.0","@material/feature-targeting":"10.0.0-canary.a94bd8deb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.a94bd8deb.0_1609365817171_0.4672793478128483","host":"s3://npm-registry-packages"}},"10.0.0-canary.5d128511b.0":{"name":"@material/touch-target","version":"10.0.0-canary.5d128511b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.5d128511b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60c12afb343fe51810d40f7f113c6524c72fd8c0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.5d128511b.0.tgz","fileCount":15,"integrity":"sha512-yErwMjP+P7LyGYy/VmH6RB5DFYV8VkwB2sbGOG9wrf+NTLs7dGMPfS8HZ0DQ6qMTBvTU+KSGAL/vZkNjjTNMWA==","signatures":[{"sig":"MEUCIQCyQWZGq8URmkE4Jgg2xo+8w3LSofrHApjZY6P+H1VYYQIgOe/lD8JVIwpYga12pbb9jWUq97u7B6LN/lY1TXgCYMs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7Pp9CRA9TVsSAnZWagAAHKEP/iHi++p1v1hZ4k0womUt\nGKOtQIJ9cy883YaEFCR5jGs41oPmdnxhzSGO/IQzhQCDMNs9bzAQD+bIPnzz\nm9ZA2XcMjrx6RTuHtn3OYCSWn9iW9y3GtfB0nh+eTzh206S0rKYf7MPtx1qj\npPb9f1DXkGZSgLAIuMCQh4ZEXMfv3BPwQaCpyhRKRMqOmZgkwkTTV6o129uy\nWUQsTAHEPLPGYScTq0x6hFsXGQqbqN5I/jQHvg3SVo4UXBKqm+OBS6ZFaHk2\n8honNJK/pSlSCqh7KMfNizZD4h56+5wO/uRVScyzXCVlgPCXg1If1IrAGX69\nQRuk+g6VfZK7q1CMDVldNri2ur79q2pv25E8BUs/O0AZP9avNNLi8X+b8ihG\ndFNZ+apsLHV2FYHwJzVNk3PKwkwiW2MPSiA8Fm4ZnbFmySt6lVH4crhZ4TAc\ns/pIMSm1JWvpw1OLlnVeEJac6zwtz0FjLmKNg0OAhwu0/ee2/9VhazDx6GdT\nOJgdsMHFIWVpv3INriJBgfzQZjtoNIccN3gerrFQ76C4QOVzFppOaSv5hSnf\nZaLfjI+SQ7jmJ1v+ad5EdF6VuNxa5AnlYuERhSI6ZgMxAnxFnJ8xpXa2ftCv\nltk4AhTe8oyXDFk31Iq6MOg/8C5oIoyhMR72hlysbSKkp1vHONZImFHyZztV\n0+Zz\r\n=fa2i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"05d17b41cbad4a8aebac080f082633a26be09a3c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.5d128511b.0","@material/feature-targeting":"10.0.0-canary.5d128511b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.5d128511b.0_1609366140701_0.8646585167125538","host":"s3://npm-registry-packages"}},"10.0.0-canary.365c69360.0":{"name":"@material/touch-target","version":"10.0.0-canary.365c69360.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.365c69360.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f6ce9eb46660752665ee4e7b17f2e490c233e4f5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.365c69360.0.tgz","fileCount":15,"integrity":"sha512-vWQwUVwMDOeqTNyGanjsl+xNU3CeuORQOyDdoxOBlLV/Ku4NsvLYAlN+G8DWh4qPfeZo9+6wbU83pqdTXHO3SQ==","signatures":[{"sig":"MEUCIQCYmum88drvt4t5S9lbLI0Qh/P9jkCF/DUuBecWGOyyiAIgbWp/Ymk/ymo+Ai2MjFuK+vVBzRpRSiDtWH1Sk7Z/Kto=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9KY2CRA9TVsSAnZWagAAmacQAJ2hoN33moYrtQbGiYcv\nJ0IQVIhp1/25oT+0jbs1xAJplFDrCOKdzx0/glTbPYMj/yWP7KpFgaRHQbRl\n1PRjgWJ3kf/8SVfxDgfx6xHtRe9UEZRQT/vS91s+xCap8LbE+MwCWoRYHT1a\nhpBy/G5KajlovG1OwU3y9UIm1/j46mNYJmaycc/MkOaQqzgS4s0yY7luh5RU\nyxVXVSufu0WA4+U20HF+qWGbAWsjqrO5gheyvBUDZYwyOIjTiYyawu1ZACAf\nOxHzwY5jU3+zXnXsGPKiwpeBkQZrBexutgWVZXkbMZSwfr+EOStZrA9j1A2M\nRBfvvwsA3Fe6WxdtMhBlZ9wmNjv7qZ8eyaC7BKiFZbniHZeauxdnWNYkjO3s\nvCiXWylswBojho30OlJV86KUxZgZsWgsvTdj/3VQXyuZNRC3R3Lssk7Xzx48\nm4Yj0ENYmvoW4Ob1pt+HuHM0T790C80JOrRknFoPEK7Au6OBl2VaiD+WiYHB\ndIFi05CkLQBfPOdsRB1LG63f+MO4SQOImxzgiQX1KXaZThbT1yBOy8kgvx/n\nDCYSfhTuxndiUHzSJwApuZvMoa0VNGsD35gmXHqMSnxHn3BStJ5vnnHJansv\nL6UUwwSxu1I0yho1XiYXmk5FBEMMhrb8YotQ3FHTpIgijcF5uV2I2FRJuG/K\nphmb\r\n=MsrZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0b060c30e2974c71db5d5ed87e3ab7918656edeb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.365c69360.0","@material/feature-targeting":"10.0.0-canary.365c69360.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.365c69360.0_1609868854420_0.015288914340031212","host":"s3://npm-registry-packages"}},"10.0.0-canary.700a8261a.0":{"name":"@material/touch-target","version":"10.0.0-canary.700a8261a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.700a8261a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5277c3c007c7ee9866fce505eb52c27c33fd64d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.700a8261a.0.tgz","fileCount":15,"integrity":"sha512-MLo62rwV9WU8Z6CjhxZ8q4R96QkA29bbxFTbMwTmhQ8i5bdQLQ566NAaCz/YwC34CPqSL0ohsGuj0B2IW1PnJg==","signatures":[{"sig":"MEYCIQDvGYKJJNPeD+oSU7X0S4fkbwkpT64WacScdJNZgwlnWgIhAMD9e9VT9NI71gVN7Gp4VOrpZHzUbRPJPvK2HyMU3Czv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9NNCCRA9TVsSAnZWagAA5bkQAJoyK9o+9dFKKf6NfpWc\neKWjhkUUhbEEDA1sGGZEAZZZmApibNKa1oUK5OaoWl82Fo1X4go3Z6yM7Upl\nSe1d65tiiwrfoUD+gLxI/JZRJMhzzBUPVvdzorPl0lWN2Y3pZIdAj1efxwj4\nYOKxZ6QEB88tkvHNP8A9o/Nje4or+sf8o0d6QSfjIxiYd0v+Wl/8n/8g2Apw\nrbG/p0ZcEue3cqsTR/T+aWdWKKtmsS2mjlkLGYzbi+F6dc7rHKLpb/m6DDU9\nCWDUT/kHmqGxzmug1eDfjc63DzyoBUFkiNfb4wmAUkSFMpsPk9xjnqaQcE3p\nqbHzVOGEZnwZY9d0eEdo6UtuS8WVxE2cTI5Y90QukoUqObXvv424Qoxro1i3\nLceAPS7TjvtHq+Y/n3Z2g+lV58ffffCdst06I7xXdPTSXZWroGOkoAOBaAOr\nPhE4thu9pL2R1hvQWKiilfA6sP/YRQDsRVqQ5HNKUkrFhVnVJr06nMe3iiGz\nY1lH7JSPrS5kFhX8i3UL69KkyVUG6DfnU1sT7ovyDmJ3lrOnuIXwrAs7Uw7o\nBBU79PQF7CNIfFe+n6/JD+Hmk3Hgy16hNOQ8+MeD+YvS3oxRcdPUM/8nx5rY\nLJRnejeiqNbdkN6R+gs9o3Me0yd7kNpEIJwXbIA1TKUyUQfATSdhbKivBxlb\nQ2gD\r\n=5Mfy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0e9aee4feea82b83f34c723b52aac42fda1cdbd2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.700a8261a.0","@material/feature-targeting":"10.0.0-canary.700a8261a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.700a8261a.0_1609880385961_0.6359562915844259","host":"s3://npm-registry-packages"}},"10.0.0-canary.766981c15.0":{"name":"@material/touch-target","version":"10.0.0-canary.766981c15.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.766981c15.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1af03316f11167acb3bfd61f5bc20dc3158d6384","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.766981c15.0.tgz","fileCount":15,"integrity":"sha512-0GM0vvlzVciX5qpaWBBO4fFQUyLcpq0k4rJ/a5FEy/UXf8TWuMJVsoXkdOE7v/YtVlGa6hXLHMhS2P+uHtqtUA==","signatures":[{"sig":"MEUCIEE5xwix/cfPIdMV0Ep6kiTKpef25Sa1PCLrEXE+GeHeAiEAgFZIly7UUSyNG6oplFxoFAOs66yf5j0temeq3Qf6kPA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9OqgCRA9TVsSAnZWagAAZOMQAKFTyD/qHKpeYIZuwKZ5\ng65dSFDH7qxYPClOT6NvMFXe3U0N8Nrpl22ybqlttMgLqvV1l4xtvn5jcIUE\nv15bODmrFf6+kUz7hOBOkkicZnTmUy4GpIyiGZzoe4rF/hfkxjY6c7apDKF8\nAPiXu4PmHxsr1SbUV2I3wdAOW1GK/p//L0P6u8oyYZqJenLLs8K2fNzDxTDE\nFH5oLEXK6o64LUzPuon4lqOtrlkSWogdGPCX5ibhldkCKP9MpbjJHWr1ptjY\nsp7mPnehjYSH0IoGY0iXBmpOE06H4Zgyr28B9ubrcO0vIrsZlyKHVNdY7eBY\nkkg/PuaPkhfSLB+PmxzSBA6KR2sJqtdvmX00UI2A5fw97/d3iwrj82BiLKLP\nEbjU/D4f0KxmEPlo6BNGmDFiOsf1AF78N/NU5Kb2VgTzzWd1sY0aohVknRMk\nBQXxqlmYR3pm/vZod4DNuHWoWyofKokJtr/iHkaO7QVxEP10a5FRbiYlJKP3\nHX/PSdenKTvI7s+jv4rxBeoOZWQ8Ni05qfI960trNdqF0G570cZc2yCGEOji\nG3oPHO8wqQfUrJMv4zGjS4XaqVltfp43DHxg10IYijJmpeMgiMTrV2C8i5Sy\nDY5a0sHTJQI92lKC0r9IOuKYSLCTko6EE/AwBCoq3GSSRrAiog/7j8extjE0\nYMaP\r\n=O20e\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"40a13adf47648f48d6dfb1daac9ded2f7f0bd442","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.766981c15.0","@material/feature-targeting":"10.0.0-canary.766981c15.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.766981c15.0_1609886367860_0.8252861885485985","host":"s3://npm-registry-packages"}},"10.0.0-canary.b28c576d9.0":{"name":"@material/touch-target","version":"10.0.0-canary.b28c576d9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.b28c576d9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"48b9d41b56ab277cb54a6f50c77473eee437cec0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.b28c576d9.0.tgz","fileCount":15,"integrity":"sha512-dXi0bU6x/qkAuU14JFQ6iSl7bKAQoaXZ6or8/RfHQsGhfHCSgKkaDCbu7L3htiG65Ovrk7wmGyvLi5JrR82QMw==","signatures":[{"sig":"MEUCIGPt1jepYo/f9X6imFS9sChT/wdhfUHxETKymRSKtj1KAiEAmG+9AaUGbTvqh6Qbi3dGyqvQagFrrKGfnmX5Pk+Z1Go=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9OzvCRA9TVsSAnZWagAAftIP/1mnrLIJ8JKmj3i7Lbnf\nnJcRjAo8NsfCT2g96OZQIfXj5dYHpPiys1/myu+zUMSx+cysRfO32xqc3r7o\nAfDifeJ6kpE+CB6mZMYlNqQLllLuvpvEY3Wb3w/NWHTtRXNehrFISUGEdbym\nU+jPoa5fHdqesSwheKbUayVtZdf5Oz19LfoLzgSt9NLcPtTaMOHswd/NIP96\nP0Ua0vLMPGVpJ7fVUPwgpo/vAgAp2V+zRmM1Px51NSMBf+rGna+DRx7YuY2q\nP3/y+G3tRGAv3FdmF/GVN3x0JGn+Y7+DIPO7lz5f15AsaNn6ZzWBFh+UZmmf\nLSezhkXOM7vbiAYUY/Clg8cjS5WECJYcbHrQMZQtrb5vDVPYhmEabs3nyVfj\n/XILgvk7qReC8WOfQ2tQ3B/uv9LGpN24wHMEngDfuZvT74bP98BEWDodI9i/\ntSXWXJyaMp0j+2CSijFL/xLw4RyCcBlSXQjtNTZvoSqOWkp7j/YRmsWv5Yju\nE/n7S1BI0SGjWOSbmLgZYBsIKBbEYUiJlCdB7az/LKeczWZCjigtv6DhbKsA\nW7nvQrppwKYm1wpKN/10vWuO4naT1z1WFyB7jr4AadE89nVtjUABZVPskqW7\nfIZ5Vn5pE4FqgRrqbj006I7ZV9VOKhGIWvxakUKOWlRvd3TUwARpRg08IzLJ\nDjzi\r\n=8p4d\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f11c5039e5e02253cd6e3eaebf7ee15629f3c182","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.b28c576d9.0","@material/feature-targeting":"10.0.0-canary.b28c576d9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.b28c576d9.0_1609886959412_0.497457035134506","host":"s3://npm-registry-packages"}},"10.0.0-canary.968735356.0":{"name":"@material/touch-target","version":"10.0.0-canary.968735356.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.968735356.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"09fb1e595332c8e50eb3c3332d60468f9b926729","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.968735356.0.tgz","fileCount":15,"integrity":"sha512-8QVF5k2HEHaPnbVlcX3gaxAR3gHpgg+XcCU3fCH/0ChG3Og4chZsGQW+CmA+szZvuooy2G/88r1k9k7ZxPNCcw==","signatures":[{"sig":"MEUCIDU2efIInsKxOSRDCdhmYXGOhRzGwS9YRQfA9nxqVGJMAiEAtuKqpOGrUs9ixie9iobt0KserMB6pQpEuEjroLaha4U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9dwnCRA9TVsSAnZWagAA6d0P/Ap78RAK8PhPni4NSBKB\n0Ry4TvhbrEcSlHyfKtzlzhtC09Gmf1djbuzkJkjkrXfO0Qct/FgdRuHwcTPx\nEgrfevixI/nD0xfXwVBBwBX9XoXO/ofoNVccJm2gRaaHZ7azMsnla5PcQMir\nZvSYoKfpcIdU5RfwY5hXcaDdhgbIQJ51rYR6BEfbPrYsRHvjEHLDWqhq0pfh\n56InBnh4PqXnK0aoBwjuGCByp1muqqa/asgtp6hAmdJJcHy2kdFS9yERYAWw\n2XsoobcKTBtUEWt0UVB9rZzoAy232OoZhwcJqUBrsDp91X2P5bJZUqpSxw2J\nehi4GrZfWtG2OzNTxVOg8dtzCUVWFMFp/FLUTz5CP1i553xS3YRsGxuqxDZU\nfFNltA5rQydLq+UQcOHOJQaggi9rA39FHSKWmdQhuuvSKKilNkOCYUlB5XfJ\nck+BdqtZQH21Riuhf2e2j2vCDijra2A+/3wG5wMD2eVEtoUlyTK8A8nvkW5l\nmzNvf6HklMmPg8bTsZDp6tzoH9qZpAx+Cj6mU/iY+HWJMG5VSP2e2QKDkQ5S\nxmXwHJRpFDxZxebKMLhBok4uEcRAAL+R9ysgFT9Cey06k/b+6MOTLdHGlOHO\neQCWlsNAg7Otux+iSCi+8Z5mwO/F74OD1Am2FcUQI5NgnjII0kyxblbKHFW8\nza8c\r\n=ZO3P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"016bf1732e983523c8ba8007681b058735467018","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.968735356.0","@material/feature-targeting":"10.0.0-canary.968735356.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.968735356.0_1609948199533_0.27526823708182","host":"s3://npm-registry-packages"}},"10.0.0-canary.c5e18b020.0":{"name":"@material/touch-target","version":"10.0.0-canary.c5e18b020.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.c5e18b020.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8f1f4a1bb9366aadeda750ab4bcacdee3df5b7c5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.c5e18b020.0.tgz","fileCount":15,"integrity":"sha512-Dh8Huzalw2/Eui/yVVuh0mvNvspz5tjtX5QUOQEIYSvS5+Ccsp+Onh577Qgu/Gqw4E/nHOt/pyg4Y/8XaWb33Q==","signatures":[{"sig":"MEUCIQCvTR66zBmx0eOhG9WIl5fKRaIlL7B6oE9P7aosBUJgxwIgf1qbbtUPRKHrMkxBjPdYdqk9IsmoLMmRTMoAQohfUS4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9hLcCRA9TVsSAnZWagAAbAEP/2nwrpWeZTS6fFeQ90/C\normNxuOb3LV7J2c1pz8LmPe/PT1380bAE4/tMvv0hC8T1oHogombClOBQ/i4\nE1CwWq04JOSPhKSFoQFyp38q4QnyPlDjw7iW1jj9cTcaiBBxH1qBzRz2nyLQ\ncKt9fdEhl6ZMf9s89MfJhS/aE2xeC/DwuR0GsbNZULlwL+tIMjX5eVTfGrp1\nDIZslrdkRb2bZGCFTZcQz237LsbrP42m59QJrmFNWTT8RDEb8T6kM/HipwVr\ne/ckUL8ffbRuGTkH9pl0+CE+DwzGWmkE7gPM0zotcV1bpnAVCMwAPBPGWJ9T\n3kf/ZMASUzaz6MY367dwnmv3s7w4IQiP8ANwdNZx6sO6MrdaHJIDIKzbbN65\nIAYZldtwH9X9nynyRk6EO9Yf6ChSwtxxl4vxQh+NgXL+8/wyJFPK7UzoP0xs\n6VrhdyE/0XMtw6nSaRKAAi6pMhM5R93uyHcIz7TOogxsCUVWl/7UoGGUHZ58\nTUaq8VwEUvaxwGVlciHqshGnr2ukXiP8ugkrQjK3XZEg28VviZX534LS3Ngd\nSm1CECrvFg4PyDF0rAmgOpB5noRNRyg7RVvY2nYQ+9HFqxjSfvTYA2dpsLSd\nm0w+GBVN9bSdppG2DL7er3YjCvjh5uRiCTs0INK0e1NU3G/jVotzZ3UVSp8e\nWjCW\r\n=Swys\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"16a60c2c89ea18fb88971304d4491f612734e932","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.c5e18b020.0","@material/feature-targeting":"10.0.0-canary.c5e18b020.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.c5e18b020.0_1609962204439_0.5452361742858387","host":"s3://npm-registry-packages"}},"10.0.0-canary.bcff8a66a.0":{"name":"@material/touch-target","version":"10.0.0-canary.bcff8a66a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.bcff8a66a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b5b739d03b36085d9a25f8383f32bae73a562e58","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.bcff8a66a.0.tgz","fileCount":15,"integrity":"sha512-ZPKxoO/kL3LD2wxyMORsfRYQsNnujmt0TLzcWZE7yU/NnP+M34QTzcqLdl2RfkBR15woVzB1IcdM+3MGfedbNg==","signatures":[{"sig":"MEUCIQC2pkTD1wqd0FFPgL/9UmhYSVu0CDuiojFB/dbuwUreewIgS7HAAtQeyh96RWGYPWLxJu3wlQWAFrp/gfyBnwxrC1k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9hzACRA9TVsSAnZWagAA4Q8P/j7+uIpGa0OXQ+kIvj41\nZ59VP5S4jZ/NT1U4xjhrRdxBYKnG+aXrK4t2GWzA0rQeTzq0S9VZfhByV/pq\nyGYekcFlvIIwhbZGKDUwk+lnx4MtwDoE1asfNkVJZ+8B2bOjS36U14ZyE+p/\n2JMRgSOA2VPfKLaxMGen/1GHaE4W6fCKMsTqyzRdv+e85GO0I4X9uRU/p3FK\niIfey/hWnU3AX0KlgL0ePByymlUGM7Izr7FrRnEYi1YgtEGp0NcDPUzahn23\nuzStkaWlW9G3gxl48uv+LLMEoyIJ5tFobbTAx99HqsGOy9/3dH3zA7jg/Ji0\n+HuTVOrxSBE6lN5FumNfuYVIJVPZBNjwD0VRZ3DrpmPICWgnS0yFVbhLdkoq\nS18PF2mLbFIatesvXVozUNIYA4Dquqgrjqu4Yt4QA6yRSgkZd3yadP2WVbeg\nPYLS4U3RtN+bx7dd5XRJSuk7Ho4/dddUfjEWEJ79IgpabtOUg4V+Xy6wdbCK\nZOBgDR9sVvRLFKkUPp7dKkqtSiqUj7n0DGRk1KgSU1r2clQSJ6k70Pdi4zRK\nJlH8faD++hW57ydX41jiSIWPxC/ofFdQoADeBDcR74ukZJpYexGVC7ilFjlg\nw+tYUvVTQ1cnOvO1m+3kr09qsLz08Uzs13zKmf4hY0VYBuMSchnL/osrrMp7\nvsVw\r\n=pWww\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"81af087ae7601c8b819dbada709de8d76ddab960","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.bcff8a66a.0","@material/feature-targeting":"10.0.0-canary.bcff8a66a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.bcff8a66a.0_1609964736292_0.8086545103563783","host":"s3://npm-registry-packages"}},"10.0.0-canary.79328c9ff.0":{"name":"@material/touch-target","version":"10.0.0-canary.79328c9ff.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.79328c9ff.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51f7a72826bb310386d3bdcb0b58d5ee5970698c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.79328c9ff.0.tgz","fileCount":15,"integrity":"sha512-vKUKx5YJfPqjFipRhKY6G/6oelfgNy3/cOBDNMfWvAr08R3cEWKnaPDUpqsYrAPgtfanzjI26bQx5t7oasv8oA==","signatures":[{"sig":"MEQCIDAM2dVuw03yqVtQyZMQgEAs3V239wMMvhxyt1YZK5P0AiBqYXAh/IoP5GmRDj9rviiL4bluTfl6zxml5za++K1MdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9nL3CRA9TVsSAnZWagAAKBkP/Rc8wHymGNnErgXmI/Xx\nuWIhykxvuaRNYdNOzciTvD6zlDwr6iqn8DRlYxdrTGGVxUyRn7AEb22msWHP\nMTa/qhDmKXn+MnHqRzN26cc9/HDiyJXkSHixv/uSU33aunVnkspGocvQWSEy\nziARWUwD3brDD5Zo+iWX/2rT1kHDGJB+JTHTMbl11AYiYr2W53LvTCwmsDdH\nbcc8JB2/h40ouYBF5oE+z6GwumYgkt3MhjztvPN3vK0wfY6Lr3k0zr/2GQlO\nciTHgAg+61tjGU5pv/E9KrRAr2X7eNuLFIy209dI3/od0iFN3Sxkl84061v8\neaQV3iCnJZb1EQO3QyG7fhIgM/235VQCvQ4VwQ0uFvrtNMaF4nN767DWSZ5K\nO2FZMFQVZ+KDdGTbbXzvhs1C7sUdbI80B0/rRd/qukC9nmL8v+QNuNEC5GxX\nUjD66DWYol5AVRZ6VK5al1pSErz26JeziigGZUsepkEESlkBcHt+fIHEKfT9\njpURbdL40Exhh6UG7X2utAWk9ksCqQKnzbNFPLmlJCuf6mAuqIhwjTz9HpVo\nH1wo7Q7xmvKuuDJ5PNedsKAgHx+xkMTBxWDjYrVT1jPg+edfidmz885T62sZ\nFbCPOeY14goRS5BkG3Dl3nf0WeYk2VKfcUMDo6wna63OHmJ91CpdBzL9bE25\nyZhS\r\n=bA8T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"15dd1d7d9065f275f9f9779094b959944d33197a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.79328c9ff.0","@material/feature-targeting":"10.0.0-canary.79328c9ff.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.79328c9ff.0_1609986806923_0.18180617716196368","host":"s3://npm-registry-packages"}},"10.0.0-canary.121e1f303.0":{"name":"@material/touch-target","version":"10.0.0-canary.121e1f303.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.121e1f303.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a427d32960ed9668e8810af92dc699a035957d9f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.121e1f303.0.tgz","fileCount":15,"integrity":"sha512-tAWEvDVwhDnnSGzmZ6u6QiiE4jD69LnDVvWlfGG7BhsTiwt6oXczGOiienFqmvn7M6RWpB5zxWunVK2vWBvnAQ==","signatures":[{"sig":"MEUCIQCW7ciAnDWr4hEs09YXHUN563IMOsMejMpNcUmnZsb0vwIgXAs190SrJOdrOQgOFEDnqLci1mhyp7Tz7lpGo3Jgu60=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf95buCRA9TVsSAnZWagAANyEP/0d23KdqVLPb5P8f3O/V\nKTitrEQAL0o3rxP7CMH47b3dLssNZAEcYnvdvzQK+ZuNHYZJc9T1Luryqz+v\n2E9ZLbpmFkaCRV53ZMantZujaR5Buzd5zIY2MVESBgvTqo0KVwIo+a7bAtk4\nRFehTMAM89FQi2zZvden6sT1OPfEU/wy1RTBxdx819OqK52pyUKXainWAEJv\nsKVSFiLy9hs9DnPpucNSAykdY6SXDpewjqOJXa0kLmWxB733dNjewMeuTR5l\nZRQr3/M8CRcMiUkrksDnlFD1msKzFX6d9goWV3vjiv+XrxwlGBvC1tVDT3Ep\nnvZdRYo4d6SxqErnvBn8h+5s+oPCCsLyvMQxYk5jq9anRgauA0Vq6Yjnvydm\nvgUJ5Cpb5h8Cz/v36oz4OHfnVET9z4qV1TLOoy1YqmC6r3KlareEsZPBoMbk\nU9gIe0hh4qy4Ip8+gvVNxcFwizOo9A8B7yan1Ag5HPiGfWN/kDc2X4WRkdtF\nxDeOXQ40B2w3RuWpYnpCbwmHRvHuSqGi3C7DykkWHcP8FDEMZ+t1WERrLnDR\nss87X4uNm8vxBTgPeqS3yO6uajvOt9gZ6DgzHqB7FTnXgeD8lYFqOaIsTPTl\nynR2oG7pM1cTEeXDpNldwovd3JcrKbdiLohYDRunMlBl9ZODzYeu/Nd/O8hx\nPV7+\r\n=dguS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6ae814dae9eac40570f13ed9d7b821cceddf838f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.121e1f303.0","@material/feature-targeting":"10.0.0-canary.121e1f303.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.121e1f303.0_1610061550260_0.0033274792301796197","host":"s3://npm-registry-packages"}},"10.0.0-canary.abdd10065.0":{"name":"@material/touch-target","version":"10.0.0-canary.abdd10065.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.abdd10065.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ef1969bd5d87f3b85ce6b1da78ee826dad111c7b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.abdd10065.0.tgz","fileCount":15,"integrity":"sha512-Xx89Et9jWmlJAnLu3eu031+y+p5xW919AEgRPy4I4uA6/N2q49XM++mRnsQ2bgeXXX3FnUw6sV7gul5DO62KDg==","signatures":[{"sig":"MEYCIQDcHW81DocQHaLxay1HZxGU5DB6sswUvyvV1uX8MvvgPgIhALfUjtXE7uqs2pUi8NVij5gvOSrShdleaEVlUX7CM3lD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+Jt5CRA9TVsSAnZWagAAIt4P/0YUXjGAnEhbucQDfEWn\nl/K+l/PF1p0yPiAcQmGyWzwa8I8CtruIK9t1THEGjhj3wg9vHGEFSu/uu0yQ\nw/2swNwXxQZbgnVRXe/ihqu7V5M446WwF+g+ZzcJlLLqX+whv/n4bNtPfK4i\nH41q209TiI8lduFPGxd7ODGTvUVXkUz+bemJYx1ZKFeLrb37W/+tKlgFjsTF\nOES3Lhni35vqf1Lje1Ft3yQnfyUB9Kv4HPPozTTGuOPenHGgWTYg7Fz9RMHB\n4nY1oHdCsTEWvJYMfZ4Ng/liY4YMokQQM+n8qySp1Bwu5Vn06q4e9QueYq3j\nB/ourGxIoqSUVvax/6jlljxXrylL0SQmptbnW6ke86W/EEBvTe0R4XN018Hj\nIrMdlTP6DMqLYtOqnLzWSOOeBxZtoVjDiL8u3tl49L9YEfQaOrGAFBfmk3Vm\nvOJwt3p6buHou/HdnzbcH392V3q2ZuwlTyezPRL9v4UORqX7ZRsQaix1QFtU\nD0on1zogo3vwS6yxIgMt8g17rvQyFVGRbm+Tuh0zJYR7IRnxeeDmAXaq2MuA\nQ1YFOkMl9UxtggOPLgO8pI27kAvCOOOFlD6BqxXz6SIZueTFFmhRDrC9H0Np\nRBlTv1TPNb85eZqfx+9lt2/1ORn4ijOtV65YpCe577re9iXYGKMH8ehicYl6\npTV9\r\n=9nx7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bc8986a19721edfc6facb62cf839cd222de97d02","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.abdd10065.0","@material/feature-targeting":"10.0.0-canary.abdd10065.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.abdd10065.0_1610128249119_0.019212940892774588","host":"s3://npm-registry-packages"}},"10.0.0-canary.089de519c.0":{"name":"@material/touch-target","version":"10.0.0-canary.089de519c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.089de519c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14e691a237f9fd184a02772374cf0a8bf10785e3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.089de519c.0.tgz","fileCount":15,"integrity":"sha512-SDRCC7sRON75jkP2N2QOZR3F6pSLwWqXkVIVf41RNbu9nCwiQ/sERKpiP4YbsxV6zLnSCH6TQPULKmE4eYlxng==","signatures":[{"sig":"MEQCIDO1pjlLRolUEKFe5AYMvjY48pXXQOtvF1HvP65A0kaQAiAZgHAHvv1w3Pi9zkBBGKThgY3SNmjvlDxJ0qiCQFRp9g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+NqNCRA9TVsSAnZWagAAvIMP/3A8we2G67XCybUU+qgR\nHmg8b8aCxrIfg1zB0udGoCTQ/OhxuO9KK4nA19lNbW5fNESXF6iyRV2AP1C/\n3BQzaYksL9wbWIwaqMkOCSyAzM5xTXu/Sj85/s7mb7MbETVbuUdDBzAmSkzU\n6VdUD0AG3Zt7fut0Zp4DdON+lMuVt/4SAbROMNzCpcq1L74UTVinmsDEd/43\nnJatv8+ueXurPWBZVBC8Ah+xjytkwPi3wFL037fVxEB4v//+tQNdfgXh+lK9\nShLuHGn4brx75rK/wec3n7VQ/NxEMBqzgPbxG7eo5pkv4wENkRYDmQfBfRj1\n99blAEYyJMP+DHG3OjubtxcJYFgkkRlVUNMCs7ubFK3AM5UxjM0R2VwSALzh\n3QOiokqTuf5GrEotmkWEE1SnkG8B2kQleJnJGk4HBKr9Lrf5IfNLv2PE0cGw\nAHuguu6XmFjS16sjPJ21Y62wA664aXC7si6vdtY8KhCdypNRMo/LnMle/n01\nxIkINTtje1DwcYZV+RY2w35CLd2CnAGkA/AH1B4ERM2VTTJd+6Y2Ql0Jt2+W\nQXVYG/vOhtGUb2lmTKd9Q+luC32mujmTtDrsehtxW2vO396t5sthWjXK+5mt\n/Kbq2yWDA6ISkLoBc2EnIxX2tUfoONHKado61zHX+kFoqAb3GnM/4gl3Dmif\niuX9\r\n=dWk1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6a64709b5be73a45401fe82d1e6d126d7312fd21","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.089de519c.0","@material/feature-targeting":"10.0.0-canary.089de519c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.089de519c.0_1610144397379_0.2753346433322563","host":"s3://npm-registry-packages"}},"10.0.0-canary.163119837.0":{"name":"@material/touch-target","version":"10.0.0-canary.163119837.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.163119837.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b0a1bccf1cbc99d9c6fbdfd8080945e92eb924f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.163119837.0.tgz","fileCount":15,"integrity":"sha512-qnH4wZe6U3NtRyx2EZ2LyW9OjeDmy2N5vpph3nLEKXDdkFZ27uQrlojaBeQJSc3SDKip9Y8OyIu/57OsI1SNvA==","signatures":[{"sig":"MEYCIQDV8UrxWTp+8TNDnoj0fXfhMCle7zzxzP2OCSuThT7hWAIhAKpdrrkuOzmsli6mVSZhCFoNwY0chbUNTI1xZj6dEQXd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+O5ZCRA9TVsSAnZWagAAAiIP/2cANvwXwDwCD1BPBqyB\nsjiIeb5AIoKrijugKQo4qvpI7puwtKqujzBSNbLHwjcm6GdWDO6UcP8k30GF\n9JbSVBk73f6SEC7nthVrjGOqHFLWEetx4l6wLveacNfNmDk0wlLnJZJdhi+n\nHgUgB1VSHBb0p10D/fDO0rsxodPhtRjr9ucc9adPfQfSImQNa4fCFJ7SziIY\nvJpWofaAizdxp4NfgdWSc6qED0layDyfrcFYDHOPHHMeCuV0kBilkmNPiU0X\nbHeqiogF38nWODh0O1mTHsI6SwvhaWlS+tJOONOWOJNiLBUX36evy8dU4VtA\nURAyk1UWfFoaHzr95nsqNOO+cqO0n2BmdTotp1Oqot7CzxM2ScSc6E5GWUvS\n8DJA3u3Fm8cu9RqZiev89Z0tQ0qRkjIKDh5IpHJ3LQZO/Np9K+gW1SycW3sY\nGmIW0rsTF8FfHXTodQm3LqaYfNE9Or195SpNfCuG+H8XJ6NWSkBIyzFy+ag8\nogdR7VcpjW9QrZQPdCC1l9HzXSqWDrCmW9CxgEhjbHUMYvY28maEiLrUCjnS\ncRjGg5sbSGFtac5HoyohwgHIWxsDgUK8beVL5QD/UyyO1t3wxv1yZAGOiNC4\npMFXcWzGQ844PV95GQdQX8Bub4NXdE34IMHuclL7K/mdbi3mG/uO0Y+VANUz\nzmWl\r\n=z7tg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"86f8af57c151ec42ed920ac445544bc384ce0975","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.163119837.0","@material/feature-targeting":"10.0.0-canary.163119837.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.163119837.0_1610149465046_0.11794950153886252","host":"s3://npm-registry-packages"}},"10.0.0-canary.b8a1a58e4.0":{"name":"@material/touch-target","version":"10.0.0-canary.b8a1a58e4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.b8a1a58e4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a8b3e4437af2779817581b63aface5860f89004e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.b8a1a58e4.0.tgz","fileCount":15,"integrity":"sha512-GAUUIKkHTV4WdRevHcY+hwrIgkfXVLE++bF+ViPBbMCVEAq+rpnXMxBDk0zNH9VRXwUcih0/oRSFVyetW/3T+g==","signatures":[{"sig":"MEQCIA9ry6Koq0JLzldyr3xQAT30qMwoAW5Bvi8ws35vWZI8AiAKzsFzIu0Q26A1WATJmMTkJg5HeKH6n0Gq4GbMyCxduQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/Ht6CRA9TVsSAnZWagAAQVYP/RI7XON12LPaRuMUCLGd\nSUZdHCIgViOncLhFg44PPkA53fquPVcXtdaug0687Ia3jKmsjCXAF1RPCcqK\nFUTMX2lywhWkSY5Jt/s5q93cD7wrgFrU1RKiT/4d7vIrrghvDq2e7BP28xmu\nBHRjmg/XCaq+23g+cTlxBqaLRS9lq6GNGDaGhm41PABP9w6tPQfkuGkNAnVm\nLLVdvI9F4beUc6YHGBhFC/QvX6N7FugJt4t/WnriEt0KYa07wLefBVkxz7Ov\ntzu2cAtmv6S/MRFqyeB3MgoCRl/rlo8oOcsUDtl6vRsc6/1ECz5/HzEp5mKU\nzNVioFKneP8xFPIGwZgY1ZDPl4t6/4xftja5c4gXfenGUDHW99jkoe2Xwii2\ngRqoBCxRaTT2ssTR2FjVFBvl0+it9tXZbAiDeT5RoKaLEOsK6I+EAGmK/3Gx\nILG7H6PuYwhQtJKCNNd1yDD9a9VRCkYZb7SrXh6DYO3y4jn/o9aDXPWNwzHQ\nDrp2fKs7M4twKpDMJ004/lUzBwhHgHfvYxc8suSF/5CPar4BF9uVP+QWTpQ1\nS5kY0Hi6jCtP6dLFuRbXI9G0mRYlzJZmqNu00Q+HALmUseY1+0s3YwBS4Ayy\nQGoVZMbX1ae5yrvT/WSuJWVjngM90QjXxG4swlrmEhHW/ZMNe/hzyNgFd//G\nAlcu\r\n=5zKd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3b735aa03cc784b7346905168638eb6a486435b9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.b8a1a58e4.0","@material/feature-targeting":"10.0.0-canary.b8a1a58e4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.b8a1a58e4.0_1610382202492_0.9318146055837362","host":"s3://npm-registry-packages"}},"10.0.0-canary.7584267ff.0":{"name":"@material/touch-target","version":"10.0.0-canary.7584267ff.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.7584267ff.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8be7ed6ee87830d87ab94a3372cb6435ec95fd6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.7584267ff.0.tgz","fileCount":15,"integrity":"sha512-9MwIMl2/h0Utbcko6gzBPwr9838RAzqjdHM7XzaTwwJcXL4jCRYVl9SD2fgRgIeLK28ZX9bxFJWSHnnbXuEA4g==","signatures":[{"sig":"MEUCIFIaaG8kTCwh2z24P9qWVNA9H3KP0E3gQ826i+k+CZONAiEA6XS1YexOw1G3dsCrga6+HRguiGvGHSwnTfj7Q8o6p78=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/Pc/CRA9TVsSAnZWagAAWa0P/1iZzkXWDeoNvVMhYFfG\n2jknfwZli2jAaTAGpEqJ7r5qCPnonAszWz3joLG61tUcfT5UBaugdsgFWOjZ\n+boGkjnGxBsULOkUvhQMIfTc5gNEuBGG4jTgH0UmBmbC08mZUA+Ndq/cD2c+\nRJxoA/Ud/kXAkRDILd8HynpbQl+sks7DXUfECd5BJEaz1TLC65qPNkEjKCzK\nN8kfJULXDh8yx4bhbQhp+RZkKMdsk8QeehOIo2DNbyGfu/FDWUL2JjBnMumw\nKo86QCseQOKq1f0mKC90GsplINrzDiUekJvr5fsj3LsuYHJIUp7ImSnjY8vB\nfFRSUa477OPZcGqjjXDRpzncO5hTwrobtAas8VYgYfuSwEvEjoo25k5cTji/\nvlt5Wzm+Sj59Rt1Zmal+UnhoMfMCxnvk22cNw8nAA12SuDVgdSwjEdPNP+lc\nEzvh+in0jdZOX0F95gB9r0WZZqF2qKgXRqJB5BWYO214pvyTNeBJMLHr1v3u\ntIP0IXtgx3HKFW2WFAmxCHgT7iVFa46OUBJadb0NLju0jdBBZ5VTLyFB6OX1\nCWxj2dAFGR7oIJR3ulncSOmAOaBY1PzHTsCdGPk5GHv7rahq/3C7Ic86cFfh\nQV5VRUAxZe8s2ZcQA7kkPPrq+PLZ9+QXEKHt5+mmPTVdqSP2dJEO2/bNHUh1\n2c9w\r\n=q1tc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"89cedd80674ac536aacf2762f084fd7d1640873f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.7584267ff.0","@material/feature-targeting":"10.0.0-canary.7584267ff.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.7584267ff.0_1610413887160_0.010043030123965568","host":"s3://npm-registry-packages"}},"10.0.0-canary.251ac04c0.0":{"name":"@material/touch-target","version":"10.0.0-canary.251ac04c0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.251ac04c0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"945fd9226cb7e9231274c1d1ce197b7324346781","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.251ac04c0.0.tgz","fileCount":15,"integrity":"sha512-hScVCG8F0PLWDuy7GEc7hpckVQrt9oj8v39tbO9VGYJ39nc6tcCvshkRpzruRw0wNOkttsGEavAAPcuFuAbLNg==","signatures":[{"sig":"MEUCIDv9K+oxKPRHTXMqq8+GXnXMzML3ZBoVhYL2ZM+rKCyPAiEAkn7Q52qjCxESYvwEaLph4J6Qi9vjiWS4fLpwW0UrhTg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/f5pCRA9TVsSAnZWagAA3IQQAJuaQzNlyq8u//cMJAk7\nc3W/OveSkgT4pKcrWXQTkmRbnu7FDoBvh0RFqTW+79O49IUKJF6x2yTiyjbD\n1H1xBaPyNtYx8asfZZ7ZIgfMXu8qlJWk5vnLtxZ8zjSDYtyNjdYc8hC3kYFQ\nZd1kp+E1Sj+dEUnZHNmXM+73zAGAf17d6zDZ2SGeA+vnChB7CBRRx0AgeRDl\nWJCQ9UJBUf0WVbE4kC7lLU/Tkkjc6O154neWRnmUWk1ZaRzI2K+xX4V6mqdH\nLzekTiFPYXUrTgTnixjkyEqU+fy3aOs2nml4ka+qO2kXiAHhGND3slpnKFih\ns+Bm3SuZjRG7mcioa49AGQR3aYx4a/0fmfeatklGcIKsyKau+oracS3DCkB0\nSSVVn+5GLn60tIkr5kWSXgMjczF6A+4cGq2XyXLUUVwGJljfBsdYmgpT3HZz\ny27hKqiAYvy8kjSxUpqCmREBNcMC+OKa3JS+mMDmiu1mJIW2zWWRi18GUuSN\nDq7Qq3xO9xCFBltf1f7YxlOp4GknyNc6C4biwmUWtlW8o5eUHlIfwSH+1naj\nXdUSetCADMbP/RuI0ExdMIQr9ew9topH9DbR7t/zMB57/8NgRyizTmvyxEkh\nt8/2Nf8DAHtv2wz8LvxwBPVIZNWASesb8GTtftAXEMPrTOAO4jX3VgLAwEWv\ne7yH\r\n=JuvP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bacdc97357600156630f8321ac8a3a8746474194","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.251ac04c0.0","@material/feature-targeting":"10.0.0-canary.251ac04c0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.251ac04c0.0_1610481257233_0.02217163998439431","host":"s3://npm-registry-packages"}},"10.0.0-canary.772cc1068.0":{"name":"@material/touch-target","version":"10.0.0-canary.772cc1068.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.772cc1068.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14e0d71a88a42ed625becb1da86281428185beb9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.772cc1068.0.tgz","fileCount":15,"integrity":"sha512-lP6nYrZvKsE2OkMQ6uAwwEYYGH6QMi4NmU2Pirh1UeF+A4wTujFh4vge7BaGjjW8BVZ6S8fue7qmtBZttxck0w==","signatures":[{"sig":"MEQCIEAnNhNE2CJ9H7Cx6JUJT3LihA2gy+Q/IBH6fu1PAIExAiBsOveRiQrpU8+rxObcbqW4rApVR4rJ8HtaMEPQ14IYsA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/4rsCRA9TVsSAnZWagAACvoQAJDp4PG3Z4N+W/vzJcdB\nrACHifQL0NxwfyqH6hgI7FNOUxXIzWsyZpJ47fUd6O93PnzkUjEojm8JnE8T\nfEJOjFg0MLKqKRBFxNxC2y0Kl5HOG4eLH9mfJ7Qpd+ty8lbcEfjEqYLzcN/x\nCd1iJJPok2gUIua0vmoqjMj7uaKSRXLbIJ+AxnTOSZsQvjZ4PdM5MRAZSwxv\nE0NY4zP0my7ef/XeVuoUBRvkZqpYaWaaIDMmdxS9GJjtrYjrks8ANWLsyKVd\nDZkC+mECHomgP1BE2sjmOO8u+8OPPGRPQsVY+oXOUDrIBz8DEKecr/vF/rUt\nZG87BOVmhlxr1coMX8sz9upHS5RvQX1Gw7Jt8e3tCIPGYKXgSqs1tZRJ//QV\nl84mtzsfKI/ftJ1OfkT4SMbGUgrpPPYxJWLU91Lq7ViUbGKG8oUxIAnClH7/\nPbGVvnRdsCcZzbnxuxOzhSbF+D6zt9BVUtThhNp7BJJ4VRMY0l0B1vCpp0pa\nanluK+7JnDU/zfTnnQ28zwI89Q/liEllvaMp7ayEOz5pfExti8+neVqZnuHf\nsiin0mGpuYU3bUh9FVD3KxkScEGODDmQn4ZSWvs/pae5dLXI3Bs1V6/3Lpdu\nNt/32inEhhwEHmwE2vNJ0W7RfKdhxJt0QjRDKYCnJ83UO2wasFRIA0d+OaWD\nhhbL\r\n=YsEQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e8dfb103b25351e76ae27e482ed4f13c4bf997c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.772cc1068.0","@material/feature-targeting":"10.0.0-canary.772cc1068.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.772cc1068.0_1610582764081_0.7448838990561875","host":"s3://npm-registry-packages"}},"10.0.0-canary.fe13dd130.0":{"name":"@material/touch-target","version":"10.0.0-canary.fe13dd130.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.fe13dd130.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42573125ca6a947cf4e706a9621c53a5419c307e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.fe13dd130.0.tgz","fileCount":15,"integrity":"sha512-r2y5s6NGTasqz/Rpk6cn+clIRfCpE1V0d/dsJ5RmBdP8shtJ1+KHlM9JW6GkizklveVkzS4RoPMDwMCZGcFTIw==","signatures":[{"sig":"MEQCIFrcuXt7dnMvb+fgyXHl8eAvKrPCx3Kh2PHZ3uiD0OBpAiBF/NqzpB0eDouvBhGXXkxGhlv3V2wdt2qJKXVqfH0uBg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/5nOCRA9TVsSAnZWagAAN5sP/A0Q2UFHom4NSXXLGunb\n8ZK3XrFrW9PT6yZcYDVDPOU7t9c0k/UWz6ccOX/jKNTIUG4vYpAdX5dzW6d7\nhU+3qyPEiT0iD3eM0gRICo9OJ+z7R/K1vFWbr9J+w/Yt9tRubh2otpHIB06I\nL2JSU2Uy22UZae0KHU/1rC6cYPErZ7STF7rWj9q2dWlzqfPPnQhXwIbGt/CA\nAljlA8tpiJVtbR5BDt5TalmmJFbihiecPR9qc5AbhPWdvMWtMz70/aXz6oEi\nsB7ZYlLMwF4tnRd2QMFbHrNc7NpNDmswaCy5vFy7wyHrWjExqdHwp4QCEh4N\nqAoVf+4LzzHiMY/VJIEz3FCjWXUiUlLYCi8C9Q2q+QkmwW48CO9twWxGMviM\nY9ENYsBX2wMnHURpRANmU5j/PpwM8cfHnC8xUp4J+SG2Tv/47gULaw/KWpkD\nvbdADh3qD+bDdE22NSdWaEm4IBSfDW8js5/CDyGhbWVDQF9JFj8Vui/yHw6g\n4WOo8O6V63IXTNwYMKnCTaH4CUhuKt9cd7m1bSdgcDCVFakjIM0n3fHT4z/5\neBetlYEJIhkIq0vGw7/SOseQUyD68cvjjCqM1IDxz5xu6U9Ht1oO8hxOO5l5\ngse/qtdvC9UBE69kTjtZpYGZ/diGLdv+XzGExijMyBUbsFF8GKu9TyqxNsZg\nGaa1\r\n=Eo+8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8825c25e04c8e88b7430f2f8e148da8a9197c02e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.fe13dd130.0","@material/feature-targeting":"10.0.0-canary.fe13dd130.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.fe13dd130.0_1610586573516_0.06630386428853008","host":"s3://npm-registry-packages"}},"10.0.0-canary.c7c5da28f.0":{"name":"@material/touch-target","version":"10.0.0-canary.c7c5da28f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.c7c5da28f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e993b61439ff5a4ad424071a6923a375a594414a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.c7c5da28f.0.tgz","fileCount":15,"integrity":"sha512-+TzYhmiT0I6QyPunwj/WBjBPVysH19VkuoRuccsxJW+f9WjemFWGagmdfWkW3QvD1SrGOrmmLaHlfTlrfFm0Tg==","signatures":[{"sig":"MEQCIHjbgRhkbnbPbCtOaOuYzAF7yiqgEINRGhlHseOEkQFdAiBx4lHhSbXVCEMRtE4aPYcOpeeUDXKK9JlPAAK6U2NzUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/59bCRA9TVsSAnZWagAA31QP/1N4kf5HaBrV7vosIvAH\n8j0KrmAv4SVBc7D+2Guxu1snx84ukbYIxfkMGl2RXBM5ph11tC2sZW+j8XDT\n2AG/t9puV6m4mqTR0IbIDL1IGRKekB4tsKBF80jIA/wehEjrAv46tJJ0fddH\nL1yUhmZ8o4fOX0LNx4xm4ROOQZkN+FJaOSTJyq1Vl6ZFu43d6+uTVhH99pWg\nk2+zCckCcbFlwdc+eLB03yQC0UtzAyEj14KsR1V3BnSvwft+6t/si1gWgkvP\nOQPoghZBUN57M4XcTTQimrwBEyVXXZ9gHNql8ga7n5061wv9vg84v8KO6n8r\nPdZUPGDb5aAXJf9baRsoXhYYYcJWMHySmjfTALeBW5dtbzVqXCS7accDZJnJ\nYqolbmFwvE/nzO7qyyAxUMcaYtHEEmLIN8rp5DI8fxyGtIC/+oe1r/8AzgMm\nbK9fAKRG2XOt6S14NrMyHbSvFw5QhNnkjyg1xutblaTtgONwxKbUq80q5A9P\nenN5vuuC0LiNmoY0TPbhVSh2cCg7nklhb0QKYAVuEk78ZwkHKxULwJk23Y6G\n7/S+ojkvsLJp38KDEKb3C12DHbc+el+7adA7bkpOHGPQ20cDwAeJg83CTXEj\nnfCTCK11hu1KF0iIojJs2pKcIj4PgIIhoeLZPDDpRw4nAkdBhnlXLQaWqPbA\nTK/J\r\n=rON2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5d3f3a72d4e9757f2993684a89928b04ad29c6a1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.c7c5da28f.0","@material/feature-targeting":"10.0.0-canary.c7c5da28f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.c7c5da28f.0_1610587994971_0.47065666966478226","host":"s3://npm-registry-packages"}},"10.0.0-canary.b2faa116a.0":{"name":"@material/touch-target","version":"10.0.0-canary.b2faa116a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.b2faa116a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89c6f24cb4f7cc78a991ca54cf8a85f9f8f754f6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.b2faa116a.0.tgz","fileCount":15,"integrity":"sha512-a5gcKLaRXkQp99lTrunAocA0ayIQoQErY003HRhUMKqPG8fUyMKyWZSLSJWzv41Or+Uqy82WOCUxDEz0YFqXAA==","signatures":[{"sig":"MEYCIQCAoyeWQmhTR7c6L9+0+0bqLUDxC2iyCO6I25S2mGaTDwIhAJgvPQjLHyee8ir+G6dzaB0wDHqSy2Kc5VxQZYZ84LMK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBzI/CRA9TVsSAnZWagAAyrEP/0Xbm2s/TJj1w/EiyLml\nkuIeYa05361O2zWI7FKLaCQTHJjxO3qgF3DIGUh3J/VCa6mWct/CditfCcns\nQQd6tkelvgir0FWalgaUKgKEF+W1vshi/omNDteTDUFgQa33dlIZXOkbDHwA\napPfAURkzHs4d7BGNzHNavOXHfLPORe28qYsMfeb8V5cBdq5EGlKr8JfFKCw\nbSNgUhPlIYTMNaItydiDdErnj6vbAo9zPIsbSA1Z+GfNcFsxf170n/vYduD/\nkCrq9ed2SabT95qJsfKeC+NBtIbNutDEDJIZ5Luo0pPuq7EJkjnbewGVZAf6\n3tne/lPwomQIOEoql+TNzdYpPuvXgyXwROqFMPNV9Zg6MhldD1NTgct2B90I\nWI3dUZM4BHkchnstEviIFwAZ+TYtOpOV++wpS7Wp/cdXfNQnq2H8f+vFNiua\nBErWZ6uLkGsF1iSpKAJrW9Tj/wOg4eNey0hZ3skwEax1z5wOGCg7EGhsKTws\nvRT5Xz7b2vyal+fkkeEniXl2/NBSp13YUSOQSFJKrqcaozIZULDbGfn/FpNC\nJlpSQHlQph97xhUBuSmqJftvGsYCeNFxE5ErAlMk2i2/ZuHiiNTL6NQSm84k\nLZJ48mJKSRTIvI5Y0IwCUwBAkgD/7Uyd6xgRtNuxVZmIDkrEpgzsYVcEP+/V\nUOlk\r\n=8Sli\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8c83e6751cbdbda8095b6ae0686196398066d600","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/base":"10.0.0-canary.b2faa116a.0","@material/feature-targeting":"10.0.0-canary.b2faa116a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.b2faa116a.0_1611084351256_0.23709620188429859","host":"s3://npm-registry-packages"}},"10.0.0-canary.0c95c9f7b.0":{"name":"@material/touch-target","version":"10.0.0-canary.0c95c9f7b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.0c95c9f7b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"153a86133a850f2e0a8ae619f91c78e740607840","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.0c95c9f7b.0.tgz","fileCount":15,"integrity":"sha512-1XGlwXiT1w5Z3zWZAVH4zkhBBf5oA4A1DWF4Wr0g3aPfUNgYLfUwF6UAOyD6IFAJAnN+Bk43PlJZ+ygfNU7vkQ==","signatures":[{"sig":"MEUCIDmkoVjMV4hVAa9yJtPN5dmeSBxYnPstngDoxXwUGzvPAiEA7nc35NmtIy5mqj81m3LFREfjH8w5cJc+PZhY8FXbraY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB2LTCRA9TVsSAnZWagAAb6MP/itOaw0zAz5Jhw5AgwAe\nDGZ7PaqoHeUuOkpcSARlDXtFmA9Pk8JgRzfDh/Fm7wv2CwxabVlaIz29Djkf\nkv1V4L3ICKQjA/QnvzOBvDec+H18gXtQBtBkgP/1r+apqnwQLnHigIpf4LjF\ngVs7x1JlOwHAJMGnYNxtVGdY8PU4mcJtRjjggGLAn7aaJrQgh8NWj9kDxl0M\nuraiU9AAmjEqhGEXbVpytwQjYFYJ2V3+kPjWlBt+vSDIOkIvOVr0utM6G/SB\n3HXIl97wf2cSFwQYzMf7OIVqa3k/lKApYexA3MFqRVEMb2bSeUmc1w6+3N6p\nY3H7N+LHaTxscP3fkpiuEQXqTzUT5Tr08upOHatiV5yRbg5TjsQ75/CBQiBn\nVBWBKPT3rmnkmHZBHiCQlaTxDtk5ofqqQ78sKtruRIoM087WuGLfruN6tJxU\nUI7jMRV3T//4UVr5yVZBS4/SyRAE/Ki+WafSQmE6wj3ucoi4iBM6tktLcH8C\nLWlsJa5Wj6zfs2kdagD3rWTDGeb2KRBMV6bJQxQ7ZdMEh1rNyDo9p1WJaaP5\nQCi5+6iREfqkOXrgG5vdB9Sc2hKD1WedGLeeh6wMq1xepAJQ7t/JohvHv/pR\nztcjx20cOJzF/IQBftkjeLXlCJTuO8nz6N5Icgf94URzg2HA8UOCs+kEIiPr\ni/Us\r\n=QsGc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c9db31c38cf439af3f1498600e029c2dd812acb2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/base":"10.0.0-canary.0c95c9f7b.0","@material/feature-targeting":"10.0.0-canary.0c95c9f7b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.0c95c9f7b.0_1611096786904_0.4254679908863417","host":"s3://npm-registry-packages"}},"10.0.0-canary.5268222c4.0":{"name":"@material/touch-target","version":"10.0.0-canary.5268222c4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.5268222c4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6dc2410a54229eec5d748f8859d9ff008acf5c2c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.5268222c4.0.tgz","fileCount":15,"integrity":"sha512-kieMZSZjy801mAOOmpusPnHIl7DJOWsRcaGvu15yEC+rIyVrt/egfAMNqfMVW/qDXM50ZXAVkQqJ7LQ9lR0eCg==","signatures":[{"sig":"MEQCICcc3EWnphgfzzwVa/q4ZCdCNfpXmlLp+THz+zSl1Ra9AiAhPdjAVuvbjroX4UhrlriHDmah3spU0K2O1PxtM6529g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCIIDCRA9TVsSAnZWagAAskEP/jTV7km/cmaKXTJAAk2h\nEDH1fLL7JJxNqwgd0xkSs/r88BRWxfMe9xT1fwe0kgCDxpY6N7GotcvGSpGp\nIhf9Gcx6T9M1cnumNJiTO5bPS+jrOZFG9XXaSgdZG/fiD+Hsm0dlMBmnMzbs\nvdxSBY/pDroEssJogd4ENkRID/juz91ZkkxOcj/XKigR90eGy4+Fzu+xrrYI\n4vDGEq9NAE3D3eJ2v2g1uKU2xj4UFJJezpQeJGeuQ/9eY8VydXyJoQO4pgPI\nqQLiRLhcGAUoqe3YlimXreg2yzsXGKDLHdgLMakRW3swrtQMkXV0Z+Lyn+ph\nTGKkbGx3aFH3DKXLUWRcymf8flUsdxN5kxPXd1PXCQ9lI607GTi4kntliT1m\nS8l3X9lGGAbpW06glc/OA4fc2GO3OOtoBNIlA76CDx//z/pt5h0qPck0aR17\nMzBglFEzb7Dev5anPFwgLrVJqwzeqsZeVGzWZkfVyE2jHu5LnoTQWhpDDR/d\nAnLREzHgD8B68k/6sCNYsMKMCh5XTCLKMFKs66m7Ez7sUWiPoDn3cw99oPuq\nnR6OkLlZl75bHSlGhwIXS5J06rnccOIVy+/hsSPo84wAwOnmNzb4XGG2D47B\n033iojbQSwrhD1IEt6u7xARj1AI2VKi5tlikQVp7B7MpSXv4czWhegRLD7E/\n43LX\r\n=8tTu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"149775a975bdac97e3f25a99b254c8b632e6ebd4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.5268222c4.0","@material/feature-targeting":"10.0.0-canary.5268222c4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.5268222c4.0_1611170307181_0.49532182175230544","host":"s3://npm-registry-packages"}},"10.0.0-canary.2ed2d829b.0":{"name":"@material/touch-target","version":"10.0.0-canary.2ed2d829b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.2ed2d829b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a472a62bdd64e9810aa524e5fdb6ed53784a0d11","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.2ed2d829b.0.tgz","fileCount":15,"integrity":"sha512-tNPjjijja0clUFUrSWn1i2yH66KvZUCFsOnx/Spo7wfPZzw0u4GZPjNNoiwCd7gpkisqzz+Wi+IxepJH5pur6w==","signatures":[{"sig":"MEUCIFn1cvdPozOWJFbDd3RvsXrIjO+oG3V2cYEnfs8UN4MQAiEArvrR5SasArbGuRLGNoww9/W2kBPsBQHcN00AiaJb5bU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCLemCRA9TVsSAnZWagAAdtIP/1PvyY0DZEgyOpLzVGnD\nRGeFFDL4sqAvhb3DoRzu07YEm56aXkfrZN4YlLvHTCfySUppUExHHEe9c7BG\nktN9XtF79GppEaYxBau8UPFPEr9i9cR/UaDhR8+2lcb2LggB+fDHMStCAX8u\nOrAD9NBxh1Xg00Wl4V6kzJhtlXBufc9KnzQ1/OaVZDQCTC2vRemlwlA0sqKa\nsoa9YU0I/jYqoUmpEfl6wgQGRXxN7FJV8J5xr7L4lq0zpGWYsyuPZkD8L3fd\nNyX8nk9EEGj6PIjrXH/Q35kmWpLKaSM6AA+/Ugc0SpkkuQeVXcGAtMqeNa2p\nu9J+AAQeiaR0z1gNm0zLGZu8Vl3QgmKJYLtZwa34lqDYrj5CoZbVB+RYu5JS\ndb0p2SsJ0Q6+QKPr51pLS13jI5uEP5//S9QUdHX6k82LrJVgaBzUoscIfJCP\n9bOERMpzcNTU3lis3n+2ZGB65HXpy613CEZjCRS5/7uFodo7jt/aIgV9wthE\npnNOx3x755NNmaYg6FUkH/Awqf7GbF5vep/lJw8npr90ON2SKPRSjGDy2KyT\nkkxx40SlmRmge1xUVrRRqjhKGmKybD3RXQnuNu+GPgl4wrO85Ddwo1vUN4rB\n95XWME911LdFLxM/osCOmbIB+VGUDvv+Twam9rXmBsMt3DQAUQp1nk5ETphO\ntM19\r\n=gpfO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e937a8c393e2170307639b8126f0a461ffaf9e6c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.2ed2d829b.0","@material/feature-targeting":"10.0.0-canary.2ed2d829b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.2ed2d829b.0_1611184037865_0.28883596025317826","host":"s3://npm-registry-packages"}},"10.0.0-canary.df00c2b30.0":{"name":"@material/touch-target","version":"10.0.0-canary.df00c2b30.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.df00c2b30.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6790458676addfc4b809cbc295c707360a6bfd05","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.df00c2b30.0.tgz","fileCount":15,"integrity":"sha512-EIo/gJq+Qv+CJNbBHonS5TVecF5F/ojiIHutV7nNJsh9cpbM0PRswhKpTmugV9LU98iHNjS1CRuZvqyTs5iHfg==","signatures":[{"sig":"MEQCIAi6tMSiVJrFjUlSaql4IRSLKUSfls3MUHnGchiVAUtTAiBchbD6LjkAK3iJUJAM2T6Ow8EP71aXDg1xfTljz7AnSA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCdvfCRA9TVsSAnZWagAAq5EQAIK/RT1rH5eQl62zHwZx\nqqZh7PRlCtpkTuoG0svhUNMWT14Y4rChcPZ+aBJulIK6SujH9XYAWyTcFcmR\nDhU8Lf/9Zs9yKSktjIwQbcqpXqAxpWacBGEsWEaGM2KWV/ek/98PMA0cwEqA\n91LGuZjBZT5ZuEkt/GDOQG5bXry928wzJQJlDYSYV4TiWaPxvUxHr2NroDt9\naMNOAvwBWt6jbDFQmRha3LmB9kDbnz10f2bSkEl2V5hkeEZYnQz8J/3Ma4AO\nSGoLGACICp5tLWfo9jDpaAN/o8zjK8xpkEwQ3wZWY5loeEfPNU9L5gpPV40k\nJPSrTC526waKg6pkQ8tP6/RwPMtcGJCeXYkMzgdL0otNo6fEhg+i/RSJCNI4\nNDVp/baC61vPyelPG9gTwknkE3G8W/Dn3UKwLXK/epaQle6aHK9u0rsnhEfz\n/mzDo55WlGxjPr2Z28VlWTk23jOCqn8h29jL8+NtFJ6ec87dJK3wU7bKMp6G\nE7mQn8nSU7e3Zpj/Xj5Tkxi35HRCGc18t5MvvUjy/Q6uou9MUzR6m9ELZZIl\nXk+ATqIKQvduzn+oOqqZyxsqOj6p3HOgVKVM7hFM2O7c3igqApqajrCNC+D7\nGmq23qJHvMjb/PvK7NZ9TVWIoozOOeIZRyGu6g3O7rv62lar0b4t9trzuUAT\nfucO\r\n=bWdj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b80e68ca5ce1e4ff7a83ec06c805029869aaa5fd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.df00c2b30.0","@material/feature-targeting":"10.0.0-canary.df00c2b30.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.df00c2b30.0_1611258846523_0.6482385117005636","host":"s3://npm-registry-packages"}},"10.0.0-canary.fd61b0476.0":{"name":"@material/touch-target","version":"10.0.0-canary.fd61b0476.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.fd61b0476.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e6411591ed70be30f1911e1dde8cb2c266b9d30","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.fd61b0476.0.tgz","fileCount":15,"integrity":"sha512-Xvf4fdh+tmBkiBDQE0h8nMPMR9DbMED6ymbcH1XETiRtfBb6TwWy5EvzpuEd2hcizdmSGPeLQ5yktOP7FpMqYg==","signatures":[{"sig":"MEYCIQCBGbMYQ5i3SbNuQDos6K+digqD9v9/EsG6cSYJh4QctAIhAO3fPR6vFHv2fzgowioeJm/t71JmfM6NEh+nLPNnD0NK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCd9QCRA9TVsSAnZWagAA1VQP/2QWzF6UjVb4ll0Aca8g\nEoJiz5/kNzMGTfRhqs0IU0uG8uyF2Put2Ntckom70lmugXf1iWb1OmS9j72/\n5JJw2jvaJzpmLwvikuqObkdlkARIwPCL2ysRmakluIGM3R2c3us5UAVRLnfd\n0nFwh2FkLIspMiQThxPgvEc1YyIhbGSdjtLlqIsyShDlMHYUEgU3qUUXXoPm\npBxTABtoky2oEV8swPcFgyPxaqiXy3E3sdWTugybgqpcYEKga9Iw62VtfowH\nMDgYQ5OFU5dKZW+vw1P3fSoaVZY4WIlTYO1dv0WWnu1swfxJZA062TxIZVRd\n0MxtKaOmjc51SGxcivhSLQeO4Ya9uBnC6lcPzne4X00m8r+dsHQiIOagoPt9\nM7QtVjwmQL7xOrUE1AVdi0VKs5tucWvRFMw9exQYZ9XsiGWDqHpmh6kjdWmn\nnrnf6tO4jHjKgz6IArlvYNACJsdKsvMKzJSZDDastG51wbVaj7nPQiaKw18Y\nrWMQ4yTWzCAI3skuYXUQjNuxdzqDV9DPX/hDaAIfWsURJx9cMtxVfKu31yyv\nZoj3yOj+qR3rpHgPxgimfLdozRvgS8JXvHoanqXI5EoPzA8iQ/g3JXQ+rC69\n2Rl9Ig6mLl2uepQk1CFpWK3ddmIX6yMR1BTbw63iEvwZClgZH8nVHx+u+ATm\nAuTU\r\n=bkwi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"67853fc809fc128218f211f5b54f854f102d1ec1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.fd61b0476.0","@material/feature-targeting":"10.0.0-canary.fd61b0476.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.fd61b0476.0_1611259728236_0.2882328083184811","host":"s3://npm-registry-packages"}},"10.0.0-canary.3fb3a0265.0":{"name":"@material/touch-target","version":"10.0.0-canary.3fb3a0265.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.3fb3a0265.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f7c60194e2c71ee3b91518a47119000ce152a62e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.3fb3a0265.0.tgz","fileCount":15,"integrity":"sha512-VLtM6vaEw4giAsOFsHoKfGwGBfLS7BnhL7UZMeMYRcuTrTCepDcC4P87KLq6iheBDUhY8IZnotANqOSctngXLA==","signatures":[{"sig":"MEQCIGY/qZHWjIZRmhCZ8yETP6o+ms4BMdio7kENkbhLKmW6AiB6hfuG3uGSOuM4SGBKrWDalbDEtTSJLzrV0SjuxPPBWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgChZzCRA9TVsSAnZWagAApigP/Az6swt6SEcQXd9UYcMc\nro5y8pOVeqgqTn5U7cSUf1mW4MvtsEc0QEGc1xDd842z0d+83m4fhB134ey/\nP3u6LblNrCGcxkA/tyBmbhuuYbpPuspbA8R8tbUfVYI6y1zrSoMnQHzusr4x\ntctl3g9MQQWqSSkVgt1ULfPLGJnuAU84lra8VDbwRmRVzmC3ArywGVtcvS0t\nivpfzhrEUZp5awQEDWA1oveHc76xqYLhdRw1m2sGcijDkJhEWoiXqNq6NFwf\ngL2VJO6LIejLCh9k3FrdeLoROLo9QTXNLffZVRgzpYFlTHMjSt5TroMQ3dc9\nGSgNoJX2KJ4QTDmK1jmmgMwfASH1qafu/JKWrMWOf8od2/QkGPo40Pjbxi8k\nnXXtLumYKdzGIgK+tt3Lv/n2xmAb1oBL93o+LeuB5M254SrzRT9ObOIjTuai\nxXHFskPN9/F5j7xDoiRl7VFy24rhRsLTUsAJafNxyFE1QWL057hXfJNLSTfv\nIalKR1DDkDCYN78McAJ5R6z7k3nFeNN5MfyChvuJ4sNkZgrNp+yHZSaePXxa\nj/McOIs3TxgydY01LPGPApl0jQ8dZMZBdxoXHwPtVuTmnDEbQJDxkt5Rkabc\nawDHo9FkT1Lf445ItDMIWDMf4GUfT6vfnxV1HcAFKbj8moZxS3nFq73pHDwF\n2ggR\r\n=w7n0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5e619e42cc5398fa779a726d775cc7e9a72a1acf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.3fb3a0265.0","@material/feature-targeting":"10.0.0-canary.3fb3a0265.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.3fb3a0265.0_1611273842864_0.5861885958489161","host":"s3://npm-registry-packages"}},"10.0.0-canary.07deaec27.0":{"name":"@material/touch-target","version":"10.0.0-canary.07deaec27.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.07deaec27.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d0aa67523cb95ad264a31c520189ffd6792306e3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.07deaec27.0.tgz","fileCount":15,"integrity":"sha512-rOiA/a52OF+hzQsqn/KqiaRuX1+iFJ8Qnh867J/Cco5PZTokvgaf0twa4LsSNG64zZ9Z7ur/1bi2dKNKj1oHxg==","signatures":[{"sig":"MEQCIFDIspZBPmIlAdEmkkxFYJ5ElsjnN1AZLo+7/EpMJmKFAiANbAIQagBlpj85gAe/mH/KlXRmHKyjscvcl4PfkMTZIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCwOLCRA9TVsSAnZWagAAg2MP/iPtQrwOvqHIAoRdKdqP\ntcJ+FMnPT2TWmu1816xodZ7u7zSEPzJGtZ6z5Tvqt9vxNDz6uXuqXxMJqfS/\n20QFY6sgVWn0kNHuhCCftA6fcgQZ6me+yOdjXEOXMJ1l6UDgyLhp7mOLL07p\nfJdFz1aXIXkGFVOyto7gX2vpzk5Yon+doJ17iYEV7ctGZSn7yQELc6n9V/h9\n8KQapP/yzrntd4bEWqZBRZBeuV7rggJXuLjlTOQiUBdF52Cgkw0sWy8dlAfd\nW03rdNfJ3/V9PsNYnYDJPOYroI9Ed5ipCronsdLCzv6neA8/iR6BNulEA7Je\nBMH2qeI/gk4varWJsQcqcJsP/2E68gDIAa0OmQdUGvcKdsxVX0/iUm5GzUOs\n9KKjeJbZpQjzmtZPA/+/MbDADxgO58/rDtFoJhLOGQcflqO9rshm4rrVA0Ps\nmsQ5NK5p0qFC94RGHw7jd1diWC/AAazJw/eLaYVP7b4Ix0CBECURrjlm9WdE\n3sQaByu0uEjk+LS55tA+r5hWsHoRJhuy42FqZQyRr0j3sFOvoesW92S+zGMM\nGFA+1jlsEIshxaNYRSPtDGuFp3AMyBUYTMVKTmgur3xl1J3aM7VrQvpoQfH9\nkaIumUtLoQJcp5K2Cf+u5QF0pJmmtqqo+SGopBdJGTRgDHvPCzXd7k0BrEdx\n/60W\r\n=ZSK5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"be75b8d81f1ed6f8ebe94c8673f32110d71cec7c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.07deaec27.0","@material/feature-targeting":"10.0.0-canary.07deaec27.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.07deaec27.0_1611334538711_0.02752633869103671","host":"s3://npm-registry-packages"}},"10.0.0-canary.d2959b16c.0":{"name":"@material/touch-target","version":"10.0.0-canary.d2959b16c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.d2959b16c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d794468ad0236254a4285eea850ba0858efcc7fd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.d2959b16c.0.tgz","fileCount":15,"integrity":"sha512-fr6Pab/tF/maPf0aJBxbVNskgSURy0/BO55MuDmYe49HE4CgC36O/GELPSJimCvsChOluF4zfb87o72p0m7YkQ==","signatures":[{"sig":"MEQCIBHq9SXXAY+24T6A6O9WOxJSyfJs0ZRQ6+jRkbc8O6xcAiAJ7E4xDg/VsLc8btoPZHknB2jP1ET5uytcQQNyL6Sheg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCx6rCRA9TVsSAnZWagAAXS0P+we+DyLwOiYVVqn7fcb/\nkIMb2JhEP75mmBn3cOcoX3mX3UV2gGZDo7GwpSXamj4YChYw6VbjyvVmi7En\nnteecSNbYNMPsrULtAj/Aqg8Bc0CghuyY3WuLN9LIKie+QSfNlsz7Cp+i+Uy\nQ+TIBOTBDJeepKsxxvx3Bp9DfZOKJv3rQk4tRZINUoQGz5ZTh6C7Nv/r0l2L\nskYeyv9lmvCaYv/qi6TesfnsEr9IK+NYDNugLYdu4aVo7cvdH6UPc8oTglRC\nILJt1FzYjwAf+03Bb1pUk9J6xdKmmrZu213yHTtptdU8vDbNMVqoNqpmQscz\nRAH+Eh1QdUQ0cGkPHDhTPRgOwuq+qIPrp6pQaBeejwvIJchyBGsWT0y5Nwpf\nSFDc6nHeoHwEhhcZCkiI0Rt/Aq/B6duGVAyN/brBmuVIkK6cL2fiBP9eUlr4\nZhxW6ETDE1pNW5x4wkftsLdP+Oj7eKIWR/aCAshbAXI0A9/qaTwc+dNk1PqW\nGg6+lpZSjPgkGheJPh9cHbPTbKkE1QO1BKkDhzCvFLNkUNOuEtHMRbnkVmzh\nCMe9T5dDSANFiUH9n3qyasUP4UvFrkeMiEwU5oYoae+TSdiOT+tHBRI5SpXp\n7jbGoz54ReOaTjydGOj1qtsqd/dSMKGV47uNYtJDFL+zvmXlm7u/Hx3njemH\n9cw7\r\n=KX61\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9a89df0257ea15e66bbd565cfea291993f0c4ef6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.d2959b16c.0","@material/feature-targeting":"10.0.0-canary.d2959b16c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.d2959b16c.0_1611341483447_0.4147509972020187","host":"s3://npm-registry-packages"}},"10.0.0-canary.75f3bfe7c.0":{"name":"@material/touch-target","version":"10.0.0-canary.75f3bfe7c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.75f3bfe7c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4f862b380ce287107a8edd55aa598c197d7a310b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.75f3bfe7c.0.tgz","fileCount":15,"integrity":"sha512-/lD7tyNvo4+aIr7ywtQ+yC5lrtfZNeOp9+ouzc4U+5v4MdCuTbleJFR0+hjc9Qk3bWXJQUoRVeKVQ2cTsvxSsQ==","signatures":[{"sig":"MEUCIHjLesyhAOs35y44uhPVjt76Q+2FVUN/IwpimgeIm+E+AiEAg8FihTmtog/gO1+QXJE9u4RQ02SrCCPIq6wSDVY/kQE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC1bDCRA9TVsSAnZWagAAGIoQAJY+n6yz8Sb6z7a1puSR\nl2bENj+SfNkzlt7OJRr3vVkqUxQJbECTo6vPkoP4RjqzvvnvGeYC7JyW+f30\nEvg9jY/Pwd7RqTs49Ewg+KiZ5POH/p12mNWyiE2h5x6eGu0m3PDiQYTInDsM\n+DeT5XWIO7Yy1pHzwqmomedxdoemcoJ4BNLwAGGfe7DVRE6Lh3yVhnGRbDEb\nj4gk6B7Jafm/cAtzXj6gIGoynkPxcS7ao1gHfn4+Y/2y16I6hw7ywZnwvQPZ\n4ah7M53gWnr8iEaKZojo7K1OUyc/FJdx0w5ocvzKFK6p1mTupszShYKV2dse\n06IVex5zvIj2e+djBt2ldQPm4lvu8DA1O0hkpdepotEYC5B8zD3szQoo+kc9\nFzBvdaoqg6MvUD7uoAuXyAPnpE1yqLobh23kDAlW1dzpj5yNnCXi5vLrDfnJ\n6L2Y6qL33OCoTmh5pp/Whoz2bYxsBR0DMtp1e2UfZIhG+HVqN9yUT07OU/CF\n4b54dOIY0AQ7W0bE6nOyMfxRLN7C0i+XS80+zEhEeW3eHlw+OSzTzeSypHAS\nQf7+qk1NjC6v8iHym4kZXisRgGzgIT0CAXuMDgoy0/XS1TQopsRuDDMA0mJK\nDXZ5bnG/PssWDD99+YkFc0XEg5zq53ofcxg4hTPkquTmrlf1HpaHKRyjMWZO\nONq0\r\n=fXQm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"057941e604e02f88d571d61967040f58bf499bdc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.75f3bfe7c.0","@material/feature-targeting":"10.0.0-canary.75f3bfe7c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.75f3bfe7c.0_1611355842909_0.502737387011122","host":"s3://npm-registry-packages"}},"10.0.0-canary.b9adb7a0f.0":{"name":"@material/touch-target","version":"10.0.0-canary.b9adb7a0f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.b9adb7a0f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60648a734b51fa74822800ef23d3342f71b9b9da","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.b9adb7a0f.0.tgz","fileCount":15,"integrity":"sha512-sKPDr5WAizxSQc9Qm3P0QqTDV7aTpJN3PxMoYfcANBvsq9PPCkSc5aUPIiqjg7/loOy58YcMac8gJ5g0erRs8w==","signatures":[{"sig":"MEQCIE5tnp0cKNy73S7MTcZi8+k4NqbBR7GH6QJ4LbhKfgAJAiA2YdiYpSRqRq1q3aCYBESCL/Aaw7DhqdzJKxPW96dTYA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC2EGCRA9TVsSAnZWagAA33YP/06E6XkerN7V7MP3vDze\nmFhqII0591QCwPlI4gDVCI+EkAcWXwr3nUdICU7XyEbeXmKvzAqR9PIkc1eZ\nMdrYmxXKyudSo6Q1/lfEvLATUc9s0I2cexUXWyyRI37wqgKxzH+JQImtixX3\nTAjthguUBrsq/RpoYu+D7JandGL9Z2hB0/p2FSociUYDVmCZ4w/yf/H2N3Y2\nCDfEueLovrWTQARb5497/r3YdHrBLBBjjt5RzRViPlVn6erjIQ6WR+nqJ/ZR\nB/4Kn71hdreF6lVr7xqjt5w4QCENjGvbJ02FdBrABw5JOonx1pUOKjjEWa6W\n28VtOAmJ+vCM/2pxkaM5Tm+iu3U/xRRevbgPzY0eZYn4f8HQWOHc3w8/tBnB\nJNuxVmXEzfGpAyEwC0F2DOsbthrtlM8AMr/ZzWXwSOetHxZYM9T94Y0AdDdt\n3wDScZc1mNy5Lm8t+mNK/SXqxE8iU5yPfNKXkOdJb2kKGHGSvuXpr+4M5dZ3\nd45tHAhW96kl8RA+gag7tTgGN12XpY+1DUNQd0G7nZszyfbSO60ZW3m4wqhw\nbF2ah65KooxPjbRpqzjTEN0K6r1s8dJhmtX0fv4YWKa1Sna2OQbVO6wXnZU4\nfro0D/Bcx3byWPynrIZwgjPjVqnFkEL17e8lyOdYnjKkZ9I9qKFdCLKPema5\nHIHF\r\n=6uXd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a591eb080c699d02013eb9ab0090fdd5e9813a72","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.b9adb7a0f.0","@material/feature-targeting":"10.0.0-canary.b9adb7a0f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.b9adb7a0f.0_1611358469481_0.4078090465085493","host":"s3://npm-registry-packages"}},"10.0.0-canary.d29ec2862.0":{"name":"@material/touch-target","version":"10.0.0-canary.d29ec2862.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.d29ec2862.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59eefe7894fe548ec31d0f883dfc86cfb096d32b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.d29ec2862.0.tgz","fileCount":15,"integrity":"sha512-a0Eos4IgvxWkKXB6xjMVj7bLDEU7eBXkBsrgxiecWcgk664xtoUWwk9KxSs/0P+XJ3Qe6aXhE6SS0vOcpa5LGw==","signatures":[{"sig":"MEQCIDTGhQuikiFf1+XM2Sr5d0VrMCQ3nazl2lx9ePBKbSZBAiA8W6RYIqo6VyF5sW3OzqcHc3bnHFqcXY7SEuKN4GA/jg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDvBaCRA9TVsSAnZWagAAysEQAIHM5LdUzHh/1Hah6hxz\nyvwwlQkku9nL9scE1QMImDdYyisTakRp9n7bL/AwF5ZSFOszqsbU86/0duy3\nImr1j9eWlQdoBIm9cgDMuWvQ+lHXikGzN+NAzw4bT+zw0ptFetrx8bUd5SwE\nVLEKy60sHjnHKsPP6kXiXQVXSrBSSvaiFhoNq9MsyXlSypiXpqcFfIYetfYS\nzQO9hcK3jVpnvSKhGwxjOsDNg8RoeBvOpORomg/2jcIdPDa5uM/njwpUY452\n/UPsszVdgaRkW89WygCUS6Ycbgd0uZ7YLNQl3n+Ahh4Jx0l8+hqB+doxyBZF\n/bpaOkiOY6K6+0zMW7cLmqYT/FKzulnFnhYUIsdFYZ6e0BwB2fi4MwNDlO3m\ngj7/cXPH2DzFccs4EKJXZ6kDLMg//q7bhaZ4igopBxnoDEchuYnENXLqxTeh\n3lLwm6h3nXXm8tv9s30djy8mcZATSbafG9mqxR770cAaEfHB8BKwozLtbhMs\nDV/CDzbg78eLlRaP9iQid8yRpL+4J8u7RRsojgO+UmdgFvHFCdA7+Cq+sj1E\na/3VJInUIke2TPtyP6zWDe6wB/1hGQqcR7/I6aFqs9I+FwgyzCANH3qaThOZ\nj3M960a8cAsSU/lyHfrZqwabc39EZJAa1EftzWk6YztFpCF2YyGTIyAmU0al\n+DEb\r\n=YmCD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1f2d18d6e94fa1f0808b7d768169b9f4827dc692","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.d29ec2862.0","@material/feature-targeting":"10.0.0-canary.d29ec2862.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.d29ec2862.0_1611591770150_0.21372433906548993","host":"s3://npm-registry-packages"}},"10.0.0-canary.96be07c68.0":{"name":"@material/touch-target","version":"10.0.0-canary.96be07c68.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.96be07c68.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26aa90e9c62fc74b389f1be6b0cad55b1e4819ee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.96be07c68.0.tgz","fileCount":15,"integrity":"sha512-cnxzVmaXxQFHT0esJFa1Hpzs2Pr5SiEUkdK9GlmzikT5+162BKQbZ+IS6uGHi/FQnBSmhibmQ66ys5XJHmLVrQ==","signatures":[{"sig":"MEUCIGu988n5Kra6uPBXbCwv5F6L5DKbnMQymlVDgKfVgKQnAiEAj8PgfuZRfH6s4541PKU7Ddwbo9hnb5P+PZUndfDb6+k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD12nCRA9TVsSAnZWagAA2q0P/1my8IrCIipVyb3cQCBo\nBq+ip2r1GMTgOb8Dw9eIemBE0SJlZO75ZGRnZVElppNNEjbdgOuE5MvPyzUh\nldvDoQ7EDJmPvzOIN0VUIpjwevEhTG4fFcApmyli/JlarQ6smaP0AakUzY7J\nUkHNS09qnpsf/erdzaKcC6ZA/N+dYqxsNqO4Njg8Vbgu+Zg9b2l0zU0hw8eI\nSUc8a4LrHD/NMVwFR42lpmCMaUYdbrzL/V9OzO/g4ux4OPxszrP1WZ8J/L0k\nyUV9PiXb6SfuDXvpH4VBYinC2qyY+sTns93jMKNc/R2/j9Dj4EJ4fQR1n/Vb\nhuekdnSUyTSMdsfNAbnI5sKdUx5z4ouecDw54PcBrvaG78seZlBh8UthYBHM\n6tMGxP6wIZ5B2/ZrQO2oECx8ZxIsWQb6/FWzQloJwozkQI/nhLn6T/suS2Vu\nxc2DiUHnzrSoYNoKtgsNi+wwDNSV/rrHLoxLvHmO79CPbjrfq+hC54Sy+TAs\nDblpX+ruQ6bLBqz+2bbzQPlbr78pXMCgDunLObUG0vRIU4ng2BcPeIkZMmSq\n19Qri7nCb5byo2SUx5asPPvuew6lV3SJhu4i5XzxSvlOYLxG+jbZfZlnf+OC\nIydY7gtvPjQuwFn0Z1K78gGItWweyR67pcy95jQrWDPbia8Tn7KwmLTQQGLC\nmt4q\r\n=14S9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ad510acabea4f02cd7399e109ef73d3b0bb52e0f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.96be07c68.0","@material/feature-targeting":"10.0.0-canary.96be07c68.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.96be07c68.0_1611619751382_0.21111694443264772","host":"s3://npm-registry-packages"}},"10.0.0-canary.e383944e9.0":{"name":"@material/touch-target","version":"10.0.0-canary.e383944e9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.e383944e9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f325a4786df7ddede7b08c19aac7512474ecd76","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.e383944e9.0.tgz","fileCount":15,"integrity":"sha512-ZIWYNH9L4OcLkTnllxYRLnXJZy00yg5Scl2Dp6oOIBcgqAvxyEGSQmYHUAo7i8iY//Vqf9spjXxrM5YGX69wxQ==","signatures":[{"sig":"MEUCIA/c/RsVbnzV05daDj5ZJ4hNjuaanc2hZPe4HtmhP9jlAiEA/E6MsSyrBxsWL+s+77qaIrcdr/u1gTNzUoycJ7D5yrA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD3PwCRA9TVsSAnZWagAAc0oQAJpTDoBBZCqL4Fqt5BOj\ngVNRQyuIW2/ESyus4ZNM7h4UhYHXBZBX7yOTNOCWLVA4SMeY1hsokfdUA+b7\nMd7/iM+MGizMUVNiMXLWYCkD/LOho0ZDiEeQcSSXxQDFA3+Zuo5qwCOuPaNr\nWcjcb0Dyq37giRj7ds+9Eg7qULilGjjOhSzsivx24LQkRMdAsZdYZHngnGlJ\n7aMRUX9BGCi9oDjdytLVIsQfumYSRVijBb+Ede0t8H9QrdAP8WW7qbAedzfT\nCDvHTCHSybrbrLCBNqEMjPm7U2rkj2LBvLqBlCivcxrZ0tIOrlXre3B0SRNk\nt9VnYXSEe3bPDAC6sbXbX+MKGk9fge627PZJwSQ62x2jEPsJA2qxDRMF2W25\nsvIF2AGP8r4fPZ+djgbnPwjFiNemsYO1pD4jgZpNTeD/k7V8x5n2P0DbSUSg\n8wiZJcwB+f+LQIEWrfyGKAxS/hbXRQ1qzmRt15n0CqGOYKlXiZ0iOSh7CLtk\naSW82DGxC1Of2j2ezDP95XOzjOCNBQoo5wBZxpGZziFBSeE/PzsYipeImsfn\nLeGtquxMKQ/yAHXMZd4GwAksR4d78vnPTzgpIjIF9tbu1vRB8dfU9DMFDU3S\nE1qEHn5sJtPt/nPD/ajeTbMkNGKPtdDJNSO7slA+kEoBIRWw6nhO1crM5Thh\ntwtF\r\n=AsCF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dc6dc4efb9210fc9c70fb089edb90278a8ab66f8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.e383944e9.0","@material/feature-targeting":"10.0.0-canary.e383944e9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.e383944e9.0_1611625456453_0.9629125685103972","host":"s3://npm-registry-packages"}},"10.0.0-canary.623af861e.0":{"name":"@material/touch-target","version":"10.0.0-canary.623af861e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.623af861e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9264bb9cfc9d19f30adee8cd16e0a9a83de0af88","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.623af861e.0.tgz","fileCount":15,"integrity":"sha512-hmWxap63gT01Ua55Y33ZGjGBzLO88bfRlwTYd/4Ll7oTRVlXfkozKOBXnK4/WJApVjA5xQXDau3d3JPsKeEguQ==","signatures":[{"sig":"MEQCICnUBQs/uo7FamQ1ToKPy0qDJBYxJ7RL7HzU9hb9SieWAiB+czFQRB+QiEOmri9kERkGBX4coXR82tgJ/xNCckiqgw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD5AiCRA9TVsSAnZWagAA0cIP/0qIU9LwsCuxkL4ArVEz\nl7tjjHvDjTcMyucom9Q5Z5PAQ/1Hts+vbaXcTbsjR7iXEChgARC37MhTouwr\nvdEOiA/MT5QNmpQPrvX+igIw1hyuBzBtT/sV+QnCZCRQhVishRnHCFgGwGjQ\nGlU3yHT0Af5NDL9j3yV4lrvBW7xC1CXt4eHiduc/HmYxCQBmrXFvcP3bn6HY\numvpVuRAaDZ5l+Oc1XMK69mPcyMels0r1raEb/fvGEUu88yXIgzjmuUSdGpe\nJnHvusnPYQv9lc9TDG0x+1fqOG7t5c2ASizr+E/fYICc62vk2n1WU42ycPW/\nSxJmBcswgjF/rOhj0C5UkC5+K5gORWXhZzCEBQYamVJciW1mps5Z9CycbBKY\nMq9MiNWdkCg4bJIfvOdNWu466rog+rRbEIU+nwlZkGngmniqsRF3vYem2E24\nGZWidz+8kjQIXRIOg9ZVAwv3fapEwFr6X22DRrfo2OcWXNnxITPKDrGvkF0a\n+yj5ZC2qOQ1vtD2dexdm7NwzptSOavuCIUFugsLwXkSQaNjOx4AmJV5ylMR/\nEgV6a+gNlsu7DtsxciwIUdEdUDkaZsD18jWNjEfV1+/ry+S56iBZgHTGNwbB\n0ZcKMKYH1gl7Exug/w+2zDAASD0FSeuZ9zHoSlqiOFpuqPL/CZZhLImtB/jH\nVEUk\r\n=u3Km\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5906815761339487fac225651c29aa422211a72b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.623af861e.0","@material/feature-targeting":"10.0.0-canary.623af861e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.623af861e.0_1611632673825_0.9367171020222915","host":"s3://npm-registry-packages"}},"10.0.0-canary.6863fd43a.0":{"name":"@material/touch-target","version":"10.0.0-canary.6863fd43a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.6863fd43a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bcb02d495ee23eea6745de47164b54e340008218","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.6863fd43a.0.tgz","fileCount":15,"integrity":"sha512-FRnxFDoE0nxGANJkbA1LS+mm/SAaqXrOoRMA2mBeuuIt5k4Uxenyu8y9d1yazuKjSx/qYxEdT0azBFAxEkYBVQ==","signatures":[{"sig":"MEUCIQDntophPYY5CF+b4OW3lc+Ftql1XUuoLx3RhNqQSwpfCAIgIj5To6u95QDvU3K1GJ7fIA9IeSxZYdCd90r1KiKS1I0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEIpQCRA9TVsSAnZWagAAToAP/RskMmNjUeXbXZUnU5q+\nlNS+XndK7yluIE0TwhJgmdb7qWIDyWlBY6XmR8+qqKhcwcNsZsEiPT2habXX\nDxTE/qH+IiNxGKbfXFC/uOOQIAw2rtT8LtRVFLZ88QMWgkePgGf+bQzXAU7I\nSfr3YOC5aWNSx6zftmmjpRWGG6Tp5eX/UnyDKqxaF2jgJkocZnWLbIYlZIcF\nMgNr1AYfxy+ugO42+Zt8CtKvV5nIJ/P/8NMYfkAU6DGhAptk8vJwfl7clVCn\nBSmkY/KFFkh8qNQOWRrooflQmzs9yMjdu9y0ms3dSi1F1niWkQZTl29pguz6\nbl9mQEPMXI87izjoTn8R6bjnjoTmyCS/7YPvxgiMILsjQTxrszMHrn5OI3aR\nJIuEAxGPF+il5/0aPVznU+4T3PoSZz+rc+8VnEkcFz55duUPNkCJbZl8cKtO\nDfdIcICoyjvBxMfUwnYY5ePCpzMHofEd9QuzvixYuVktuOraWcitTIH/ySHF\nyo1lU7xFy/V3s7XFcki8VKJO70HXnFw7sHENqKzPdh51Y96i/nAJQG8qIk/W\numiYaDAu6LLO4G8j9xf7MYBXg0GO481A7H9D9gk76sXQQ3wQspl50KphzvTQ\nYsbl9ZmNpqMsp9l5Y49Z2QQthL3ced/mwWGqeXipbYHKL9gLrEn5iYIlCwQZ\nF6DE\r\n=X+NE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"49d0dacd3a675991bd5b8c454304b1f10dbcfda4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.6863fd43a.0","@material/feature-targeting":"10.0.0-canary.6863fd43a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.6863fd43a.0_1611696719410_0.9518998584045142","host":"s3://npm-registry-packages"}},"10.0.0-canary.ea55b87ca.0":{"name":"@material/touch-target","version":"10.0.0-canary.ea55b87ca.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.ea55b87ca.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ec95a5fb9e3db08617c22769f4ee9ea729681f7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.ea55b87ca.0.tgz","fileCount":15,"integrity":"sha512-6G2xQ82cH5ffEG1w7t/a0jcBkym2wqdof5f93JFFZgFznkEG3vf1PnfH9Ns1ySe/SLHrXuU7rZVZuncQbvOyDA==","signatures":[{"sig":"MEYCIQDXsKWxoFb9mkLaBbSTJjFdLvZWc+QZbikOPgADnFwhLAIhAKsFWw5sn08/1wGSPSPlTnftr8iRkZErlfCJzSzaAzma","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEKmACRA9TVsSAnZWagAAigkP/i5A73QOZ+xSqzYQGerb\nPWc5jTQ8vY0Fi6pbAnhsXkZP2b7AWbTGSP8bKM5gO3vJa9nbu7IkiNk8fYzx\nlfOgLP5mBRtsbp3mwvLIBHv11S/23Pf4O/CuDrD2ni2FnfWl5B9gewYzSuq4\niL9ZHtfbBjuDvvMTz85Te34KJbDegGNo4/rQEC23bWm2IvyQHagF6rLQUk95\nt0Xrv0ug7FNLbdgv4qHLv/GzzNl7cqaEMXmYLtGtWxCL6yYR3aJUcJPa6ASc\nBZ8u35bUGYlcIKszV3xaqZRYVy4/8lXWBizIgunZ0MqZyX0SfdciC58ZZ+DN\nBTsMirQYuQJR+NiPAan1Bk2qDp1rNI6fKErs7Ir+kWXuFbr3mJvJ6JWljGPq\n7+WWttR3rPGIWYr84V8c6Va9N48TyxOaO4+/I6Du1egwrrosuaOt/rMUkowh\ngPO4fLq4K2hfpWaOF00GG0SKttAPkitLORbsjRJLtPv2URz6bP2cjLVTw/Bt\nsZTyDgZfROmCRf9TxZbIM3szC7O2JPS+FMsLNDeoMO0uFd4bCRscXEv34FkW\nCkV9J5rw+LGPyoyMWOf8U/wBWTVhBsEVCS/0hbIn5mSQmtwq92MeeQOrQRX3\nOCGkBdQBkCsg6mDrYFnKqAZZcleIRSBrqfgbX7IvmV+Ix0Oladt+ONqCCb1p\nUoeO\r\n=Lb/6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"00e7569feb0aac4c4dbbfb9b292c9f53adb608bd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.ea55b87ca.0","@material/feature-targeting":"10.0.0-canary.ea55b87ca.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.ea55b87ca.0_1611704704077_0.9624436535978569","host":"s3://npm-registry-packages"}},"10.0.0-canary.e902ff05f.0":{"name":"@material/touch-target","version":"10.0.0-canary.e902ff05f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.e902ff05f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"36a155a9938938a96ef6a42bec4569615a62915b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.e902ff05f.0.tgz","fileCount":15,"integrity":"sha512-VfMX/QgShTQfxni1u/9c1fMkAF5XkyDJyGzxUBN/2cW1dRR0aHO6j0CXbjfUF2fP36kZ5cTy4rKhY2T2SPID5w==","signatures":[{"sig":"MEYCIQCdL/ejKvE1AC0xv2JRpy5HfAXUhA8rHdcQnqFeMcQzXQIhAJUKpT73g/T1mx3pmxg3t4d5l6q6kU8n3UiWRhonyxgv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEK3BCRA9TVsSAnZWagAAIz8P/RsE4KKhUjFop/OjdSqy\nXL7yY+UvhKs4WtAwcBgY8EcFhA8Az5fD7wcS3VsfHMpK2gCEUHTnEYX6N8hP\nhrZPYM+gy3G/95UgAgNqHen0C7a6quT0FlksDUFzXPqKmNoUR4pUv/YOgxP6\nwT75MLqw/oc9Anr7SnL/WiKAbCYMH6eJu0dAPpfgosVvdMfxMqJ8tLDuEEgf\nKr7EX7rRuQGW55qHH+ecVhnsuN9ah3WeZGgFuaiZ//bErEUFlNZzQHPKY0yc\nBeWJYIXlTJPhanJ8XS3Xsv5Cuc0Ivp1gCDJZfH/kc5j/kEXG6YR79yQzj4XZ\nnHRCH2SBDQMMFn5G3W5AgwpCBy4jHWqLITL1J6aGGOPLFubdy1ut4LlxTM2F\nPsDkglkOHgW7OZmHM7oIp136Ic+NNbDsSpMK2mFeHE16fXcBUQj7OY33892v\nef0rraJHYpoNlOawQLT1Mqrx4SAPEFuDYjTDIUSCnnXnpbkmCN5EIExLWvn5\nS1VMZNIx91v3gYfAb+FLoIzJ6nEZ9SC3ZN6hJ3FNRFLbzDwzEifWpn1GRSyx\nTPqj0wSiw6srFs+c9KluFSFjrfVfHEKb9+QvNlq3qXuqzmp1rQYa72CiHC5T\n2FyGA9Isyk/IWi7WKfLrSldmmvr3ppbseqL9IQZx/QROBwJ2H96e4iod7zh7\n48QI\r\n=3qJA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8ae6ee07772b70becfa69208ee5a4849f86c2fea","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.e902ff05f.0","@material/feature-targeting":"10.0.0-canary.e902ff05f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.e902ff05f.0_1611705793528_0.7376505079488431","host":"s3://npm-registry-packages"}},"10.0.0-canary.2c9fc538a.0":{"name":"@material/touch-target","version":"10.0.0-canary.2c9fc538a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.2c9fc538a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"678a8d285e860c1aaf3d471b2fe9cdd5a87a8671","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.2c9fc538a.0.tgz","fileCount":15,"integrity":"sha512-w0XmCFFXAAGvjD5rqfo03HsBniSLoFplwtwxU9j97OJ8wJd2W72SmzAgGMb47Y7OeY20SWwUk1+IfIrhrCCuew==","signatures":[{"sig":"MEQCIEMcxc5d+cadgu96upDkbz6G4IxwG5r+XO7Bv3DMiomkAiA4f9tCrWHMbglq8oQrPt8SqTq/9dPFZCd9lTZlaaaY2Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgELM0CRA9TVsSAnZWagAAeDQP/ieJrYP1uR+HDaC0Paac\nguzxw8HV/Qg9uCUaCKpxRSWW7EWLurpuJXJ3/FmYL3gfgo9VPWCSoS1HW8WD\n+JE3thNROYEdNjHsbo0m0L84zzhzjKvwFF+xi+aTF+SMYDue+sWxb3EEudMP\nfOkMoveQZHiax2uy4KObUShVlwzjsQqsCKdJFmzVdMyNGtQtdDj3pUuv5uCB\nDCDJbzyZAe2ZsxbYlNxzCzQX3AZOTliKkNO0CZCnMARTWIiUXBENCnkhUA+v\nChlx06n+llMcTqyy0BV9iPTrEUUQCxPOQvf94+RORmPQohWaGJSFDZtYU3w6\nT1K7aisQSNeEBQrtXRXqjr7EFvmrDv4X11K2CkC6yTFMV+XONpSbMzRJ14Uv\n/DEPYC3bqBycMQh5dWC0yPI5tCmN07tItuBIr9T7Qwxi81FJDOYuow9rjVgB\nizGjCx9tMWhND3zj7xsXKJkdztEl3jhY2wOAu1Okm66FoSA4HP+vLa4Pvgyh\nUMwmxSbIrKftA9YRJohGk+ujIOMDXlnhThXmlAXHGQZ6mHYfUjQqaYfmJJaA\n2+mTtvnFAoLoCazS3Rnxd7Gu6y9w84eVAsll9sSGxQWLk6r9KguIyzIm7of1\nPbbE5qG5kMmYhtwdhc618Yo0/HWjlztRtBz8qOmaBd26N7ewqqIp+bOS2tOE\nr2bN\r\n=3KGF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4bc5fff9ddee1f7703010e418626d050ca883474","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.2c9fc538a.0","@material/feature-targeting":"10.0.0-canary.2c9fc538a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.2c9fc538a.0_1611707187716_0.4763879256188579","host":"s3://npm-registry-packages"}},"10.0.0-canary.6bf56aaa4.0":{"name":"@material/touch-target","version":"10.0.0-canary.6bf56aaa4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.6bf56aaa4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"78bb2202799994aee752984377a83b5b0b414226","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.6bf56aaa4.0.tgz","fileCount":15,"integrity":"sha512-vD0pI1+JqN/Cya63Mi8RvHicyO2/1psqD/TzMU92dfWKJXMtWBZDXIsM+clTgAiuTCkMbfODXlApUwbhFWnhpw==","signatures":[{"sig":"MEYCIQDyBg054HMx2Hb6GtIuhc0Jf/eCmgsrInH6G/as2L68wQIhAK5Mh5C79Sn4lOm5NG/jowTMhYOT+dR01/RvPnEMtkqi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEL+TCRA9TVsSAnZWagAAn8oP/2rZSPw4Iuh/z/i1SudR\n0r6cLTWsfSCWoODcpOupkIwWKKBK3mofhsii4wXxxbNOGaTn++my2k4B6uMO\n7+M+gKe+kc7lNAKEo0h0niLrJamVeTzShnHU4aAkFs3ii9N4Dh4nBXRc0mnk\nmQnj7zgBGFJmeB1Qd/+qEe2sxPS8X/bLhYiFsuOoEEo6dPm8bEpaPLb8rS6z\nUHBseI0gz3g3iLBAPQdQESxd2R7zOU4008quKHolDBl+2Rkzgi5xJ5ghuv8d\n6ayUUrdGbH0bpUVkJ+IppcoXYOqaHQ2Mu54XBv2qaktPc+fm3RziBRuHUkU5\nUtF5d75T5QkozNGYs0HvknqQJsQMQ81QV2EtZ828ct7PbgWOZKD61HmiUMQ0\n69Z7c0yo99TBY9KshVcSEKWAaaN4vu1jjBKx+JNwrSBj34W9p1m6QTfc0Kuf\najPvOWuH+6Y+fyYG9RsfuUiLsan4A+EdmOltiJIVsUCeC/GxIAeUFZNilzBR\nVlcP+vwRASSSSIQOOHx4LUz/qYvh/4vVjxCN3xNsRSohecBY3o/+p0wxG1mt\nmIMgbgFZBHjdgFD4x0LBLxMD/0/JL3NiS5jk6utUP5AS+seoT8Rv069/JVIY\nDauOuh2YKssmWj92raxNDZ6Gs6dzgMfIxhiT18MOwOdmATixQZcu20hAZjfA\n47UO\r\n=RyP3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"557b9cd09fc15e60ea09bd17651230487a292b59","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.6bf56aaa4.0","@material/feature-targeting":"10.0.0-canary.6bf56aaa4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.6bf56aaa4.0_1611710354669_0.022859118695600866","host":"s3://npm-registry-packages"}},"10.0.0-canary.994873795.0":{"name":"@material/touch-target","version":"10.0.0-canary.994873795.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.994873795.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77f1b01aba9738cb676d59dfcdb7333c363b7ed9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.994873795.0.tgz","fileCount":15,"integrity":"sha512-kPbaqa7qwRr1m1iubKe8FGx0otzKzfGlfXmwuzVHEdMBennID+dyAsOcQeIvXgEOB2GEvp/n1OaArupLUaQtpA==","signatures":[{"sig":"MEUCIBaxTACTcx03xzK2g3AEgSL8qpB3CGx6ccbIFzQk7CocAiEAgQL4tn9gsr7nvv5MaJsEzXgm2onGzyI5f9t2CPGxkWs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEX2mCRA9TVsSAnZWagAAipUP+wXEysS9/vuEEYEblkGF\noW0gCrxmof1nrnKwoFDX1MHQm1JjA2y1DhsRCIxAHHR2qIIhwbU+xrpnZ1e+\n7h0TCjsx6V+lrbEWqIyc5lWryw4eB/02S8zvY/of839iv0H6zDL0kJ5srQh2\nsw/ivctWclyTvRasDOC7WHxz675aYSwYF8Wp+bYTQv6KvlwjAdbo3OjkAI2q\nk3RpwGPE9RcA93froS65Ss5Zky+eTttjXtOBpl87EsvdUa35pSRR6MOqV0Dq\nM8AGnwNUGHxv9Crp6/20TzjZ9/ueldOVWWHggS+gPCyi+qSH02bWGkUAD3dz\nmZ4Bz/P8uCtIM/k2PKwnlJzZ/gfvNLfvA3UJnLnLe7fm9zGPwN4QqE4O9Ukk\nqjvLAuonbKeceJzZTgq+DObQekvYqMivCnesY6RgOcx290repnhxtoCHafc9\n/6Tjme8lHb4uLeNEfEI6TbHmOGeAFGjQg/LE7d/2Lhuw+L2vBI8rcgHLhpZr\nEeBR2GkZW5Ohys8wx+msKZh6vs51foSdKmWBGTri57dR7/BrRTjPVbz4bfXX\n7eGGIA4ZqrGn6qQwf1AjXQ0IIIhbxcDrlslKTpp53K4pf3kDlC9/hyNT8Uyh\niVtTxkxN3JPC8LOR9f3rLUh2eehKyJ7p9JET3cz7Yytc4RG+anpMa7KTtF6z\nICbt\r\n=ovmO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8d1337af6a27bed9f06167ca1cc1c996fffdd9a8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.994873795.0","@material/feature-targeting":"10.0.0-canary.994873795.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.994873795.0_1611759014359_0.6520738866214617","host":"s3://npm-registry-packages"}},"10.0.0-canary.96878e1d0.0":{"name":"@material/touch-target","version":"10.0.0-canary.96878e1d0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.96878e1d0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"747c3770e899abf7550c1b3dcb521f849f876e18","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.96878e1d0.0.tgz","fileCount":15,"integrity":"sha512-gz1DmHOSo/KBEIdasa2J9x9b44nXNOdTi64sqm42g5H+XiHxrraXPSxuYMBlth5ZxktBfRTklDnkH6Dj4SrSwQ==","signatures":[{"sig":"MEUCIQDKlZz7gyy6kCzDnxp2s/t3dvwlmRLPe2fLfK0xxltekgIgcNETn/F4bDKj9yXHcrazosPiTwPM9u5stDxAc5nPWdc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEapuCRA9TVsSAnZWagAAZuoP/j5JvyY06qWMKPleP0ss\nKhkgrXRq4CX9zCAyuXhq0vqA6uRfFIcGILx8k7gS20Hkh4xZUYqlW/kEZ8z1\nglZob8sPuDjpAM44O6c5x0UFGO3hTCStJA+FR3Nu2mw8bZ1fbyhcBRjC/A3z\nP7hVqj7QLnhpEOPrP0BevdmAp9EsrzqY2V6yTh10nyjvX7uAxi5sYbdrjKsC\nB/iYch2VVZAvAiY4iUkQHJSl9j2u+oI+/lfgBP6kTSIzrPf5n/a4TpQ4Zt7K\nuhZQcE7pIU/KNOLMwdPdQgUc7uvJO0UGjHS9lb/mXLfkzN8+muQb//YfLy8G\nIC3AE0BR5KvDY4FBdBHHZGMQcu8xhGXpVm1buh0HQKSO7VYCO/bMltTUmXTz\nLnF3CsIU9PetggV3dSM2MTIQap5C+gsq1NTzUfyjBjZZ8pyzTLJKDKrsWE8z\nGDAikrg1fd/WtU2p/xrxH+zpt5NikIajD8b18+mFjI3/C89vygiSEtoHkAt9\n/J2lyJumM0x/JMwbCmU+ULFu31bgsmXPwZEjmgonR7IKZ33aej/U9cM3U8wQ\nitsBCnO9T7gI/en08PAJQ2MwBFRm76P+yRta8mI0Ox+hz+JMm52RxVUyyl3G\nj2OtlHbHZ+alsSgTVugpNcvRKrJidrZ+pxOm1k8mSkPrI0uo6i3F6/YsbkiA\nFlwv\r\n=GKy1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cc9f62002fbbf03874065eac25971ed2b49a47ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.96878e1d0.0","@material/feature-targeting":"10.0.0-canary.96878e1d0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.96878e1d0.0_1611770477906_0.1731345828365891","host":"s3://npm-registry-packages"}},"10.0.0-canary.3c117cdcc.0":{"name":"@material/touch-target","version":"10.0.0-canary.3c117cdcc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.3c117cdcc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f138c7cd0d9eaa3e2b5112eece6182202ab38600","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.3c117cdcc.0.tgz","fileCount":15,"integrity":"sha512-5xLlaInwhmx4Zl3SVpyh6px56ptSwxMrOk+MSleTHMNwBJasZxGnNO5cki5dpS+P0L+HsULgEizEtyIeJbJjLA==","signatures":[{"sig":"MEUCIQCDLZFyXRQTKp7yYQoX8+tgL3gIkVstOwPBD0LQFf+vogIgUTtAqhYr/E0gOcZMkrANqqNm782csxw7ah6UbdxxJx4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEbGACRA9TVsSAnZWagAAkmUP+wX7Yt5y0F0tJCiFlBzz\nfp+NBu8AUWb5cc4KMzCpFS+cBiRniOF2jojYtma+1oBii7dNcPisa6m73yY5\nebIUmnlU4vOyyRMHXdz66jNkEa9fnpdn0VLpqqNUeACIauCpL1RanK45a3dd\nOR0St1yOhl1dxbTMbBMusnqWORpGWxgvS82KOzqFGHmWu/KIxtRiZEm1wXet\nlGwSNRkldbh+veyXgcnJQRCuJzAQET+f0iszhZ+E4aL5e4vV+3wwl7GTN09F\n4zlzqh8bYPltmufDShNXguSTbhUgaAIDmNcXoTqB7pWiiJDEvgmNduoaRukz\n4NQ/0QpfeNR9FZJco1HB7k3uHQzoC0MYrrFgkdwuZeucAkyRxWYaknkXbo6Z\n1081rzyxZ5GnXKdP4O0mH2Rj6N45R8ymAcRzAJNOEBzV7JEW3MbVOB37LqYz\n0dAD2yHf1cN/crBwBLNnby4f1GtKC45exT53udbcZOMlIZMS+J3vj/2k1eqG\nrbgLnVMzeMKAQP0Y7UA2trTSLWwg/tB9pWMRYn9ywQreP8Bgsq3mPeT7PbtC\nx2tfdcxN7kFyvsoIqxEzJl/XkjaMFY8baaAmZ5IEsmH+uvnThzFniUHDrf6t\nXqtnOawrI0dMQ68QyyCN3sY87xb8zOAvjai1tFYUR+HabQ7G+jAOF2kk4mSa\nbMLW\r\n=62eo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dfd1ede4a4727199e63765d305bb36d91509dde8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.3c117cdcc.0","@material/feature-targeting":"10.0.0-canary.3c117cdcc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.3c117cdcc.0_1611772288456_0.9843831872104307","host":"s3://npm-registry-packages"}},"10.0.0-canary.b411e7033.0":{"name":"@material/touch-target","version":"10.0.0-canary.b411e7033.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.b411e7033.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bf217536e2841186b751f78ea58477b91a500486","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.b411e7033.0.tgz","fileCount":15,"integrity":"sha512-6Or0f+9UP9wuENYyYbEvgtgW02DeKjDSC4Z7BXsti3lVrUACQgfOBbaOSt5/wnmKh5SVPjStZJwUgFp+MCqjaA==","signatures":[{"sig":"MEUCIQD5EDbWf/2xjy9N6GQ+2vnd8Xmy251FH3RerOEgGILanwIgV/S3JgYxgR/ve8Lfwy1rSBJfApreZSbqAJj9cFjp2Sg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEeMECRA9TVsSAnZWagAApCcP+QFlxfpg+viggkQD9k/+\ngxielWNCcJvDeSX8ra+jhTcX1OZVUinu/cTIkSkkQTsXdfdLqNIBG2i/hI7X\nofio4IRAZ//fSdSX2O7B/Dsq6OvmnOK1+kKuS/GeNK2I7ptsUWqk29Y8Q0tL\n40qg0pgFXS3K3FnrMWwKbNnWkanYgIoF/7dmOTU1ku/4IwHKeor+Ob0+0gOq\nNjnGjA+wI4AnrMIuSM20tRuo2tXXRNU+CNQ3caG/CosA6CWMpRmzZUYTpW0T\nMlcYnWjFKejEvgYHJcbO/haFLhnOzjT9Ullgmp1FJ8fb6XTgvLZ4FBzTiPe1\nrOGwQpaTBfF46UDV+t8wTZviRBLSd1gxVAE7Z/0Aak+i3js9astVzpcuAOD8\nggT1VMb+f5d5xYP7vshNcsMk3yyVXtwFmroDcnnzJLrL6xGraXYJpM8tebFw\nZOfw+FYQMu8cGfiqlLrSjVlTLO7GKYaU7lLSaMRlNefeMRD2JbhHTeDLqGLs\nRqkmrHEfDSxmYmBlWxzZ0JaRQdSrfhr5o5tR7u2DFoMZG//FszUTIw0kMPax\nUmkiUHBQ9x+aw3IUloilPpcnsiuVzv17GCqfwQLaZEB4dTcrLuxvUjompGOJ\nW7z5czCMtHV2NxHqTFYTuGnamyme1RQAixjWnZWwYLGJsR3250ZYaslJ0T1H\nEFiT\r\n=Hsqk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1d12550a6229cb648f6739f83d7ba5feeaa67dac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.b411e7033.0","@material/feature-targeting":"10.0.0-canary.b411e7033.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.b411e7033.0_1611784963008_0.9444720306615548","host":"s3://npm-registry-packages"}},"10.0.0-canary.a9ac16b4a.0":{"name":"@material/touch-target","version":"10.0.0-canary.a9ac16b4a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.a9ac16b4a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26727de342b920369bd232b9979afd5886c24653","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.a9ac16b4a.0.tgz","fileCount":15,"integrity":"sha512-NkHoSvbj3R2EjLpAdTolU3bWQzDxgCaCsYhDc5PbXYT4nvVTcCRzBBiMITSZ7kbD9hcy8PxHMI9tEnBWgLg7VQ==","signatures":[{"sig":"MEYCIQCf4Ne8vUN3CdAhuNOwKUkZfQzJ84ehKHERWO46dnnj5gIhAJV1exuLTLPYcqGO3JdfN+j/rfVElFbZpFjWkID6pIfk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEfEPCRA9TVsSAnZWagAATKAP/iBBUhCIOWZjQYgrEg3L\n9mYHC/ZUe1/cu7EaBoOEsqh4xada5Q/iU+CTE6//KfkXGyGlB4bQIfIfgL/l\nRQH+w7IwocGtMGE+KUG27NUHz3f7Tpsc490cvrPgdrPZtGSBB2sc7IYEWUfQ\n+MmZGFuGT4AK49WcIz80UQc1MI/hgZpe7GVgEKxHzhmVF1p21Lt6B142DUXY\n5Vsl6IWfkj0okwWGrVC6C3aZ7Y1ohFCSEyhm91J4941o3VbCvn8DS2d2yvqG\nQoztEQUtoKPWVFogF3oCbT+Lt/vlBKwTrAYuab3uAbZt6DmNsKy59AEJ6rmv\nZTE/eimSmTBmA20hdpY1v72ehsFEO2DBD0ZJ0AVeFiCcciOBqjfA+tUJrtiP\nIUGH1VioE4e4r9Tx6zQ7wkjQD422yv9sLcHv/XSnzci7VQZBIrhWeM6YdBw2\nCqVP4ZF4NHIeeoaw8WUq9YWXW8Yqi99YXO6gbT7LjSM58sHUA2f9PZzTubxe\nbGgIhoOv7PBETjs7/S34lFhQUgu09AvvqrvDJP2zcO+5XJXWcvOXb+svHkZs\nYF9zJENGmirZjAOgjYs/u83dVNMJHyzvIU66FyDXJX1JnLXJuie04xAftM7I\nyqYvKe8q/l4bZJLNll8fcqvK1+Sg14faO8PSKCCnMvavQJZoUtxTxXpjBuQi\nVpf0\r\n=JqES\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1635bad405a8d329ac4e844d0a2b5f3bac553113","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/base":"10.0.0-canary.a9ac16b4a.0","@material/feature-targeting":"10.0.0-canary.a9ac16b4a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.a9ac16b4a.0_1611788558603_0.4065441141944677","host":"s3://npm-registry-packages"}},"10.0.0-canary.fec7b42ca.0":{"name":"@material/touch-target","version":"10.0.0-canary.fec7b42ca.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.fec7b42ca.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ae4585ced292492cb9b1a48e168d07b25ccf3d5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.fec7b42ca.0.tgz","fileCount":15,"integrity":"sha512-w5URmpt+yFHgsU0d1k752o1JO8FSw/HxsZGz02n7ilGrnMujSz8jPfc2+LumoRXkCMKFyo7LQoHMw5Cs71xi1Q==","signatures":[{"sig":"MEYCIQDflUFg2Ef6K1R+QgKGwa3iR3BHWzmLAV3g+zxlj2mN0gIhAMB3PYhPIfcDfNDAbck/NNcUEnVZYEsr1Rvi2PmU5u9b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEwzvCRA9TVsSAnZWagAAoigP/2EIX/K8388HnPTs9f2r\nBntpHi7l+nwsMKyTTaACw9xXepSZm6wbf1uWesbQjzuTpF4cEoJUu1B01aiS\nwcrzF7fz6OBXoFKnRgfzjYH3p7zo+/q+hsBbNmftLPAprlkwlTfWNJFdsjLP\nB/KrQsbG5hVLtTnP2MjSjko6b3jCqYlzgwiBWfv2F5dT/G9nepf1PLEPnVA1\ns7RADpFkp+3QczFxS+GcOS2ermF96ZFO3DWTyggIJo97tdveDCWjhKT/4ZUN\nfXlKVpQG10v1nhNKJcFR6KPkuacdOfFS8bsb3sHzSH5DJN5CT0Dr17i9Ur00\nbnFUzz9xXt5t46EvwoV0q3xgZjD2MGP89qi6/ZDBUKEGl/UW9py+s4RzcMlZ\n/fa3prV33hgjVax0fywW/b/Pu3YKySXK0em/7NFCNOSwH8oZejBzbGPpqyxS\n8OQksuYEncQu6lJeUCh5ZVrooyQRx/kUoUnRdEZ4UC7N/GFlHnrLXUk2GjVU\nN5lImUPmx2dCi1YoBwXmvzSZRA7ULfARtcSrDV6SKvq609zTbbJzPOLCiRFd\n+Jgn8ppz2TkVhfkbILyr6bW8VRs+XHfWWS0bO5hpY8t+cHZ2l60VLz9W0Qcc\nZrFKpWUq9HvQYF0rPqMIRVb97XSC5L+M0D1NJvHXhfH2hg7WB+OBZi++9Diq\nZQIe\r\n=w5yT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c05b9618cc2b93ff9a68314dc20c83c691206159","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/base":"10.0.0-canary.fec7b42ca.0","@material/feature-targeting":"10.0.0-canary.fec7b42ca.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.fec7b42ca.0_1611861230689_0.5919610537593023","host":"s3://npm-registry-packages"}},"10.0.0-canary.8e66dbfee.0":{"name":"@material/touch-target","version":"10.0.0-canary.8e66dbfee.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.8e66dbfee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1ed19661767b5fd365be9c730fdcdbb02275855b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.8e66dbfee.0.tgz","fileCount":15,"integrity":"sha512-lr6DmNV15USGEaUd6LSEwrQpnixSrYAlIte5mMlAa62O/LwMdi0l9N4qUFXRZNZe1H9xyMVWx9SO401befRzPw==","signatures":[{"sig":"MEYCIQCtbJCkefPqBkHLKX7901j77gICVv2lRQq1hek3+YwqzwIhALlaeL5kUO9GH4zfSzj9aTgH48Fj5yQUdyK0jqwicYXn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGIyKCRA9TVsSAnZWagAAJP0P/14Y+tbX66M/IKCYgtnk\nURPlJI5fBrv3Uf4h9y12QX4Lhe2PVQjJvdxD4P4pVuNDcoK4yfwlrPdJPZ52\nUl8rSVPgsZZSMtVKJ74D8nOnb2n5CGk598vicTqIYxdZNZYa0ZDON0P/1reD\n+hdlbDMqLiCF9NFJzhPcv1WOqSJYKUpu17n39sAy6ZZLl+6u2HZ4oGPMk6uw\nPiHvJnipqwTweWoKowhvQL9YtcxUQK45qXQ1/2fv7AdU4hvB9Jbpx7aPasXA\nKbZPX9799yaeVPP2te9iNRO06Z1pjegVzuJsMhNXELKsqaT9Z3BJCWF1JQEI\nhdBL6HzVbFSISjC1qqyE8vVulhnDGQP05iKf9ZGTqgdhUzpMEioGOnT30QyY\n+lM008OtMix5Bf4pRW6ytMzmzJjor0BXx07AcmJH0pE/8WhE5xTxX1UNlbpj\nxczudxwsiCCuFu+BahaPuCPctN0Od+9UUh2Gx+5UtfWevEv6lOuZrmh0dxV5\npmchDIF/lfarPjx/CFgHkHeFS4cnzaSR05jGbejiR0M9hj0K4NahebhYxQzk\nzR2VpNh3fZJIxgqNlT0k7+4CJNz3GMyymZThN+AtS9cRJ9AmbhNa3AumtHdm\nIvtstKRsYkV3y0dB7k4guHGyKpaLGiofc9KwKJcvbcSppJ230cE9aaC9cL1Z\naZGN\r\n=vtX4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"63606d4d60d94cbfccb1897812018e02aa13bd18","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/base":"10.0.0-canary.8e66dbfee.0","@material/feature-targeting":"10.0.0-canary.8e66dbfee.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.8e66dbfee.0_1612221577860_0.7146011033774204","host":"s3://npm-registry-packages"}},"10.0.0-canary.637d15da6.0":{"name":"@material/touch-target","version":"10.0.0-canary.637d15da6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.637d15da6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c29c76a2decfa9d1c8255685a53b5eddd4a39b0d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.637d15da6.0.tgz","fileCount":15,"integrity":"sha512-WcrJNXJRYfMatPkzcYaMFRN9OSoZnELlC0+ahfltXfvgpfWohQCZOspNbeGboe3SwmmanKdmOlkwjnF9x5Rqvw==","signatures":[{"sig":"MEUCIC8pyQ6z8vUYrnqLrw7iXyvnJa+MKl9MBMDEOxPZhoXjAiEAxsU6CRZPBu/GWb45tfs8tOqndwQ5VHeiGozGqoh4fGk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGZ5wCRA9TVsSAnZWagAAA0AQAJYP5dQ/ZokocxfuZ+9E\ncne1WMEVjm8Gl9D5jYXipkfGG/5QzI/HNkGlxTU7l070SR6+N561FhIZ7p33\nVnTJPeXTbSUAB4VZ0fuYLOaXRUc7+2pN5qRQo7L+wPe0yU0I4CoaGIR33twW\nTm5T1EmFPvjCGLKfawXF90P8MrumIDoJvmAcAvJdY9LRRfBMHnvq6XeStj3s\nFP1r2qKCWRlzn78+CPx6cZ/KoX3xr1ZUp5c3Fg+vWPi+6XQCnV7S99N9PtGY\n15eDpVY9o6RSu8b5sztpesRBbKX0jDCHTrboMUYY/iE0qbkYtBuk0nSdYlI0\nSTtnQgnWPGkxkAOuK8Xvkwl3YR2GOsRZqY5t+QpAU6brv5LK2eYI1j1sC7+8\njAv8DADUPuuHQ0nVHzB3NaoIEu5UGeuuxCIp9OA+RDSDNr5RuTUWzBEB24Qb\nd6An4hZ2BKo9yZjcs0W673UUtDANiXW3+Kqp3U7UeGpDGHCoc6/pf5M+YWSd\ncHBARNgLO7Ithqsw0lDFeCLq0VF8FhsbXKB785GiK8n8FaeqYjIyMSOFOijL\nk+JIA7+sFTfoDSluB4Ag8n3FjmI6h/n0TXqNBYyD9uUzfoOfyVYRwNMO9D/a\n3y7pSg0z8w6KSsHSS6Cjvxw5oeEgUV+OyBygB+fg9d3AmH9YOrXDiTWs/0Lr\noJKP\r\n=dNX/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"264dfb09f81436a3537d88f2366133e250344864","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/base":"10.0.0-canary.637d15da6.0","@material/feature-targeting":"10.0.0-canary.637d15da6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.637d15da6.0_1612291695619_0.12409704463402971","host":"s3://npm-registry-packages"}},"10.0.0-canary.fb793939e.0":{"name":"@material/touch-target","version":"10.0.0-canary.fb793939e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.fb793939e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d77be9140bd71696872cd626a2969ac31646208","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.fb793939e.0.tgz","fileCount":15,"integrity":"sha512-naHJzlhCo8MmOwEC6kSkCmt65pr851II32mt5wSdQaUh1qaE2bnmyJz2CQHvij1YJR8DyVe35ev+ldjFuQJKNw==","signatures":[{"sig":"MEUCIQCH1KJ277a64R2cOqHlGvRfQpn2m0cL/mvg0MU5ZflsOAIgXKdVFUtVEKnxmh7bYCZBFR/IPhkd2eRam/n2uqwjwOc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGeNDCRA9TVsSAnZWagAATDYQAJiJN7lDYcHwAiZXLgrP\nPAjggZ2JP65rLZWf5msIxZO86NS5FDwdZgOYIr6RbcyrTnuRXGYVj+EJdYcJ\nTw1/sMcii4ej3nnvU26Tn2jAC5Iry8cyFkofyoMQIWLkp0IAEjkSZyjMsV59\n+pOrwekMJzwkPGQvKjzy2DPa6DRlrbCd66LYbJqmAz0Q96pFVtvtX95pCYcl\n2WhfM08mXuaI5CFcSlcK/I71yjiB8FNUlgAzYYpFgD5AlSky44XOouYO4PYj\nL/tI083CWEbPBGBT16LXRRvQboNlO1x3pafjv420NcXNNjNi5ekNpzZFzN2E\nLG0mF8aSpqTZe2jkm9oyHdG3CuVLJwaENOszNs0FX4GzDTCil4kK8s44lBkN\n4HzxXHMoi8rpMlpUU1Nt3eDOZilmVzsfz+txEHCMihXd7szwy1JRM6lpXoHS\nzpuSMCKinidHwT5aCQYKgCA8tCi4cZDZBv0TZ2C09QGvCnAZJBsrPHpAhYLM\nflosL4mCXKN2e4rQHwPtnKo729Qi1o7LzvEtZ/vcgKpMACTgsA086iUunW7l\nJDr65g5ZLlkMlb2cKbXnVwCbNC/zfSY69SsTPUslXgKrfs2ZQkS+NAHtM4QA\nTPPxXcYEUNl9WBq/o72QiWk1pfKkmDPMKC1MUdW3yP76ElgQFhtLF8eI9JoQ\nOnqp\r\n=GAdx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b89489007d2a0c1f3821bd2291e448d44723ac68","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/base":"10.0.0-canary.fb793939e.0","@material/feature-targeting":"10.0.0-canary.fb793939e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.fb793939e.0_1612309315403_0.9762167438396676","host":"s3://npm-registry-packages"}},"10.0.0-canary.15a4d40dd.0":{"name":"@material/touch-target","version":"10.0.0-canary.15a4d40dd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.15a4d40dd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b4e46e65f87a989f9316d33cf63e43ffbef3d93","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.15a4d40dd.0.tgz","fileCount":15,"integrity":"sha512-KinSDaD6zcjtFysc99v0babA7Ak/XTi/P15qwBn1gHCN/2/W1eaEzzOfDAwZLiKjnFjl6hFsvgv67H1AhjtWqA==","signatures":[{"sig":"MEUCIQDaCpCV86oMAXeDkLb5uyZgUo0gweUYvHPTtfRdbcEF8QIgKlYEamERf0Bi59fKs9U9oSNycRMSJl1TCLDWxSnypOA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGgfNCRA9TVsSAnZWagAA3BYP+gPNmWM8TS+3AB9l2xgB\njocp1FhV62yQd73UsrQofpfkg9ycCzB9HTxNIltOP/bvZBiZ8H0Y7I37TMxw\nrwXijbjlKVGKKCkVrFbd+2g9M8oZ2ELXLE4wAVnr4XiFhuwbOzzgcHHepUau\n6NglcCR2XaZFHfZ2sQgaTHr1n5JyYjofSDiH2Qh4Fi9bJLqTCO15HHNAI1vn\n5n6iOLc/tYFmSGmTr/mWDzg5bu0YON2HTZ+oEd6D7TfehnA9om03qxii2qEZ\n0+5YtNM8T49GnV6irrUZSI7RebE2ojNski1p6dK6u0mLGhg6IqXwMhpzYzjz\nDmL2fNxKc6qI04yty/eACor4B83gUvFsAXNs7mg0U/TZ/D3U1rubfP9sd1Nk\nMcsUqWgLh9cT0VVW5otmxy3dERFNp6ioowgPOdvZcy0D5XZURw1PZM2SCl+D\nYgxdxbdXkDT+kHP6bQhcPJnT8NoEjoEF2JpygaUAwa910PuoqyH+YYNOBzM4\nwyI/FvHLkX69Tm4R6akG3gz3GRht82moDvKQapRrxu9YWAEpP2uQbhxB3XTn\nuFmVfXi0LZctFuHOJ17oRijVjPrT2FVRcuDFWmD/J7nSiWXSAs3AW6K7BTCq\n0utbUQNa8qAAu3BGCE7gD1M5IHYJIk3Ofxbmopo7TF7wdagexNH7MnG/ItV4\nWNPq\r\n=ukMx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a6b5f072852f1f101d03fb492c57fc97f7f0ca9e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/base":"10.0.0-canary.15a4d40dd.0","@material/feature-targeting":"10.0.0-canary.15a4d40dd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.15a4d40dd.0_1612318668823_0.7411329786356575","host":"s3://npm-registry-packages"}},"10.0.0-canary.7a003acf0.0":{"name":"@material/touch-target","version":"10.0.0-canary.7a003acf0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.7a003acf0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a9543f9e075a20549790a027a73f5c2412340fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.7a003acf0.0.tgz","fileCount":15,"integrity":"sha512-Zfh1dOettn6ZPd62Fnndc1kAsrK6ZdQRxPoag4WjAs7ASH9Dfuujl4A6FHUeYk6K/N/0M2MuJ5XUth3hh5FvhA==","signatures":[{"sig":"MEQCIGWjP9OpCC+lB7bmSMlQL4jBPXT8iwBOHmfpp6bJADETAiBWXAIpOh9qlofznjwOKvR6ZIurx3++Z2krnh4RPs/FCw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgG1znCRA9TVsSAnZWagAAzxkP/1lE69Lj52wK2/umMhdn\nTEwkEf4KxYmtVQZgk3s4X1eDGfJEcsAPDZu9OlpTl/uoEywT4v+H1CRsCtZM\nbFhRnS9gRSC1YfENUyO9ywVf6oNiKKEWObIoi3bmvlQza7UPXy5/AfOE/i3u\nSmfEZnCi/8ygSSXtuB5iDk+4dYVPTOQsC5RM5jmpukIXxoOSk7Og82n722lv\nVrsFRU4QBpF6sq8kjZCobR8Mvd75DYACOJdUuOgVgznYIwU0kJbXUZuu6+zN\nHSYaLLq12gIppnicb+LesvpkvcQBFeUBuo2Gz/3YdVP32UdszaLezpgJ64ew\nzjz7NhDztNs8/KZfv539Lw5+KLEbFDcAl9E1hbXykiczpccBWacFFZzd4ujn\nu3bBmzjEaAMw7m9RZ2krU548cgUEhhnfWzYVg4RJ50er3iaoDmMJVB1uNYbD\nYTSDQfKEfOgHDFevxK867XsHxojIhGxiqWda6OCR+ND0XgU5FuK4C0Ly1QF8\n0l72YxMpegRHqwhRgR3IMzCA5uIO0Vx0W/PZizz8MIWD7Pnnu9N7wUoYVVvC\nxUsZSZo20KRc7kYtxO4o1CwCc0nIvnnF38mA/93fuq5LuJd620P95IvEGRwS\nqnAnFIhChGWs7H6ncr8BZMxz++Y2p4pjHVfRz4ZiHGP9PUDvlbbFP0Zqjm5+\n4GCR\r\n=dj6x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"50aca8110f6412e14432e118e1f9229dafb02d85","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/base":"10.0.0-canary.7a003acf0.0","@material/feature-targeting":"10.0.0-canary.7a003acf0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.7a003acf0.0_1612405991194_0.6623215789430439","host":"s3://npm-registry-packages"}},"10.0.0-canary.05f249666.0":{"name":"@material/touch-target","version":"10.0.0-canary.05f249666.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.05f249666.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5f013ffa6c449474d702f06f6a3b5351d3188ee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.05f249666.0.tgz","fileCount":15,"integrity":"sha512-vW/DXDzGEtVREy0rN3kPTfxlBcw5rwvwUg5dE72uGWleNtSBEfCVQgws2Y4Vne+apRVwLu3kFsXJTVj2lPlEPQ==","signatures":[{"sig":"MEUCIFFNe4yeiarkYPJwCSqt2WhRgGzJaWc/0oGx4+ZgIgz0AiEA2w6TBrLxczwJ4opjceV0664sPcvZKB72rZl3GLufZjo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHDOfCRA9TVsSAnZWagAAVY0P/Rfg9yv7u7HdkCmLhdzX\n0pvY8NVncEQAcyAr9BD3fekl6X4BcBC9NUYFqOteCTK5WcYio7f8jgTt52qQ\nUY/FX03uqDcoccDSL0MiaiPsrqqPw/fuhNBSwVFL3ERO87P4bLzTjSpfPXrv\nNq03dbgWv4rPUYBDICw9rhTlxn3BMuLdAIXhSUFauNpQ6NmGPO5kpuMjyCGx\nK/WVralQz0DkHbCLaxdgM+K0qvJOKRByREhuMuQs1GxxtUgpKAR4x6yZUTiN\nbtBIfk5AVnO/ytkbIRv45oZXjviqcYZLFzE3YiScHl8mlaMSEF5fXUr7TTkf\nFLkBbueljKKc38lsM96RxVz6/BYJIci8AS6X8usQNTQN4m+G4epSvl0VJDnY\n8wfw8g1+zFeXt2mSrvpZ+LnMJPeI2GdkrHQ0xCIIJGrIDQsIHjcim3vppXpF\n+gDKuRQIHvzUQ00arN7rxndSXc7IcX7qdOZ3avjiuF2P12N4QEltbt4KDK/V\nqMQwPjnRAQcC6FGly8V8SQMSCDdDCG0FfI8982/lq37BDcs3WXjR/C+0vDgt\nBv9Ofv8naVJ/LL5InCN/9cjpNTEnNcp/lf+m3cwZtB/4iAfYNWDAA8N1P+dh\nTuXor/FKDZGA3giPLxwmMY7GoX3g4lyXGqnN9RDk5ehGS4/o7lFH7z517n2f\nuuCt\r\n=haaM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6f1fffc7e905a3d49f007f288c26a4b5ea11dfd0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"10.0.0-canary.05f249666.0","@material/feature-targeting":"10.0.0-canary.05f249666.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.05f249666.0_1612460959058_0.5150061849485481","host":"s3://npm-registry-packages"}},"10.0.0-canary.1a3a39629.0":{"name":"@material/touch-target","version":"10.0.0-canary.1a3a39629.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.1a3a39629.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f6be558a4d487cbc1bc2204ecf82372a1570b378","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.1a3a39629.0.tgz","fileCount":15,"integrity":"sha512-ddtDSqu+RctgRXFNgQ23elzQMf8WoqGTBMvoQMwrL15HGks8GI2R7w1fOxEARfx+FP/Da2CPjvhnY0vu7yJzdA==","signatures":[{"sig":"MEUCIQDKNbE+c9dr9Eavm+cBUq3gFKsvktH/Ktdz+dvLrRRSoAIgUTQVoDf0AfOGc5NPGFKlwJYFHpEbDRYefT27vCfSqv0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHEAOCRA9TVsSAnZWagAAn+EQAJCuIKej4ax89yKfOTbm\ni8wTMagaH6A1u1mhNrFiCLp+UAv4qRlSuzSaCyPcTflUB7f49qHmu78Uz+IU\nUM7+iyAhxApCFrV+voIfyn84bR5zWGS9es0BQivZUfFPLNeHlQlxOVuDkrUW\nDIFwELg4d9YfC7AfwNHjnipksVn4Q+F8abbTmNLFTr18eMTb2GDwX5Ez/7UF\nnUJm1sfgJAZZSpvYCkirbubgxuRoPJWFW1RAQp9jmOFcuQ0lhUGV8YbT8nMD\nzSgX7w2V4epXkNpflrHGdEvqA/z5N/EKGL9Fsn28dPjSYx/24uM5H4QiylkT\n6r6qE3PKz8mZea9KvxR85Pnc1LvCBq9Cp8z3rafgGNgDINioRhlMRfgwfaQG\nlRTuuKkz797CBDOcC87dP0Py7FUq8fZ9gSUk964ufZpFeh8BXypRsBjrfQNP\nrPjLdytiW/PVwyUDr9fLBWOeKKPQ4EBpeJcZrxIWsCQCQhVarMTpnNqrVD4E\nrR+6gT2z3vg4UDA91njA5Ik7Z/iJK2qi872zsevJ/+BUzSPFus6jLN2nthoJ\nlFSsiwNLT9vjX6E9ALHekjCmGfulwAd7Of/GPN2CoVXIlP8VDzcbMaJUjPsG\n8AO/PYOAQlzSmFH2TKATHzw31XkJCDVX8bgNBjwYNUWcIhCtuZ/zwUuV4j3Q\nMTwy\r\n=C1f8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"87d65275f85db5a2c4e630df10d231afaba36449","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"10.0.0-canary.1a3a39629.0","@material/feature-targeting":"10.0.0-canary.1a3a39629.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.1a3a39629.0_1612464141503_0.30375760265473195","host":"s3://npm-registry-packages"}},"10.0.0-canary.8b1cdb1be.0":{"name":"@material/touch-target","version":"10.0.0-canary.8b1cdb1be.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.8b1cdb1be.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fbfbb773b71c1dbecc5dada1d1bafbe5e89e288d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.8b1cdb1be.0.tgz","fileCount":15,"integrity":"sha512-318N+NWnGswsUYaePJ39Qpk0eRwq/oviPqVb8rlRHJkhN5SAH76qchPQSixc46Y11a4NGa/SGaOOA5a6dfSipg==","signatures":[{"sig":"MEUCIQD+kPGFVzWGqeb6girONjFkt4wt6D9K/WypTBq6BWsshgIgJBXNIn98EfBixat8kv5Yj/ZD4m56bk6e8uWmbF+k6nY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHHZRCRA9TVsSAnZWagAA+EgP/jJMJ8BPP9iwlgOniz8t\nZyFJivbidIO2I+bnMv9NYzZ3vhWJIuG1uXVcAAtRnsv9hGaI3Bl5kAX/rESQ\nFTuuSNu1+Rk61hUI3IjnMrvcwbl+XmUMZayyKxhbyAdzdBvMyKPHItsQ8VhI\nF7CWF+naaqrjNhZ6t2qhkhBUe5Sw9gW7/V3elaJs4n3J4vOS9Ev4NlVwhQR2\nqwdBQdvyF3LNXbIn5dmxHx7dx2jI1laFLua7Ccj8Z5F1HrDzyhVyQOAbNY55\nuhCL/UE1xQA5/sHuc+l7neRDyO9qFhfYGkKLv2z3ablsfUFSNJ/bTcJh0N8z\nHfo1BCfJTfbSGgKqyQFCRU6Kkg4sAt8URqDSbnf4wBli5/ZMX/YXeSoAaelI\ng5F7/XylFdCszIeH5NOrZ1i+SijKqp0Yl+DSqdyQBK7R6L/AT0m1FxRL3yoP\nIqBVA48P/5JGP2mJfYaexmF2fxRiI5WvwEvp3Sdic3+xvRdK/P4cuIv9syBY\nYKylP2Doq+Bd0CeZsi8joPnQICCcV0JKvtYD0HInexuEy7ZOhbCts/Hqbgzf\nO41cIWk2in5qdN5iFRu8wi+WG+rAjQDST4gUmaW5OZIylLdaccqBQ7qC4CqA\nKdAFlBfSb6AvdfJ58Dv7FBKloXxAeCNp/uUUgpTDtsd3TPYwo40ghArpA2Nn\nJ8FN\r\n=uoQo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"73f8ad23c72c2fe32bd1a9e5e102b6aca8ce21d1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"10.0.0-canary.8b1cdb1be.0","@material/feature-targeting":"10.0.0-canary.8b1cdb1be.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.8b1cdb1be.0_1612478032950_0.3459915850235964","host":"s3://npm-registry-packages"}},"10.0.0-canary.8271f00f7.0":{"name":"@material/touch-target","version":"10.0.0-canary.8271f00f7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.8271f00f7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b089c15691e494827a94f0db13d799894e741bf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.8271f00f7.0.tgz","fileCount":15,"integrity":"sha512-l61493Grxh16p+r2UKZ24QsLjgeuttVPZYLYj7y1uvvAvLAT4uEuox5hdR+jePQGtEc1rZBQLGnvcqZzIaY8ag==","signatures":[{"sig":"MEUCIQDru+pBGbt8+AXO0xgV188ehGd0m9agkqYBY6mOoCA+xgIgSrfSVglDsbBts1Q8P4jnnehjwoAO9kXkIVlurrLR2FI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHHxnCRA9TVsSAnZWagAASvAP+wZx82LnQmZhv8fjJ/jB\n9xfJZbVdv4yHSrRPULPNxxPh1dMpCVz3oXdqsQacpe4tgHz+axLzUsP4dLZq\nWRo0QeYP/UcnIqqV/7ZRJoPpjiwPjMFEmSyLPo+soj9Q4Kv4rmlf8rH7F89W\njZbXEou7jlUHfBFutjGBGFZ/X/ebvvApgD5L6ijFOfpytHnMP6eXkreq88Zu\nV/zBsQQOy0cm+KbSxE8v3amnRP9hfQuLY4oG63yh1ze9OkoOElRpwoDrh+c1\nE0u7VMGZQKN1b66hZx8ZZP7vtivX8AEvzsV/N1b649PT1ZWDhMN0aIvEG6QY\nf4POzN64Pa7zV4u4ZYI2tEdgDbyzHevhLV2PCfv/JouEflH35TciqcPm9MVf\n46dEAyeGgKuaeDtzSI2ckrA3Np6cYDt6bPQAhiN00JNC8Jd2El/G8t5A8Eql\nLSbVR697o21ivuxtmRyfC8mPH3PUPCjq2iuwkwJkWYb+1BbgyixIm+oLN8kv\n0a4Rd63VN6TRNsVd5AXgh4w3E/9z+cPh8bWIuzyxr05VTSo7jsd9yM111l0i\nK9X1xS7yGvQeSHAfN/kTgnXSUnH2o3xrqUkXWg2PHBAkjRIjHxz2rVtENev2\nXTHVpiujYE6xM3NMspl5Lf8g4Es0CpJPyO/bpeDEXzytwStuwSz3wKxPryOz\nN90z\r\n=MMrf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e210c5292564fea23c9cedf08acd2b8ecf86e94d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"10.0.0-canary.8271f00f7.0","@material/feature-targeting":"10.0.0-canary.8271f00f7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.8271f00f7.0_1612479591234_0.6307105381397506","host":"s3://npm-registry-packages"}},"10.0.0-canary.533092a90.0":{"name":"@material/touch-target","version":"10.0.0-canary.533092a90.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0-canary.533092a90.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a9e95d9c6558ab0712d557925024ec8162af823","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0-canary.533092a90.0.tgz","fileCount":15,"integrity":"sha512-KN3X2CfMa5e2/EaWiQHEvNE8tZOEXP98qc6cHeZN0HTG22e1p9gUrLi/FrzrBSr9lwlrrCpjfTdX8VEH0IKndw==","signatures":[{"sig":"MEQCIGdxZMZQnOHjRgB/tAc6FdkeiI8wForAVaNPgkfSc4atAiBCOSISnitvsem2+EHbGjdVU/hp2FVInTHo4/UwMo0DLg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHL96CRA9TVsSAnZWagAAbiYP/397cPchimA5K6EDUXsf\nxG8gB885e8ccCySXU0SXQ28Q/X/gW9WmtUnefkT2FkOZWGyKoU2xkNI0q9EH\n2biSRYhTNJtObZ1wB5G0CMOw7gO8mV7IMnrzb32lHmpDKp3n6XhwvwPEwVf2\nHWypCOXQOObCge+CKTZKr5RUfGUfkm9vul/KepW+6Apc7Tx5FM0j/f/VIGEZ\nURdekYFSED8LOw88lzfDUyXvm5elNoINKvGloC5sluy3iNxE5XJjzP8LyYb7\n66wxbKhceBbKxqYMnvNQyqkgIFtf+He71mS0buwAjIRTu49MsZTAhUQUenGD\naTSknW1d5HwY46t8qL/Hyx3eTPuPDV+97e9gmMIOhyeWZDPLxguaMXApZX8g\nK0AWCZGPhTZ2v+1G/Up3nhXSa+2DGvboWc5dDuUu5/yAsdnQljmjJsNYgzAO\n+sgnDWUn2DqkPH0QXMj8WlQ20gdMNjzTbjbCqp2H3Y46PCCfu/KsXMCCz/J+\nQ5mBMiLqx5xg8aczs2uryO/e32Up3fXV/63PpsdRRfSO3w5fEhtCqa8hn1NX\neiAD5JwSnI9DyGsCv7Rcg6QzpnXmWW4uVVaKl7aJdR+RluulTkbF6ZxZppxe\ntM08RB7Ryr26gdGaEtZlO2Xx6OpQ9Zh/9pMvlJUOl+eClZIsvVGGsDHQvEX2\nVVdf\r\n=VoKB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1f76aa244e85ddde7348716259e771c739c09f23","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"10.0.0-canary.533092a90.0","@material/feature-targeting":"10.0.0-canary.533092a90.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0-canary.533092a90.0_1612496762524_0.3837762214924474","host":"s3://npm-registry-packages"}},"11.0.0-canary.633a9fc7a.0":{"name":"@material/touch-target","version":"11.0.0-canary.633a9fc7a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.633a9fc7a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"edf76056da4971d9d2429c7558af3a37bebc62d0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.633a9fc7a.0.tgz","fileCount":15,"integrity":"sha512-vJ98vIcNXoGViiLhLNYO3b4gk/b8bkCmYCRqZ/lSG8eYTLma4a9elkmrN40QcWt1tMF9mXHyVmcWZENIfq2VFA==","signatures":[{"sig":"MEUCIBn212MV8TpjxNHW5cfKxIptMKMTNWAo0dCjnrpi0TptAiEA6MB3CcqZg8RLysj698DKhdWiWLB4cZZy6JqRcZu05cU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHW9hCRA9TVsSAnZWagAA6rsP/iZxBaFuUns39IWnm3QO\njP90/ON81T23PN0+lvGkRjxiP9HoCM5HUw222GmmMoelkG8KdSZJI+MwhoIo\n0sn7nK/cVjbAxAeQ/QbKDk5nfKeYWIayUnujMMwp7UKFQSv3fGxIjqtBgEBd\nHqsNY0j8JWyL7J2Pdts0BcCUyPS/x4DXMDYJHZ+CwdMAs233pXwV1iwFfGk6\no2+YzjwZREYUKKv4IHdJoB1lG2GTo4Uvf9KzVLJH9GLADOC6t7jyKn9yWp4/\nzxw/5hSU+DtMZaUIfKhv8i0c+G5jP1zaqH5iU/CQhF1DfkdF23fnskp21+SN\nP0ao9r7MgOFj99lY/skZfhUnluCe4QVdLhgSb6UfgYLvLpgP/dqcT7o6l8RY\nkBxLE/7csAonBonJM1Q4gOG2lGk5YeNBhldfcW9RzgGMJ8qUpyODBuK6mYz2\n/t8VhsBi12mYZwR+BPNYtS7skhAAv+CRcHgFyf1NH3aQG6DA7OcS0nit1vsL\nLnmx3np5G4qNIBKzTyOKTuTaLwf9L8WUXlLGaiH5MJXRf0jbJiccrvX+gJly\n3jUeLs4ZMJye/vuoW3+RSo40HuD719xG/oTuuYWTDLTElHQNcGvTBYFws1vH\nfjU0CqiVwmgbNBgmc7LyoiRMF5ixtKo0ZMsSY8YbFM+QVYnDcLWkkI4aRda4\nHdMm\r\n=jv1u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9fe28e8829bc50c384861e340d551c0718dac053","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.633a9fc7a.0","@material/feature-targeting":"11.0.0-canary.633a9fc7a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.633a9fc7a.0_1612541793163_0.1698401967920169","host":"s3://npm-registry-packages"}},"10.0.0":{"name":"@material/touch-target","version":"10.0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@10.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a7bcb00d54616b0e18544363f2cad9077fc4c12","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-10.0.0.tgz","fileCount":14,"integrity":"sha512-uDWxktK/CODyNNyvXwzTFXcxqujQrVX3LoIsOXu87Z0fq4n2u74WlemJoniMbVKdsKsiJWcZ1uvrvhSeOdNQ2Q==","signatures":[{"sig":"MEYCIQCksowaE2AgqdR9SwJcnWgNPikOXE/ot0bazdPnPD1DlAIhAJtvFt9vwgS7n1pXtHQ0YBRUcLCiOD4KUpb1sMmksSJi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15006,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHW+0CRA9TVsSAnZWagAAXQ4P/3CXz6b9Qix8nb7LlT7Q\n0h0y68BoPdSuZiTbgTOK8iXPoOC2sivukt773bYatsS/22EOEZwiu+KNmrAS\nPFwoS5VigMjLTskR58gONbKFozjWjOb6N7lO9JP23GHgpfbkoNyHSgNyeVjg\ntjpt5IjlvrT5B93gmqqhxb+KsMv8c4L/va2szTtuaPyF9xputQv1g/JWUlSv\n23Tex2lyD4q8z1eSvVjIuP3Vuo7pP0iwvlPUpORUA/47RZbTB1AvvAssp44H\nSm+IqklgJccnB8wLfI72cCgwvgzXUjINzyImgp9722xrTyiYhv8vDkD1DIL3\narThcS66bfNg9E/YqY/FHHDNoPb4fbNGh9GBhRpac1mcHm91Us3r/ZOIspez\ngUTg8+27vocpNdd2dSw32afdp5ndNI0EvTG898kqUno0JfMoskYVuQIh1hzK\n5YvLhE+FAwZByuiAEsNShvC4s6czMYIrvFhiCyadGX+7L7BcwmXqQ/+ule9D\nKMcg2fD90hLlsSAL2JKPSAvF7wnhZOHera7OVaS0nvmXXjlu75bFPxdg/Aul\nLtkrzHTUDJzTz4m/ikFHEY1aIfEEaMnyaO5MaZHxozFOsZStylt1+b3oFsjT\nh/fBFp12tv9NkR9v3dZGB8X9+8P/8V7gCj3b3sJYTbJ2gWcwjK6LznSXITj3\n415k\r\n=OF98\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"633a9fc7a98d0d9bdc177bc9ccbd49beb25bd5b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"^10.0.0","@material/feature-targeting":"^10.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_10.0.0_1612541876060_0.45280249754924595","host":"s3://npm-registry-packages"}},"11.0.0-canary.b5227247d.0":{"name":"@material/touch-target","version":"11.0.0-canary.b5227247d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.b5227247d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f2e6c459cbda5317c65c7eb5f37fdb71dc65a86","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.b5227247d.0.tgz","fileCount":15,"integrity":"sha512-zpj32slo2FHjI5Y9W+i37j4xOs8QtFKamT7PNK+6+fDcGh3RhBUa/HZ7njEWOG9h9lo3x/lBt4P1NALRDtOKnA==","signatures":[{"sig":"MEUCIGBe57YZ9CXD50F+GsmTJbCmycNiZPxbwnZiQdHYZp6bAiEAnNjA2xyRiWlwyuLKoJ7/1nvLXtBblHJpvup8zLQeKhc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHYM4CRA9TVsSAnZWagAA9jAP/2rCOU05gFdEm3xDA0Ks\nYOCEk35qoJIZllp0ptOqONkGd3b4OjrSl7cNB3vpZr34I6ZVkoGbPbQotMsS\nvr7VXpAxAQPRlswkXu4akU/sCaUZG99Rd8tA4VR0TCNSqP8RV/z36bmuDNhr\nngfVRkv3e595APPRFmPhMR/Tb72wPPTLUHjiQ7Ysby4JFlcFVWP4oIgWMXld\nNRqUWkWTlXTyOLD4usp6KGVIPi24S9BfsFIN1U5a+41GIyBcroeRjEC0ypqg\nRyDdO7B5ZZqEhCylh2ugkIDVPA2M8hjwL+J0UwdwIE+pphZNRF3s92FzNs/y\nNdfyiQ9AmKHC+ruYxFIg3Npz4l+iTXCtzMQQpLkKZXhfvTetuUkzTbqHlm0Q\nPFRzOPg/diD3hkmB3da0UP/njv4NJ8KXLbIbEkdCN+diT32MavEwY8CDH1vr\nax/C24qmJl4F4RcaU9k+cQBgHqfnLNb9zL6TeKTorPkVwzapDYQJxYTq1zpg\noCqT0NxqwjEgEo7+iWdnoYSJdPRGuKhR9UCey3QBPN6gBm32zYxfq5cL6YIG\nvSGe7xJcFp2xM0T9Q37WIZylIeDpptNAGXqz52fXtx9roQiEHOa4GAkaGxoY\nWAsCOu9qgzP0rIVroSNuqK+pqDP/nrMRN/PHhQc0TrnFOofVvL0xFKl9gjRd\nPQvK\r\n=5kHo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6f733c52a8cabe9fdd3ba4c35cb19e5526d8b312","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.b5227247d.0","@material/feature-targeting":"11.0.0-canary.b5227247d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.b5227247d.0_1612546871800_0.6497908113389959","host":"s3://npm-registry-packages"}},"11.0.0-canary.95322b11e.0":{"name":"@material/touch-target","version":"11.0.0-canary.95322b11e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.95322b11e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8da3fe90277a4ea802f9f54c348afda2c8fc7491","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.95322b11e.0.tgz","fileCount":15,"integrity":"sha512-tWnJ67T/WGtpCAiHXjfuud3ckVWgSFpb8OprI8QpPvUv4lQvcd0DjIy/NdRtyF9TVj7fpJBrahjBbe9jbyRiXg==","signatures":[{"sig":"MEUCIQDuwK0DBWPmFsLkXoKDEHaPM7NwAPnMsRWGBNHoUrj2HgIgQwcOyoDCMZpNuicG/ye+o78F1JszJxnnP8JfyZHw1rQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHdUvCRA9TVsSAnZWagAAhsMP/ROTdaHiH963WBd8wHDl\nKOpaHPEjJfHlg3eZGQuiizc7/9/+eVhrEFHxyWBa6jkhxRsr0FW94gjA+nB4\ncE8TJD/eKWQ0N9eyqNl6JUZOch4Rapl8Pj5TK8f8Kmqvuw5qefHa2cODvFFo\nZL+dL7cnK4zleyoJ2fTmfq5iQZ4NOfBySIjyYhyNMNJ9gAwsnqlrKqrR+10i\ng8n8rGBPmsHR2Ps6u8r6JsmzXl8s0Xy0ZHvQ9xXiOLUsKMUSgsYkq7igg1hD\nInmJ2Ig40fn/XAUnBHvQsYv5wL44yf7WOpmBBobV1duBsCrjAL1PbCXu9WqW\neI1vcbB+OuwSQFNFwuNrZty38L/r5HlC6UpI5SA4W9FZ4nfX1eYXW6XZnKpp\neIzLZbfrKWddeUqoxzShyPslsBxno9Cg63uTtEtKmyWYicTZ8BbfUTaP0RdQ\nqeu/b+aq6G5gZiDJlaeVLlb1XyL+L0Nm0EGAB1NxrjsKiap3yq/jroqc+dRh\nTJMaea/1+O5zBeIZlW+EAZEypCh6IhXR60VReLeYw5HtClntsppG4+nr6jms\n5w4Hsfi8KVGDzYmUJppkAg+iMyZZ63kyrDxVBMbQPrco/y0Uh0PebNBteGzq\nQkiJpUtI1LmJxT3MeQHWslI+BrK8YycxAssfqMYqYYycijS9o9Mel2dDMBXv\nOcvr\r\n=YeZa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"96cbc49ea4bd39eb1c275fdae68b6bae32b59ad9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.95322b11e.0","@material/feature-targeting":"11.0.0-canary.95322b11e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.95322b11e.0_1612567855006_0.570047493875151","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f318ff0f.0":{"name":"@material/touch-target","version":"11.0.0-canary.1f318ff0f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.1f318ff0f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"115c6bedf4b878d36baf17a88197112439fd3df0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.1f318ff0f.0.tgz","fileCount":15,"integrity":"sha512-nGSKQGbwcvzeBkEWCbBQWPCHxtNXIvi9ACIpgqJomdlCkl73ydOAsuPK3Kq6N/ppSc6ti2VxFv149EuTGMX91g==","signatures":[{"sig":"MEQCIQD96FUBbxmmP7MlNFUgsV3kexK8RQx4g9l+BuQEipfEFQIffW6IlUl2AZgUlbxpYupXE2XdTM40f5vgBcjsOzIcaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHdz2CRA9TVsSAnZWagAA3l4QAJoeKkNmAw609UHVECS/\nsQaiNefY5HOgv6TYgsq7kRCmPm04/TRX9yCo3xFCDt7Ju5EaW8B9p9cZPnhX\nB2cbzHoGvEIaI1XJFTWUYw+/ZmwJxFTf7lsJreTm/OnSkH7DGG0kTIyKv7D2\naAyCiTobVcxfjrA2rjC15vOM8lRKLIl62pDdpmVGrf98unjRonUk6aV7OUiV\nunCDRKIl5mSzMT2uYdqWedHwWAGsc7luICKS5FAxdbad9zxuTKj2NAn2Xjx6\n/UKk4CnyGT2HT6sb7CdKrkiU+mfUVx8P2fCJDTRrs76SSZgcgp5/4+cx0Vo/\nCt88JDSS9dyff8EePBujwk3MUhwfEuU3C0/vV0dtuuecxucbCaCnrN2Bqlih\nwP3vuxP83BuPmer3UKAyQS9kBOJIg27Ez1tzPFJkKL02sF6VgTDoeoD8dfm9\nkPb6x6gh1P27xUzfVIqUQuuR45FGFgzej9eVnr2ZZaCZqg+N6aHeFOinbl9H\nnpXzn+wh+dykHvPH+nfF59f2VM1+aMkEM//IJVhpYz1WDcsZWNKkNJNJdsS6\n0VrxPFCcNo9mUUiC4kkx9hk3yIstjbuv67DwVUt+7t5bX8hsFHfoWAGnAq1F\n6AqTZb5Ttvsc/rhzdgpydrObUCg80dEkOS2CBvMU7YD7ELikuB6C9KkOLCDE\ncMWz\r\n=/RkD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fbdc53421d5701ba23a43e18a010bebd179dbae0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.1f318ff0f.0","@material/feature-targeting":"11.0.0-canary.1f318ff0f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.1f318ff0f.0_1612569846576_0.47442478291101264","host":"s3://npm-registry-packages"}},"11.0.0-canary.ab12cf7a3.0":{"name":"@material/touch-target","version":"11.0.0-canary.ab12cf7a3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.ab12cf7a3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f30251145589ae41a9d3b19eb2c3362b6f1cf70","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.ab12cf7a3.0.tgz","fileCount":15,"integrity":"sha512-vTZpB2C14q7tllwWezs7hgyPe0easKFkwbWFnNrpjcBF91OnqzR48TLaZnOHeWINuOOsLcnvPjwktLdPjh6uew==","signatures":[{"sig":"MEUCIHI9f+EAWx4fSMHz7UyYGZ/Dda/JWrVzR+HVWAuGeEdjAiEApjk5zOgyKIApXN6pc0+mHEGbMR5lKfOhp6Hu5/Yznqw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIVKBCRA9TVsSAnZWagAAKbwQAI800TkyCiyrnsDasF6s\n2GcxxhOVnOEubCrf+xfk2YGfhXlW3ITDRjH0QOX+rFuHLoD92lC5LS2ByM2x\nBTijQ5UAT0Fe0UZdfSShs5XAAN0bW3HhIqOMhYr2p4PkhohTHgxu4sKg1tmH\n2PO3MCHg1vpo0CGH/HEMLO3vewwCl70WasCYJ23DS/Ci+nmEJInpPe8SMUI/\nUjalRs0iEHiIv9ekV7mMSYwWdtAfNYENdX3u1pMspkRYhGFsCChrHLVGWn8+\nqLHgGF+8q9E6BhLTC/65iE/h3AMlnAD6z73ErID3TBMrja/i8f2nfq8P7pm4\n16kWOAk7+a0zINe9NA48JNzt3IkhbfXCFEkVC8junErMHSdYfMaEb/yPUcj6\nbSfgqEjDI5Lk3643oGDjG032qlA/UHLg/ZxdqcLUtORJ2DA7gsdjUBDE24cu\nmES6BgWqMgcjX0IIvVtm/I9X55VTeagsXgaJaqlgrhBiXrj3EjSHuuQZU6Ki\n3/I/IMKIG7jLwTxUkKcI7SXTdtc0H+bFbMtrhfXo6m+JTK4GqqH6/Y3TEx7O\nmO40RonTDvoxbdAiPcUSJDrqd6V8ELLEds1J2Vw2n9yR+qo+d5a9NJVw9vcV\nmckm1dQ03fWuusBP/Wul9+nZyl0Dhenu3PYoxzMWi+GwBuCK+wNG+FKfkr7S\nwlEE\r\n=ti8a\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b1cf52745607ed664e2dca58a230a3b3849aa273","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.ab12cf7a3.0","@material/feature-targeting":"11.0.0-canary.ab12cf7a3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.ab12cf7a3.0_1612796545258_0.7100844388228371","host":"s3://npm-registry-packages"}},"11.0.0-canary.98db2c5ec.0":{"name":"@material/touch-target","version":"11.0.0-canary.98db2c5ec.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.98db2c5ec.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"12f2bb036df711bd75c774307c445f2a56033a94","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.98db2c5ec.0.tgz","fileCount":15,"integrity":"sha512-nH/e4U9taDv5t24nXxBE3y9RfPpYdbh8NZMpVfaYiAsH/qVNOPWKVDpCT0rf6gdQRYNj5tu5DZMrPRH5wjmXtA==","signatures":[{"sig":"MEQCIG6F+eZsOcXpOyFboSUbDYRDWXzl0HToDcCExt0yzDGKAiAHsH/qd8/XrBytu9ueOBEX86rW0bnffMyHwGeusYkYYA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIVm7CRA9TVsSAnZWagAAtaQP/RulymeJ/7L8uEzAidwD\n/yP7NZrBhc+x/tNIa1OidQZ2rPZUVB3BITGrRa/0nBXWyyZyMwcufN0WKt8P\nU9RVtWtnSnV1u64X/C2/suVmtm2jpaeIRi8fj+ddlJzA82RhNSPh4SWCsumv\nQRQZnwSwJ822v6Rs4F5VKLqV8uUFz0rNnslAG5zoPaA5a1IjCZAsQIIbsn92\nESNqNfgDRbX5PPkfIuz1lYiSaC1qg5Gs7Yp5DgVEYILxaW+jiqPuA6EeKzH8\nVLO8Uq0fxRvVl+txpvzWjmG+dlUJ9dKUwJcshOshJnbxiRfuoWVM583wtmo6\nF0qgNjxzSuFkeAaWAd5bTIczZ+Jn5ERMO9r1caiHQngM1Pz3r2mXC4P1dosx\nW8CV0yQciC826+wO14yx1MYqMQs/rUJGlSmDl0GH6F01wUcNuz9aQmVX2iFZ\nC++KLvI8ki1sm1PINx1KTHe0yqDyivNsjLb63cfCqDZ1L3lWFY8428G5u30s\nxq9mapvkR4csFUd/IzxQWBE1CZyJD+Q+59Vw7w/u1K0NekuasunIDHsYSw8t\nLXVXQ0HN8ClGw6XvMbjFa5XWOyssTqY/FhPwFbogNJ4XsLkSFe0LDhKM8xYy\nit0HDxodBydKCXen363Zx6JUBr7J59IKeahNHGt8zJ6HIzGEsMqQnsrtRTVz\nJxZI\r\n=xTZq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cc1b9da2cd7b871fe0f5c8370793e0ad9b1a5f1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.98db2c5ec.0","@material/feature-targeting":"11.0.0-canary.98db2c5ec.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.98db2c5ec.0_1612798394656_0.2659145324016394","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f86b9f6d.0":{"name":"@material/touch-target","version":"11.0.0-canary.1f86b9f6d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.1f86b9f6d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7aa31169982a212d9b9763021bb31ace9f05bdc5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.1f86b9f6d.0.tgz","fileCount":15,"integrity":"sha512-UBnKqGAgmIq0/0cZCLw6Tmm/HZfjWUpP1lvL15nTqeeS/OLqsIJ4hkfgiIdBFwbHX0wekXx2ft3Vkjt5kHayeQ==","signatures":[{"sig":"MEQCIHAtb0ESj2uFFcZWxgWTvnVqe402WaoW7BNOsud+zhWsAiA51pbj6B8F/jOmMb4clgAFF5A92Xw/EfkzyzjStrmWtA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIXHrCRA9TVsSAnZWagAAA9wP/2aU4Wjv0EaKUjH/gYrt\n1fke6tR8PlGpx2Exr8QjBJxz+5bGHh7UPM6JvKHrX9PkIJOiFp2N1RXpjUfZ\nFT2jgCNT8pOBvJMfsuAlWLfU9quwrU/HRwFYZi2HfjcNl9GL5fLsZdyuVoBn\nZ8eFMcR6DPYWt9AfIqrpVZ/92ut6GUiEDaJSfEi6P0O5TAlg7FCJvC44cHZm\nAc+PC4vIzkc2JJSqoWfPgqOxSbyvwH3ecyyTYP1lB5TJqYiwgZXxY7KOgdHR\n1ao+pVLDKAvKUMYac7GHIS0T0ubFmLqNBhSJKAhIAtPXszllLiD8NERcmZ6r\nxpDWeP5XhubHAQXcCPe21y5OoEoLONK3PeYeAbjS8VL9ym40dZvB6nazrH1M\nDL9qZ83A611w+6/aBcDGHPyk8nRAmZYQr8G/T9+MPLzjJFmtVAfziagV1W6o\nLqVTpeJvSmjopTw6TwfK5kw93ILlZHOVIGfX5fvAi+5ABGou37kbThlaP9PW\nTthiQVWURQJTt54S3v1roTN0Yn8ex2cBwEQ3vJfOTnvY3DnRskfp4SbwBhEz\n0v5SV9nyRdOwgHrbFUsjMohzhI4bTF9o84SvSf6tfJGQQFgPhRWFqNb5gcGj\nYOy0aH3vktFbK65e/5la89S0cUP3ZeaP080fhBLy4V+WyZHPaLbwHwrEvwsg\nsM9R\r\n=WknP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"aff88a7d3786743558ecb0dabd92c225698d2b93","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.1f86b9f6d.0","@material/feature-targeting":"11.0.0-canary.1f86b9f6d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.1f86b9f6d.0_1612804586647_0.09345422497173783","host":"s3://npm-registry-packages"}},"11.0.0-canary.aac8f5d9a.0":{"name":"@material/touch-target","version":"11.0.0-canary.aac8f5d9a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.aac8f5d9a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e8029cbae969189be48a257427fa4c4c8850b20","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.aac8f5d9a.0.tgz","fileCount":15,"integrity":"sha512-em55YS9Mgsg5WOOW+FE4YunQ8koiPwPj0NbZYPnYfoZLFNBTwdMxr2/IlVoQBPX7PJJSaBymOmTQScKvLItGdA==","signatures":[{"sig":"MEUCIQDl0PrG7tAV9ywVM6IpAY3SGsoxJdSn4bhnRQOytUiCPgIgSu8lPJXeUEqQC5ZkIDFHnNsoBwgWZ7U6gLKOtZJazb0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIXwCCRA9TVsSAnZWagAAq2cP/jX0RynWrWtydV0/lHDG\n4ByrWw3fmgxps8YXmi3rLCgIJzVqOAVUru9sD6fOuoOLBWXj/Fx05M6hlGdb\n/sAnlLhBD/qUA6WR2KlNHmp6+VLUfSYRJKtkVxLv5QGqqlaMcHv15x23Nzew\nvoKvLVc3z4kxeV+pvnvKXrHzzrn5nWDY+Iwc1GvxgSLU/bEG8RzPSd73jdXb\nLpewin+7kWvKfGDTRKUqh5clIphfFpAXjssn1DEnrktcSKfhQTauvkQjQxQs\nSWl4yfSAiTq5RnYn1x1Jb/yG9VaqUotJkPnjwH+gxHqUwreRKpjS978xUdx6\nMJw/iWp83GZbPNl9Yi9if6B0BLE9ihHRoikO0DgY1u9gJpfa3VzboSf60xST\nQbwsBizuRoHyKqFfyzc0HOqY96HdTmBZeWzxN3taCstQSFodobFEAntQUmSv\nEqHHwqQwEENPs3nFHRwVHwr/stIA6spV7l3pQjnFgSavffO/5Z7H1djFMUqC\nOq59C49qELZUtpoCAShw/i4XqgYSh4dj0SRmDz33RKtYTJ5LJ6tkET7ee2nF\n4SqG+yzH9RFCJaIdzDr2Omtr+XvdfNdVHG0wIPh3iXTVYpubjPrilD4BWsvw\n6U6V1oqk68/S2GAEqjSojzqlKtRNW/Xp29fECMYTJMDl1gWVIqIsuNoHygay\n2tc9\r\n=rqqB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5accfac22392cfbc1035dcad920093851b33cc79","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.aac8f5d9a.0","@material/feature-targeting":"11.0.0-canary.aac8f5d9a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.aac8f5d9a.0_1612807169669_0.3654526139081431","host":"s3://npm-registry-packages"}},"11.0.0-canary.750e18fc7.0":{"name":"@material/touch-target","version":"11.0.0-canary.750e18fc7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.750e18fc7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60fae7d27285605497ddcede1b6964508705bbc9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.750e18fc7.0.tgz","fileCount":15,"integrity":"sha512-pO9OQM4p93K+Te+W+ix7ujqkvFcd+/sP5Top9a6MJ5g82DuLaVBx1kLztgVzsE322j1Ynk/+TFO10MW8JF2e+Q==","signatures":[{"sig":"MEUCICU0rL1SXp83i9/yTgCi9Q8vICv9jTgk3b4C3W15QZEQAiEAlaYJiGUx9rYkEYIf+QlgWE7eycGiKZIZHF19PbJlGR0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIa/QCRA9TVsSAnZWagAAIrsQAI0kWmuOp5LxQLKpT7Bi\ndjLoUpv8dd7V6eaWsfGpD+EWpecKwTejcjCHfzxihCbTLo/e1yroh5icsE5V\no9al082pz4PN52uh7CykuoJjOrAEXCFABvmvYdj8DODwFxXY8JiRG6ZnHSN6\na7K+pp+OtC2N319uhGLcGlmaD8+el45lgdj9ZRoFg2uYpxKFAmRlAQ5mmKoZ\nzUAqQ/U28u4TWI3vLZyVVESPkcWxotOakBTjLyxIOdWPd493Te/vsgTdaFPw\nG6DY2/wQo2NhzYW/tj1g/qqay6/PiSzQ85TTQemNLio1Y+N08UaulF7EtjEL\njUtL5x6AhgGbt2G//qbIUQYr5G7RUECKg5DQkJMyDxMLSfrIiy61+md8mmId\nF+s1c5pcIQjCya7oaiIfPxEJz0Ls+SWpisGMIriDq4bocej480Ev5w5sUJOj\nSTXhu/S8Blv6CpwdhU4TjV/6PI2bwlEi4KwBTpouJZSiH22uhuX18PpsBCkN\n2iXEpn6X3U4FFlD07aOVE1PQrfgPoc1jYex0VNvvthJnw/jh7DXrDioDiDgW\nTglDCsm/zuDLmuJ+jvEbAgn2ZksG9rtkHuJYLKuQ8oZR3Luy0rfyIEsoduQk\nSBXu+zXYjUUf8yfyvV8tsySSD40NJFm5sWig4Ru0KWrf28r8fNoC/L4F4zKk\n8Up6\r\n=QUsl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1bab3bfc895c50d4159c7b24b69d3ab3a7eb9e72","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.750e18fc7.0","@material/feature-targeting":"11.0.0-canary.750e18fc7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.750e18fc7.0_1612820431602_0.028265741104025466","host":"s3://npm-registry-packages"}},"11.0.0-canary.b62b1266d.0":{"name":"@material/touch-target","version":"11.0.0-canary.b62b1266d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.b62b1266d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b99d2e24b501fe19d2f4276abffca4666a79dba5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.b62b1266d.0.tgz","fileCount":15,"integrity":"sha512-M3Ousjtn0A4OeFv+AQRrbXMIh9q6HmGOS2BSNxZ4sIr3PA3gimHZU5PCsxivpesrcG3y8vjdasTRKhnkPtmN3g==","signatures":[{"sig":"MEUCIDMjEae2aAUIYgC7iG/M/p6Ay5hfEmtuIyJvsB0aFNpSAiEA9gl/ZQJPwk0yaAJ6u7/nTSxNWfjHR2NRDWeJgiDxTs4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIwPxCRA9TVsSAnZWagAAGy8P/1ArF/H0TJLsDNAOJ9EC\neHvxqWoP26y6OoWvJW//h9MG7Kq7x8ebSuL35M7ZYYSSxIbUagIsOf/vEa3q\nGeT00Xu5rCr0tYMdAIgAQhA+lt3um1+a03woK9MNATaxKoPxuCJulOpLZG47\n4kexNIUTc+lvemtxP6BLf5Ui4AAhMwhYhqocXwV/CezeyWgX2hWffGfF/oX3\nVDQIExi17WNBowXg1z+dmbWYAy3c4/n4JNDMvDvJ/SVydA5JQWiWPrSJt1SN\niDwpb1oghzRfi0aK/cfAKIZ/RlN8WsNJAKEld4Xmyx92sahA0G70uG0arF64\n3z8B/Vy3OvB2Mj8rQ2OBCJcRxggZOKU7cmXyMPh8CyPytlHM+ZFdJ2FnX2Q9\nzzYvHhv792O+gRaEbnrvr+ySPMSOw80uZw0adFgtNXp3GIDT2lNdbN2+8sCc\nlq/FzBxZsTq5c7gMcXxiPYcwRuxTddcJAM70FVd0AuTl8KOHWxO7w25J237l\n7CcnBN58mjNS8TDhkWBilqZoM/MSzMjSn0E0W2dI0x494mJBcKqV1py7KzIz\nFpG8It9n8HHDe7wHrqEAjlISv/WXXaEiMjC8IVohWcF5vvnfC0fTmYbkUdV3\n5zJSH0wKGf+15CvzeDTPd3ceziuN/FaGaaG5krE9Eko0naEm0XUFBB1yyVtD\nen3Z\r\n=CAwN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2369de5a28b7ff8c15bb5f1b2ba96320e8a9126d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.b62b1266d.0","@material/feature-targeting":"11.0.0-canary.b62b1266d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.b62b1266d.0_1612907504991_0.3172658627222149","host":"s3://npm-registry-packages"}},"11.0.0-canary.a6b3101fb.0":{"name":"@material/touch-target","version":"11.0.0-canary.a6b3101fb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.a6b3101fb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"acee8d55511a4172e8bff0a427acc25acdffb60f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.a6b3101fb.0.tgz","fileCount":15,"integrity":"sha512-RuamQSM271aHiASpcxUxy/I6j2+mkmqV0z7lIplKOVihEDu18IVjXCZ6BI0YjiLTDKgdWSYPx6cMzmHfoRWXPQ==","signatures":[{"sig":"MEUCIQCXnf2vI3eRKG4gSIRTrc1LBCM3s1gpTbkm6rVxPG2C1gIgZNlnQJ1DviFJxR2AzrJ74axGZMyDNkv8P33TBwpT2JE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJbq5CRA9TVsSAnZWagAAA7YP/3J7l1PQruCpQ4X27f5D\nNraTqaD31jrchDYLWpBzpZSlYuKjHcxeclELLkmpMfLnpeELc1v5cCIoT5BJ\nX8IGlDNZQUuLc5xW+dDsIJn4V0naNB2BEVwe7FXoUYtRQKIYACq3s57Lud0q\nirifLjIhrpZTqfqa0CxkXOI/bMMSHAZfoigrCb376IJ9s5XidBLLJyvSRDqq\nXPh8KIDGDPi05XOAJk71TjIrE583YLBoXSJzBCRKre//W4NMYF9MdyKiFs9f\nDeGuP5R/mYhVxbGXs6gQyjtkonQeoSNQcTJhs1w4LoHBdrD2x4yhMQyWxiIH\no+IBynltxl93+gTg+4/puZGUH9SyBEPeALgie0GX7VgkfXf8pHuGNzevzO7Q\nPUyekEGvH7MKmGERkF95d9+bXuikdt3GLYxIcdt9jU++LfGnIg9LGWduOYdL\nwSyQG/qQ2hSAp6xmZkOK3YYQUDkKu+1kabKNP8s0Li9morpFxYzVM4szttBC\nZ7j/EBHIFDKajF6Iw8HMoxk6TAgVFr+05Azbu4W9sIS8cAGHmitHzl1EtVmL\n8u50s3qECN5ZSR1CAGFX19aY4t51qRkZKKKB6I88WcjstLxeH0U7QA3EG1OW\n5qa4UA63v4CuVBPi2DVaICPfZ2k3J17Q3fnQL8qoa/SwqzVkoOmh9obZrS1G\nsLAR\r\n=vagp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4e94d35f86983ae07d81d1c7893ffdfca50c2afd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.a6b3101fb.0","@material/feature-targeting":"11.0.0-canary.a6b3101fb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.a6b3101fb.0_1613085368597_0.19034878654875476","host":"s3://npm-registry-packages"}},"11.0.0-canary.ed88df700.0":{"name":"@material/touch-target","version":"11.0.0-canary.ed88df700.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.ed88df700.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eedf024bf77dfce2e68190538d72fad891073930","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.ed88df700.0.tgz","fileCount":15,"integrity":"sha512-q4kdCOO4mRMv2D6Xao+1VqUqLUWZtgwybFkV+2AkR2drkEtwFUwY+p/EXMGzUn326U9ijN7Ctjm4DDpFm4p7ig==","signatures":[{"sig":"MEUCIFN66Y8Ts/kgvndGxxxyXh7w8MXIVy0XDQDUlUUlvy7kAiEAmj2Dz9Tk7xEu35Hky+MIC9IDZPtVrJrFpX5KzF8id0g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJcZgCRA9TVsSAnZWagAALXQQAJV+nSQ7QvmGfuEalAbi\nEiNx1++FBtiRRPbQyeKO4mmcHi5COkt7ozysjtdpwwb9dm9ZE9dw2/aJSSEQ\n2Cq7rX0kBZ1CURN+EO0KPT1hHOT1oJI+YmGCuPyEKVDB0wLxfiJyam4/Lt0Y\n5VxnFq8WZqT9lJ0pn7XN8fGOIWKTFO0ySDNsnsOS3RMt/0ap9BCq/8NCJXqW\niBmE3SpWru7hfzzBeyPDHqDqXyeWJH5dDGY6yHCGJNU8MuVjG3FrJCTLHkFl\nmhMk/Le+vnpu3yhLLqOyRcyl1sU63zSY1IsA4HdGsFeXN6xzQLiFjzGzzMJR\nlr3V3OJUQV+4EL4GQQ74idxrTgadRDA7dvVz7IRnbsH70ez9hRflt2F1I+Fl\nhGkuLktcHhG7YshHVlI/jppW0o6TDA86XGKuWhaAjDF78M2BCEJT2YEB40yW\nXpmiWiT3MbfqAyvNPndmJi1x+FoyQTAtxjjGgB8S09621lnzAKXpCB4ljKcF\nOKU9HmeAFi1b/Iks3kxZaFe5qYn4TUpQK9TYczlhUMjt4R8fnLjgj/BJ98Ux\n7GKVHqGGSdSRf2kyplNYrLRzWO9AdqtyMRmrzdaK7RBGt4WsTG1ZNfe6wApG\nEdVktqddf3yoZFaiVM4TLmPUWU+hUt7YeAKKxMStlQs06RR2RhHr/RbZkHiZ\ns3wn\r\n=8IHX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9ee8b051c4fdfde9d63ea193e791d71e20094867","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.ed88df700.0","@material/feature-targeting":"11.0.0-canary.ed88df700.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.ed88df700.0_1613088352368_0.17488972252853108","host":"s3://npm-registry-packages"}},"11.0.0-canary.d30efe6b4.0":{"name":"@material/touch-target","version":"11.0.0-canary.d30efe6b4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.d30efe6b4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8bebeee58ebdf7f38d3fa23a677a3126791bea86","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.d30efe6b4.0.tgz","fileCount":15,"integrity":"sha512-xxVA51F/oPOs5j6RFvne4MpHoRB9ILhKjTRiV5Lf/hp8KnA88Tuct2XhbYcSvvFI6/9Xi0fyka8lIc2wUAxxKw==","signatures":[{"sig":"MEYCIQCCXlUxBGiq0tnbKvmt28Ht6px9x9uyoQkKtWrFRJft3gIhAPQh+bD28xBwnzmv4Yi9ubf9zI/MEWRS0NDQrnFzZOOp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJerBCRA9TVsSAnZWagAAk7UQAJ3RvR0fma0tw+i2K9R6\nVMy1XEK+8Pw9/KZXAygeAyrk6dumZ64Q7IQEG5Gm4jLJ5WXLCpKmEOLPA/1P\ncfSzxdTRCLCNsAWGrzLjensrEs2jZyZ8fuaPYeukKfvZSt1DmMmzGYcf7vSY\nckHX3pRZ5bI4eNmgEYTp6JEoJRX9j3/+WJMnYPKCzsOlD41/UJQ63QicyN8/\nAwpvOC2Gba0mhd0WpxMVblLx/9A/qlqz3KmscWHre8WOULs0A03/KFUeWqBx\nMXQXne8yN17vujDlm0k7GlgIOUNv4PHB+K7WlRijFGAng2esKolnhzsjiXzT\nyG22mBrGIur9AQxzJBw7Har7Nsc8kkYPCO47i5USzSMR01FD5Z8c88CBvvgR\nvZjNaZKeb/zrusxZPPDnextdF9CPOg/dARd2LssWUg46o6RyBlSnl4atWEfL\nODoMfE1irXypaQvwdhhS1mH7YpoVUmfPz5brmTzK+mkCsDja6I4F3jFBXokv\nIsbpAGPeLi+VgPdsLmkSaN//rq8hfnyUX/pn54qq3yg/oz3gsoQpTUh8hjkw\nixqUS1+o4EWxNe5YA0SdFpkuXg1TdwN+YFfTbMlgnzbGRH7e21L6uwoi1l2s\nq5++BHxEAmdim4Dc6hlH9KUJpDaLswo6/uS9ankRA6hYclK6esilTA4fTlkQ\nx9Ml\r\n=TivT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0d2a46d4ab9ca5088511e4e0b5cf2b261e3e644f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.d30efe6b4.0","@material/feature-targeting":"11.0.0-canary.d30efe6b4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.d30efe6b4.0_1613097665445_0.20750462258106617","host":"s3://npm-registry-packages"}},"11.0.0-canary.0393bdc4b.0":{"name":"@material/touch-target","version":"11.0.0-canary.0393bdc4b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.0393bdc4b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89b5f754d1ceaa80e30b7a100d03c7371ac34b1a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.0393bdc4b.0.tgz","fileCount":15,"integrity":"sha512-/mqhkTozO8NVckuA9+4OjdYUPoL6R+lNOs4OmEpYDHWccNksPGDVk9Av4IIw4m/XVyQl/O4aFcDCmKlEXdXwuw==","signatures":[{"sig":"MEUCIFhIYYuPvCeHnHwCHPxaFTRjB+B6VdWCdi5KSlM1oJzYAiEA0o+FwExr0iIqCB7gY5EiriXvtypJNOhdqKVK5vwwcgI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJgRGCRA9TVsSAnZWagAA27IP/RtmSr4srNn6bpWwvqvi\n1G6gp9wa5jUYjc+GbXMC+VEZvhKobYplnkhEJWtyhDCC3ylO085xEgqQohlR\nAQjVJ00uJINFr/o8HIRI55akKUBzgFxOAS85jZMCw5rwqwpc7QfAsH8eu6bb\nM9OfYcSy10r1EHo+EZ8FH8AqLxFMN3ZYya6m6J5/ZHJGhy73nTDmih3wuda6\nltP7ymDHCR0S6amJwaFNuOkhQv+5O8GSfpePseLhI53a3cl3c6jNNdpAW0PQ\n266TXgkSQqmoLRivy9M9V4/kM5yxGPP2v3fnqo7YF1kJt7QpeWKQ3sfMrlN6\n1MWGn+gjIUUIfgnQQGSVloDNSiTVZp0jwhc0XX6j8ar7FEu6uBEx9LVBJ1SN\n5XMbEQJrc6xwa8yAZA0178ht3eiwe0FTpsRqlvpGWFxs+LXVYrkeaoXtS63d\n9lLM2rxJTdXyhCs6k4RCAzxvNQ00w5crm3E8xkTpI1gzCbbb7pEmQEbZD3rq\nHeqqRXGpMsKqK/LI6915TIAiLFUFtHVOXw0Bi7FfjtEK8iuZi0H2K7i2W+nl\ndZzG90/MnqDDm+IMksD/amLoVATPWnvrBzRx/75Izl0JQTzmogKN5NL3pGsD\nceut1xwo1M+uRCEWM4YcgL6LbC/nCoJf2b1KoArZhcniZ1foJL5BRXhbnPsb\nVk3u\r\n=BOcG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8f241a2f549ae5b1fefdbb0c93ddadbc1e1705a6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.0393bdc4b.0","@material/feature-targeting":"11.0.0-canary.0393bdc4b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.0393bdc4b.0_1613104198425_0.1175192338406108","host":"s3://npm-registry-packages"}},"11.0.0-canary.7cd26af4d.0":{"name":"@material/touch-target","version":"11.0.0-canary.7cd26af4d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.7cd26af4d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c59885a0f77ca29d1abc75b3ed255a8e876ba297","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.7cd26af4d.0.tgz","fileCount":15,"integrity":"sha512-n2p2EeijxD4RCpvUx+KlhTza6D7LaKmgVDHGQwCR6O13GgU1V2f9DtPNZxoUxKuAc+En9s8z85dfUgs79Mtitg==","signatures":[{"sig":"MEUCIGx7x5zvOuq9SLUaKdQwxVRjI2f0qFxqZqx4UCjO0gxPAiEA2oXh2+WGynxUqaOkFG4O/tLz1t8ddMZmLoAe9QWAbU4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJqWqCRA9TVsSAnZWagAAjsAP/jz3dFDGHwq1LHJuYATy\nS7uCUM3cV1VIa/HYku9skNrjd5lzePZLCgwb45ew8qAUcbCBj903JTxBvDUg\nv3vDDxIUogVKgHGDnkqhWgG0c3jRWxsXnIFEod8LBhBSCMs3rtBWAahBVhzM\nqWpqK6ZXZ+CpR+vN+x2bMcvmPzxJEkMwXGXN6mvVnDkzR28O9YdG8sAFCfTX\n1LeGrmriSSL/1OSy8Wxn0zp8Jtiuhd4PvbY0S7AgImP75eFQA7Pt5dL3Tf80\nw6JDMP7IS/5VFsY7GkszR1xvb0wVaTbLxkfo7o8Mbr9LzoRxOfGdg0RxPWom\n8ZrZS33EqJF0AhVlzy4YsU5LzV+cqo5LpTpHvhBucBR/ZkSoZkPWbA6v8p0B\nNExh/dCkTgvSAbHm3qUQdJboSTFRzth5AXw86StNZ3W+ytR+23xvftblhFn6\n2lOfCGFYyxa/aOwkUmJN45EY6qcTfnHhZ7LFjjTw9Ge2v3AtBUuO+7ubR/4T\ny552aJbJ3q/x8dmJ8vLHfufQPB3Ouc4qT5Zz2J8KSwA/Hgj9Q+kMiBidG2y+\nve2aLbGFK3UiPzulp2KNL1OAcLGeBfIJ0vSswSb/zjx29TRtT4W7wfnAIp1i\n2GNpoIfS8gATyRRu2hX5EYw7cBjB/nJviUTQl013qNruMr0hRTBeCh7W0tWw\n8lP9\r\n=FQDq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"da78e237011a9e38abc623fed26601ad22a7426d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.7cd26af4d.0","@material/feature-targeting":"11.0.0-canary.7cd26af4d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.7cd26af4d.0_1613145513666_0.758111160344906","host":"s3://npm-registry-packages"}},"11.0.0-canary.71fe9a067.0":{"name":"@material/touch-target","version":"11.0.0-canary.71fe9a067.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.71fe9a067.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d042a76995d28ad337fea0773dcaf3efe082ec2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.71fe9a067.0.tgz","fileCount":15,"integrity":"sha512-T2wyovF4vBvMkvM9fD0eAxtdRhDmxrIMCGFUjfdLWIGUUbu7GFzZggfD80uZPrV/nOwTxUoXWDA+VRiJnRciXA==","signatures":[{"sig":"MEYCIQD2NmdD2Zmt1qElzNP7qpaIjfNoHJdodJiCYhq5+2y6XQIhAJwy/EzVdktBG0m7gaVHYV30qqxUZ+zHron6M56WmQJp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJq0CCRA9TVsSAnZWagAAQqYP/3ZNA8+i6GUdgP7bCpOT\nhQtkYI+IpeRj9mTYGedtoDdUHj5B+3+Iz3+tDyBS7hjFwCD7FOIh6CpS27p7\nFi2AG9D19MZQND+hIVRy8IgQotG7nql0lhR+/lKH8WwgUztfWXsVvoAK2tb0\nvQ9TQUp3dBMact+aLtSXb05Hewks6S3avF4rwsbs4dXEqiLZ8KmeMO1wcSuZ\nEAYw4BoR8kK9GL2aK4wh97QHvxYqro0zGS4spz8CnEwgSGNXQuB8wCZoDL1p\nKQcRnuftY09JJDA1H6rf95SBQmMSyWRRLQi2Szit+ox+ell+UWuiEG/j99Fy\nL0Tgaj4xDYJWgE1ELD5Oid5Dpx5szXPRHTtbWa4h2pVxRgtrZS86aqV72bVX\n3gZI6o9TqdiqAfiZJtRlzBwwCAyiWjS9LNFrwVmqEb10huxD6qo01fwAqB6a\nGVwroerpgKVQ6kvVYXRgcYwmxW1dHj8rjeJMWxb21gYnHBaYdGk7alFMcL4G\nVGe5TgJncVI9ovyGDbY56N72Zj7IgKyPUwRqg0QTF9tOu72gZn2ZxrBcyldi\nhIHhd7p58eyQX3JQ864j/hEWrMczWQAU4cYXHPU7OKyBHApTCk5cTYjoShNn\nZZmg7L15RTZXbhLo5BzeM1+N08D1rgP6IMWT/mSHOEhpRXuvCQtlGpQ1VwI9\nxzNl\r\n=XbEZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c79890da6d0bcf08c3d7c57e31df805b50394019","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.71fe9a067.0","@material/feature-targeting":"11.0.0-canary.71fe9a067.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.71fe9a067.0_1613147394396_0.5289531438494082","host":"s3://npm-registry-packages"}},"11.0.0-canary.0fd56a86b.0":{"name":"@material/touch-target","version":"11.0.0-canary.0fd56a86b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.0fd56a86b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a2663da0247793f012b04f59d2ee939ae3bc69d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.0fd56a86b.0.tgz","fileCount":15,"integrity":"sha512-HdQyDrRhYo7sN70/Ei7UXhbci5aFE8RWzwjgzVxOtuNgQsOomYu0W046f7aoxnJ4QTYsa/bErqPXp4Dl1HgaQA==","signatures":[{"sig":"MEQCIFv4gkyoT+VObNeY1bwiuR/ajyx3EetZtqHErWxE4FqSAiAjX6r7cEoXd7jj2Daipk6wXf/9CKoALsZ/Kyn5ZgKKjg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJxkPCRA9TVsSAnZWagAAbowQAJ1+CQLxiYUIJ91P0/VY\n8G8B3MJqwAe7dk5PLAXkpGTIbhgRuhNhtN8wIlnhjPXBXGghLD5IGvNIHPoT\n4U7FKlvJg+i0CYnOPX6I7Op1mDIvkgTfVxHx8cfdIb5MocPR5eA26fz77NIz\ndFl4LL+gBMDmbEeGUBkJmoom9nXbnIvAf52sfYOOVx9RuyXGJNJ53F0v1ODY\nKSSE3B5vjabahL1L9GRG0BCKt9hDmNtJFEZ+rIGiBgOwUwtjevxE59FCVrdd\nzsD+yYQlcD1jgxHSyRU8VX/t5JBxi60iDp7A1/ZIHs6nEvWorgptay5qJGjV\nAIQl51pXEIKLUELKDCoYMEi9ewusqwl4cl7CBaCBsnfYqwYtgte0c7Ui07l5\ng77vE8K2sH52XxyZ+AIoEbN0mTav4GaQpgPH82PWgedesTfLlFLqTSoJUex+\nnl4ooBa7K7pYXICUIBe/heXBzNWHBn0ZVAcCgbanoCi4Q+pS3ZChefpifbBb\nHXmjcgGdAHx+PGhrZ1iTTa/mNGV6uLNW4454gl6SbYZ9UYnRPwhJQEZ8bZn1\ni/aersypsHUU35ZMwxRDjNwR1kzQBk+MCxh3WiSMMfYe8G//VbgXOjnPvR7z\nDnnNYJ52mPbW5PFnf+e5m719tXmX74YHmQ65RlJLM+UDhntMtszyCRNTAO7l\nyY2d\r\n=PKUQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b5d7e78bfa318c864343a15754f4c5ab98160ff6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.0fd56a86b.0","@material/feature-targeting":"11.0.0-canary.0fd56a86b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.0fd56a86b.0_1613175055509_0.019089510700829537","host":"s3://npm-registry-packages"}},"11.0.0-canary.f19bbc4af.0":{"name":"@material/touch-target","version":"11.0.0-canary.f19bbc4af.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f19bbc4af.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"49895bfd3dcfd1615fc7d0b50984663a2fff3f38","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f19bbc4af.0.tgz","fileCount":15,"integrity":"sha512-TvKCIaujap3zQJdLkdnd6E9CQqJd0f/Mo9Rgxq/n4Dk3S+2A4CaoZoGyzaT9X6UM5+o7ey3y0o+CzZfSaYaqAA==","signatures":[{"sig":"MEUCIE+fdYZui+VFuZgtN5X1Y+D5yO/xUcINrcitjlkPzzggAiEAyyMf4wJYNl1moBtFfvLihjIpS3pffmISHIC6cENuhP4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLEP5CRA9TVsSAnZWagAA05cP/2uV7/ONZeiC64oItidC\nvuqVbs8ojhrlVhnuYFZodm/6MmGa9xOu+qnVyw2EEPLrzcyFp4JyN/HsaZcy\n6tNDPzk1jIqlG+1nZWH0kOoLYEjlf68Ipw4y3fryi94d9+AScHYbeHLor0jl\npc1NLruhSmsbci6okpNMJ9JclJHNbt8PiAN1LXAxC8KiLtafnLdTPOp2T0Xd\nSUR5MstYMVnCjLy6YHflPfaPcFvFsqlcPKlyrULBWROM9V4tillTdxZeigf1\nkS2ELMNbcbap382xfush8HkoKuu8mEE79/W1wZPRzyC3YNGfCuQDTHJkoDSL\nrfwHYJxEH8DcejtTmms3tBgnfUoeBkW7xU2423jLu207seJSRJBh2XEMFeaQ\neOWXFS010cQoTvt32WB+tDoGbDxgmSZOqFxRt1zQnoXEK4YnMKpu8xIDmnJ5\noaaoL6SotBHQjaZZLRnyx4G2DYm8Q3Jw0MNZCT6FAWNV5NLrxiPFr6tb9gPZ\nWBy3Wsw9r55MFriA0v00VSor/g5C4FFNOYrLMmjbqRiLE/gZ7WO0AVMSLHwS\nkeaxndpK37BBcktA0fq1Njf7ljri0a+v3K3M085lowY6pNGYLzSYWzHRtmlL\nrtKxQsESQARfgBguvnaXaze0ZjQPTP9YW62sngZ+ie9eCkYXC0SpNFNUfTGZ\ncAvD\r\n=9/Y4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"842729c260f5a3be9fec8618b41657a90e725af0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.f19bbc4af.0","@material/feature-targeting":"11.0.0-canary.f19bbc4af.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f19bbc4af.0_1613513721532_0.173973039129661","host":"s3://npm-registry-packages"}},"11.0.0-canary.f9cac96cc.0":{"name":"@material/touch-target","version":"11.0.0-canary.f9cac96cc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f9cac96cc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"80a756ad51503fa53cec2ea664b3896efae45400","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f9cac96cc.0.tgz","fileCount":15,"integrity":"sha512-LghtTj0jvyRjDTku9Oy8/QXA2KN3476YbjC5AUByH/6ipUrBEXLJd6gEsbeN5fEgV+icTL6Xd5Tvv3osTwugVQ==","signatures":[{"sig":"MEYCIQCp8Lm/+NQefsSLKb/8KhQWXMSDV1ZTqzEKyxwcpmbQDQIhAPbgsylW+oZBIzkGa4Gwilb/LBzDTzPTiISUIzntsW1m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLT+VCRA9TVsSAnZWagAAw64P/Rf2PFp0jBmEqwdJM/sV\nhOpjV00TLBlT80ONoCNptJnnGCbYvtrr4/Hq8tBhrsC+tuLjT+d5xjVHh+L7\nPbYeUCjP8nfxzjdZTw10pNZA2k3fjQOP5xdIaK6U7OYEpJz2RjNEEU1bc/Ri\nE7b5BtibFGj6zTyHnjIQhuaK/nq2tmPiPfQaCdvrPDN9ncsPSNDluoGaCRue\nX1xKtFZEqe4VyCCIfFDl59dsNWwaM4URwdY4HlZrLk20NXWYyvX2lFEcgdW5\nsScDfhUqKPfEvq+RDB1Uf7S7huzlHtek0yCnxyfaQkTy516OEhAqYqPBBKMP\nGPBMwn2DgU08kfNkr8pVlLLzFYcZnhZNBZGgVuHVO2y8r1vLu/Ai3kMjq3LY\nLvrQIEi6DiyuY5tggZw9Id1nK5ZsGwgS968M3FqtLndqi327QnvyEZEzWB9U\nOcSjP0sfQYkXsla7zQ7hhzQIupQ4O/ABWoie0r9UpiSPy22OhiC/onT1tPrU\nm5BmiF6m+CUgTSGO+l/e8z95ro3qc/WP4YPQtzTIEvIKvP+dCqPvlZY+hDRT\nvhsZJrgwwJ5la0roUhy56Lq9mcEoxEQ+Db6Gw8HRt0pqqYn+GcLP9eSNZfAx\nA0YKMeJcxtRkHkmreiCTJBBnB7uajWzH1/IsNVh1cjAFSr3HppbUbYFkcOaW\nJo+/\r\n=RLAS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"993e327235c8cd36a8c15095389eb149ada97cee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.f9cac96cc.0","@material/feature-targeting":"11.0.0-canary.f9cac96cc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f9cac96cc.0_1613578132523_0.4398181131111498","host":"s3://npm-registry-packages"}},"11.0.0-canary.79ce0878b.0":{"name":"@material/touch-target","version":"11.0.0-canary.79ce0878b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.79ce0878b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9438d309dd09c9ee5ee6a8c6cee4bd8ca3cfc6c0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.79ce0878b.0.tgz","fileCount":15,"integrity":"sha512-XUKeHyGtMoyl2nZ48K1FKlLDypGTSWF7+A4HU+90P4rZBjPn5BnOI/FqJsqMZyQWtAa+RquiKOY90MV36afwng==","signatures":[{"sig":"MEQCIFKQrhcuJLcLxr3wGcicvp/tQvyLN6K8jMmv67hA+2vRAiBklcYoOBRtfnSxfeqPsLJCRUN4nVmBCU9ecF+NqKUX0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLW1VCRA9TVsSAnZWagAA3m8P/R59lq8jPr2Ok7qtgkUr\nHBHvwg/KovwaEqaZuzMe/dxe/31orbBxQ/q43bLvISH+yjoLbQqrssZr0JOq\n4Ez+carmbOeFoJsiRyvyEqoUkokqcHX7XTzNGvfm2fWfrXDaeDvmoDGq78za\nIFNF/tnw4+5kIdUP95w5GRRcEhA6fB0iOFwnuhMjMuyZ2cTGukRTWPupJT5t\nyw1phSX2RzK5AgIqmWBt1RMU9PjmOfWIAGRDQDB2PSzOSR1V5iC3ZeICxp+0\nIF0pRBVVYKu9nZxNvglQecKStkxYrUuiZSefbQA+ueFgP0ymSurHvAfT55F8\nlgOPwy71Knqrnpv3EQPhdUgUcLsqYgVmNb1EzU/uaoCIf3JSPmDaeemASnn6\nCKj/iY0kh3nSkK59/WMENNrQBgnqquQ6jyazPD0bU4MK9Mns2LsxlCqlo2hu\nB2JGDmKAe13y6Xg7/OjsA1iu/v8yFzpsWfh9CS9hQYGO5//JONAIrqham9Eg\nC0CSZVArh6ZYtrz6YAbgbl0dw94YhzWbC7zZXq+V3pRHxEi5LmPh3Rsx6dPu\nw2dFxnl3Hp8PWHN3Ng/k0fgHwKFnQRXwv82ge3dFzIWip0KnHUVxO5a/FCmm\n+n4I8/EPC4nQSF3MdtujLc3A/4IwPB3DLuvvj8l2GBZi3D5IR5tVaHNoOnjP\nvrCg\r\n=1Hgq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3941c218ed650b1d1767cd6b17652d4e1b5f7ac9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.79ce0878b.0","@material/feature-targeting":"11.0.0-canary.79ce0878b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.79ce0878b.0_1613589844692_0.6478495041540122","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6e507b5b.0":{"name":"@material/touch-target","version":"11.0.0-canary.d6e507b5b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.d6e507b5b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a4e393feb1f90e46bb9ae9527fcc6475bdbd0431","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.d6e507b5b.0.tgz","fileCount":15,"integrity":"sha512-i3UFEIyjI45C8PDo9lBKa2dgzI38BSao/2w5EriariGvKgro5Olpx6HPkaCi0VXIFrepaDlfdrF39PCSaEO3xg==","signatures":[{"sig":"MEUCIQDKHpYDSh+Bw8eoLoKKGA3Hmz/2Csf3GsMF5QOVPGx73QIgUzQ1U12vkx1E7soQGbsr3ShXp4tmJEJp3psdukPu3sY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLXUgCRA9TVsSAnZWagAAlN8P/jpI9y7lUhaAGhbPo4jl\na3jNsGl66IBV5liPDTqvt9NA8wfRszcEMr/XdDpUyJj2NM2hQ6fhHKB5OK0+\nW1HM13W//ljo/MpOaz8EUrUH+pclHeRT9GGKM6R+ONvakNEcIJcMDC2Uv5sj\nB1sqTLYwzrFNAPwZlQAliQ98XvU7P9SLbyTk6YtFudo9boG9uZMC6UP9QQnz\ndVGDyCdcfU4D+HuOcI2yY99X10osT8KoXh7Hw0T2HR/KwsSbRyPVyYiL1Rs1\n9U6kUZ4SlXJJrCyF0xAbtzDS6P9oZ6OAhcPBO8PEPHqgN7zNghselbiSNf5P\nY0TptsQgXUpgMrMcktyOs4YSZxSzUVD0fmkDW2U7O3x21n3bfJkTGYGccEUB\n4zR4XJ++sUXLdaJxH5m+0p4Hqu2QpgFxeLAC4Kfe7IwFQ2kWxRhQp94qByA2\nUkf85x5j1c6SdwwMZSDpLiZsAaR0N0WwkWh8LD1ZTGyH8F/kG4SvFL0f7SZb\nHr0zmZSlx2M8hn3jvlQH75DBe6ce0N87LomSQ4RlclRI4xEguBzSuDLlxnWp\nYTd7y8yxbT1msTJNNYoLzglEvYoE34Vvddno8cNyGe7FJmrv7rMsghf6oC3T\nxe4cmjC/qkcTsjINocfE2fGIu14M2YbvYs19jyyFdteKaRTxy+MQuZAYchyC\nybVj\r\n=ERlm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b20b73a4aa16995dcd0b73e46e4dc31f7914a367","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.d6e507b5b.0","@material/feature-targeting":"11.0.0-canary.d6e507b5b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.d6e507b5b.0_1613591839654_0.8088273572562854","host":"s3://npm-registry-packages"}},"11.0.0-canary.f2658381b.0":{"name":"@material/touch-target","version":"11.0.0-canary.f2658381b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f2658381b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"963cc56213e850c1d973294538a60dc960072193","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f2658381b.0.tgz","fileCount":15,"integrity":"sha512-X9n28IH0YYkvpgUXU6uq/rL7cqpyEOHorTYabn1tYdZR91qZ9ly1L7eO5aNuAnz+QBTnKN54udIyWQWJ3C6FZQ==","signatures":[{"sig":"MEQCIE0o9Tr++dg/4fslUWFBneON9C0NRfeakOikjgqAJq+AAiAHLF+oXUlzL4LAy7zGbWI6gYBhxEfFi19Qtpd2TWtw1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLZwpCRA9TVsSAnZWagAAiIQP/jG936enB+gnM7cEveDa\nRSShzA/umpmZlyjrb+3F6aAr44tuZRgQD0EdhZ+iwfvTYTtRZm8gRjcvhU53\nZPQXCXP/S3jKu6xxmrWGp7v7SJpwlmDvZtJfFXCmOhOnu5XyP2O6BqpW84+u\nxROMffiaaN3uqWkivjPqqKq5egeJO+hgF9QSAW80vNttqjaIKJ3SmTQsiO1g\nMvtasTWn5O1C8CfaqbcjcxAsHYv3ZrrWRbyp8zV+uWFnbD9dOWncoDeC2l9l\ngJfxJf57Rp4IFf6iwxQNlRnDe+uRfj1LGEujYx3JW3zoK/FobHsIhRihFLCp\nFFOXUMEHCkudTS3L5HLdmqpReTsy5rxEmymdKidTFAxKCIXX6WWJz7DxM7yJ\n8tMvsQekJBe6HNO45EOrZ8K+HUjjo4iramy/pV4cJEdFQueh10FYWSK00cgW\n9Uj4w/J4HYBQkNkPBlTfMJOpKObl5N4hZCmTK5cfWFv/AJjiFBYtukxydFbb\n+QVAcWePTgvsNvWEca/6kBOTWe1M5GY485x6szaLABP7H0PI18tclddPAt1Q\ny4WSK8OcxUL3R8KImzU3mNoY3hd6CFuLUpz1cXdgX60JE2/+YJMT7RK6MHda\njft8DqYjQflMYZy99DK7HcAVDv1vfKDTDFFrwPj60SLiJp4ouJKidG718Dvu\nBSUT\r\n=avqe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bb1b60f60cf9b1a4184aa52e590bcb4003d3c09b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.f2658381b.0","@material/feature-targeting":"11.0.0-canary.f2658381b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f2658381b.0_1613601833003_0.17253663495624516","host":"s3://npm-registry-packages"}},"11.0.0-canary.97c4d4035.0":{"name":"@material/touch-target","version":"11.0.0-canary.97c4d4035.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.97c4d4035.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ddb903293e298eaba76898fb4b79b4e199577c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.97c4d4035.0.tgz","fileCount":15,"integrity":"sha512-ebpGzgwfkOjrLeAWIC5Opt6M4wnSl0lyHUwI0eJy8OXNd6jStayyI1WZ1RX4PU0uNsECTq3o4a3wqozGxbzVzg==","signatures":[{"sig":"MEQCIDGZT3EkGdT1tbm7r0ZlcigppxLPm2yYG00g0FaQvKUyAiA65cqTxnJhqDEBC0J5v+voM7GLGWlXHsS1akYQbZstvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLdIpCRA9TVsSAnZWagAAoggP/1IxVzb9PP6iYeY+4oS2\nFTzYXY7fQ2wFEx/bNPKRr2rAJ7NYmJTPmXupKjgYLlSFwCuMM35x/S0jCOUg\nqgRSK5t8Ynt/MnwsX2Psg9b/sQo/IRbTMnjHelTjL02k+7za821ZIkHqCEsf\nj4dK4mXewccsbpT/jTMs7g+t7b9KAROEPkT0Dd+ymuYSJ7FB/mGGNBZ7lBO/\nMRW4nkmRjXtwRa9cPX0GEt9CPeSyUHC4g0lF+md8Utxg8206dMnlqMmcsvAq\nEaLMh8CAH6oE0Zq4W689+wMesNjij9FsH7VRh/qAe26tFYoPI6WrVtTr1F36\n2WZ0lZQHQbqEoUIdpfzE6r05yOS81UxQGoAd51ZEXkfgKjO1uiWBTVg2gVbW\n/r//lqTuB8h6YKw5Pbav/HdMFJWeQlpMW4z5zbMaHJEpd5dbbcjkGQwtCHTi\nfeX1Clt3Keqz8MlS5xXlG2L8sROzN/jsix+wrwKJnKrAcBWk7z0PFpRkVjZk\nyck00cljbMk71G6l+S+3iVWEnrHsHvuwH+4CNAgjEeE5fS2yx9WGgspwXAre\n2AheJmt6T0X8W4FDQnN5fmo3F1aJnOfUIQMm67REQGS9cuK/Ppmc7q+oDYBI\n8DXXD5jqNuvgDxE6+74tPH7ax1Z8/8uoexdCBk6mOb5eEynoIv+rVnNf4991\nQ+C1\r\n=oFAg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1d9a223ae17277dc00b76dbbc4263232d38e50c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/base":"11.0.0-canary.97c4d4035.0","@material/feature-targeting":"11.0.0-canary.97c4d4035.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.97c4d4035.0_1613615657403_0.7721567789753025","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5bb4648c.0":{"name":"@material/touch-target","version":"11.0.0-canary.f5bb4648c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f5bb4648c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c06588d4b05077b1dcbe7ab2c9a2878b76fe08c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f5bb4648c.0.tgz","fileCount":15,"integrity":"sha512-r7WUVd3QyBiPPcyNa0SADXlxZYkBvw0raB6zBSgjjceqtonlwKoLTMLPIUVDfqjuS0/QkJQm2eMsO3O/QPTTLA==","signatures":[{"sig":"MEQCIFTnUS//aokYWEuQ+ZYdas0v6Pv3+XBEZAJKuiqlcdanAiBp6RFafm2LKwQDa+tg+jNQ86SMVWLocxcqxp3qsr1Jcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLo/8CRA9TVsSAnZWagAAdTMP/0a55DBuuZSFhiR6k62a\ni2IZrP4uOO7HCgVAG3Kgu1BeySU7/1B887vXfReDz5ziAQZKUluDF5QSxEw8\nWKiG3+OGCBDxDhCEqpnoYB3p3ZPi4zW1do7B0NYH4YnHTAPbZux0GS3B/v3a\niayDK5vfscCLpVMmNlAjUa6OmNhyUGGaKzQ7H6zVxheDmZ3txfD7herKOXgE\n52O1RfRGZs/BZWKdQPY1uoz+7az6tMaPotL7W+Tesn9uF6098ABMsIHBQWXi\nXIXXMSvT9bSaMNhbGArTA9V49i+/sT8Xe/m/IArVKVN3y0MTwjqSffWgI+Qt\nOdSGjbv58KLnN2Kvki9lt/WkW3OOCQ4GK14zAP6LLUesH6h8cTHFR40uwGpd\nQ1xDIG0RF5a9kWWpMzE0Mvcfu4nrbB6ceAGSnj1w+ZcnVPx9Ti246AwxPdTQ\nPsJSTGO2SQobCt4cmz+6tK8OPcSn6A5u5kiGjKnbdoiYADMGL/VfXXihaQhR\ncrffGcFSGHbsyk0pTy3HTH3/AJCnoFKnXJJAvHMmjEK+iSlgC6H6H1k+M9K4\nDYsNKgPbjEjWb1xX3jfMy3wEiLZYxuy2HJe89GKJzYRZegYN5zG5xRv8SaWQ\nSTHNj1I2UUWKbIm95M069P2s+Y7YjobUWJahU1ONPQ0hWKT5VhKZzHESjqCQ\n7dlv\r\n=B32E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3abc3c2f94ce48fd3a6cc689419e03b8f7769ce0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.f5bb4648c.0","@material/feature-targeting":"11.0.0-canary.f5bb4648c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f5bb4648c.0_1613664251346_0.5932100711458048","host":"s3://npm-registry-packages"}},"11.0.0-canary.302c7a960.0":{"name":"@material/touch-target","version":"11.0.0-canary.302c7a960.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.302c7a960.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6156a08465f01f72c26336a3f34c6274adabe6d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.302c7a960.0.tgz","fileCount":15,"integrity":"sha512-CoLu15UyJELQpkCyM1jj1P/nP5cliHEqJP9c8SkSGnwx64VoLwqtuxjAEyEzajLf0bhyaNmq6L/fPTfjN1NkjA==","signatures":[{"sig":"MEUCIQDIrC0YYCCkO1i9V5Y1QMWku2MZK8WfmbH2vEEqwYzuqwIgSFNsk2oyAxniza4EOannbijtp1wdXK3i4WRgQr5pXQA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLrO/CRA9TVsSAnZWagAAf7QP/0Wyehbqwae9j04BNTgj\n6B9M3prE0RIdT6NJywnXVrMzwtL5+bON6S4FjXLpTZybkQWGeWn7/WrIbR9v\nQciER6MF2ptd+LeyGISHCTNvqaVcUKCgKv5AQ6R5cjG45jzCy59dR8AoZKJ0\naFogNWjSz1iRh514xbwp5Hisuw6o2Za/UzXaHoaWo3j5aIy1ahRrhgT01D/x\nIGeH5K1MoVrBxJ7fmzw8FYWoE/zxHn9bM40J3Fd+Xr9BRyNvGxrLFqmwf0H2\nGiAqPGDjhJUzuPhjjxM02lh/BkEHnW7ktjQt/6d6JBbCOrpmxCrVZngH0z0X\nAxGZOGyNu8/kQPSt+rRerKTo6yfjOcEp9pONHaQ8r24BBrvUZtNUtnwg7UdM\nBZV2cFph6SZLdvGlcmOC6bjPW9RNIf4wNo/P2WmTYjW0SLEW5fY6HTV1k+iG\nyT7jOoNTN+5d2lAgC56FB2tpN8AJRuUdz8XFRFdjwqQ3SWiAOuStZO+VYkpR\n3ju9CgXoOtvWqHnGIqA762+H2/tzo1zKI53wcNC5l9aAV6VaiEchKyJI6nQ3\nXbJGhfV5dWyJK/6dKcqZu+wpaTqV7rASHWnbhclmXFMjt3ItVqsOBBM8DgA0\nnlUn889XymVOZO3pxZJCxyWdGZG+N1zXRKdGWD8uF2XNeXeXTJxO2xpSwxKR\n5FSx\r\n=qGdP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b16c4cf1d0826970ff04a72b663f1838cf8c37d0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.302c7a960.0","@material/feature-targeting":"11.0.0-canary.302c7a960.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.302c7a960.0_1613673406967_0.9072495749146741","host":"s3://npm-registry-packages"}},"11.0.0-canary.aa0aaf026.0":{"name":"@material/touch-target","version":"11.0.0-canary.aa0aaf026.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.aa0aaf026.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c43c5eb87d63ec7437c3f61b7c6e326a206e5b4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.aa0aaf026.0.tgz","fileCount":15,"integrity":"sha512-6dc+sIW0p7cHg7y9SQr7pus38NrVjKeqn1f7icgIxhR3sAGOU9UpzoZaDgIIXUTRvyvEaKd+3PUMnJEt5O67Cg==","signatures":[{"sig":"MEUCIQDK7UBsuwUfW5Hg/ebqprebpa5mX8w2xl5l+TQf36QjRwIgMUgEWiZJ0C3I3MvZLnUuHysdq+oqCV5XuwU1mOngKes=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLr5sCRA9TVsSAnZWagAA1QcP+QDOP8sibRPO0E+ZXzNi\nlDWeX2/yF8hmIOFs1FMZ97CleWVaYB+JiT21HEPul7R5rb+rrej+JdTTFAop\nmd395TVJrenJVPCd9Ct2m3MYmd0QYigViLEiw5SDh0RYt4gFJebmKjsVRN4Y\n1DB6Zcms3DkK5caHPMLNSAZQOY8mzXUrrjFGY1WA1KWYQ/apxaVnhYoBmpw3\n0c4MG8ZekRBfetDk95wiigjOuo2vm07mgvDYHx5bXM6R9FjK6sSOxotAForn\nVXjjRgTn+aLTcIWyL3PnqMuDvmJvK5jA1h6oaef6YAv9IDZQn5JuvNfdiFwq\nUYruyGx+MIA7ul28RmoqbrqYkww11SdI3suv1/Qf3UA4E0+jTMPL6RerDABm\nOMaSabwwTxVvLXp4YXkXD/8X2psKe8WyeRaL5lu2kzYmI0LOAKdel/DA8Q+H\n1GWony4Wz8YHqY6v28MJQzOonAGjdkPPJfKd2L3PslrW4kLmuesVcOQfKt53\nAxq+V/n1qJrvlk96kfNBBODZaSao+oT4Dslp/CwjB9iMchwyxlZmsJqym9NN\npbMQiKbYuQQur9rVucQlXzN93sSeVVZdLgAbRAZqfl9zGanOhvB5e/N/2tbV\n/XtJlNikmhEZf63N53VTqOSDZ4WreKDfodj7cEsPSvsIoB9+tPkmnKV0CHz6\nSgL/\r\n=HSWT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"de542de1d7c4c8f5f51199fe207ef527fc1265fe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.aa0aaf026.0","@material/feature-targeting":"11.0.0-canary.aa0aaf026.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.aa0aaf026.0_1613676139969_0.04733705867619342","host":"s3://npm-registry-packages"}},"11.0.0-canary.07ff0c452.0":{"name":"@material/touch-target","version":"11.0.0-canary.07ff0c452.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.07ff0c452.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"05f215e0bb1215605739c177081d41bd47ee4c17","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.07ff0c452.0.tgz","fileCount":15,"integrity":"sha512-xhjeV/HiZCq9TUDCBF8EfsLbbS/nT/KH/9gN5aTOc6lo/ySsFwQJfv3FuYFri/PfcmR11GF5rJNYts1z8o/YSg==","signatures":[{"sig":"MEUCIBRllkOI30D9eC47Ff/QAqRHxBR1orV5SXI2oQcogsJxAiEAlfL7/Ce0gDrIFq1B6YWSHPiKrIz9fgje58ddquvm2+Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLsL3CRA9TVsSAnZWagAAcq4QAJYH5Mdg5yJqMy8KglJC\nzp6IMcRc573WQk1Ne1SzvtdrtOcInc10YKnhXTnJxx2/0Re1Cx5yDwv4UCz1\nJVVUZlybwCCTAWL232/x5e+rDxXr+UuspcJUkhGQHcTLypXov8psvnHpwX2g\nQdsfH3v+reF6k/WUE1lqKpY5IgNiW98D4A9xfQBoJb85OphiUpfCAbakV3nR\nOkkFikboSV5dTkv1XwcXx82oaoDQOfvIwLgLFMTA86ewkGbc7QlogK9LXZr5\n1G0hjK4Wgef0qAEenl9j6ZlF3bXG3a3F0SwgVvukzq+O3CZ0zVaI9nJDCN6F\nfc6J4G8OucKwMrcWo5fkOfPx+GeWe6nmVobHDkrdKdSuWovaSDWBtM46RkE2\n1qfUjzncQlyKu8tu/PLbi/IPRgZwosB5lMhg+FM1g6lfwh6hJvD8douf5KqL\n3j71gI9BdZyIbhTozhAeVnbu5ueylx75LOuumuEx+yLh0+Zp8uGvFuUEJPul\nIDIamjbSF8rAYNfDFPua2mTCoWZeiVpqKaduhhibgl+UlbuvgZVNROwSRGCi\nKleSzNAMbhO5l0MxOoq3Ox4uQJKUaHh4zH66xINQVMiEHXa/RQPu9ziq0R5B\nN/9TzXE+dFAxccpO+2XgInJUM5tnZyw/1w/swAj82brWilVWjXzrS5YJNtJC\nyYa8\r\n=4xnH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"52e3f1cc8fd4568a48ba4314f982d5613f53ef5b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.07ff0c452.0","@material/feature-targeting":"11.0.0-canary.07ff0c452.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.07ff0c452.0_1613677303161_0.07980221693027323","host":"s3://npm-registry-packages"}},"11.0.0-canary.bed7ecd3e.0":{"name":"@material/touch-target","version":"11.0.0-canary.bed7ecd3e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.bed7ecd3e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b078a8803a6dd17ba959dbe3490c41f45aa05f0f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.bed7ecd3e.0.tgz","fileCount":15,"integrity":"sha512-Jj2y4nRSHzsUiheS3ElLae5pNvR6epKEMKrqghmowCwC14/xuO1wLyWVQUxxDRycxJeT7M0tHQbi2/w1Y4/dtw==","signatures":[{"sig":"MEUCIQCbk7PlfUlc6XjMSHdd4AJvqc20Z3/3y8QmEHJoPE36PwIgA3CqpD1PPaMSMK0brNdgUsVCyfaKrSVWYqf1ZCzbqG8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLve0CRA9TVsSAnZWagAAsZYP/1IqPT5oXjqTbHOTpDlj\nifEIATaC2IVKj+4XWzZwBeJXWkgGSOP0lPAKIm1Y856L3cfsTGk9puT8sc74\nxV4YXEXg9cUAP6FQFog76BH/3YQ/vCdQy8jmABY82QtWWIJopl56vTItT3T7\n7RWGLm6zFLSh6oMeq9CZIBx0hJYACCgzvD4PD5MB/K9WZaqwPF42CoSid/8a\nk9mTQyohhUdbhuAzABR59o+KjIm+AXd2q5WWI7uUT3twm1F3a/NPU2/wdDbC\nBlIFxo4NX+vhO8yzTu9XnJ2Qc/900gliB3bOknOYLel71AWPY4bOFCv2mly+\no0vEaI5EmNztZ+9QbBEXbcuRLLfGLBHdlISO2JOoP252+wbyTU8NWIG5DXjK\nuFuK0VICnc6MNwuD0VkRL35cPEzgq2rTQ980TPXMnLWJka2s66qIVxZPVlw0\noXJrAoj6pTSqXSvUuob3G0yLnyHnN3TIQ41fq8KsA6dmjCvAB7riDbqp/Cml\na7hKh5SqP7FDcja2dQ9cbEPyZqpUaKqLaa8RatJNX/tTIwXSS8VEFvO4U05Q\n+tJVkn2/H1ry2xDuEyurr0xz2C+d7+DBeQo2xACSGjKZtvK52ZbvpCwZti4P\n7vUwsBPyRcPH6HPfJhiUpnBr9162tcTgcg1sEwJaprwxmPel/PjTocQo19zE\n62VC\r\n=yPQ3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c23b9ab547a5ebb36a108742217a017fed1886a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.bed7ecd3e.0","@material/feature-targeting":"11.0.0-canary.bed7ecd3e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.bed7ecd3e.0_1613690804001_0.32345432493237536","host":"s3://npm-registry-packages"}},"11.0.0-canary.06dead2d6.0":{"name":"@material/touch-target","version":"11.0.0-canary.06dead2d6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.06dead2d6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cada29f08c2c2ccb0c1418c956639adc0b3e8f91","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.06dead2d6.0.tgz","fileCount":15,"integrity":"sha512-E8E/lJ6I7Lwum+tlzGbleAUiouQfdqghd1zh5pfK8sRWHuZt6so1w5LS9YlLBIKMXCaMyivvh+CalW+TXkpgsw==","signatures":[{"sig":"MEYCIQDwcWf8QZRU9Fsp3gq9MW2bpqKJbL1fM4LvzJsYY3iDCwIhAO1NFXq4goKtqM+URMlrH7Fi3aSBFURq0zI/GnxaQEf+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLwf3CRA9TVsSAnZWagAAG4cQAJKi0vq1GZS8SQKbQQAr\nHj7oIVz0gYXDsoAyRhaGSPGUNfUqKc5QnRA0gElqelC1XQq7TQUkw+yjEYsp\nkTzJQupCiHKq7NDiNupGX1QReuQTpZbOsdl1io4QSPm7pKog8t5RSVioUZUk\nMOU/re/dDSDfLu48hwSo3056fELX/bXXqWao7AvZYO5jVY0s0TxqUnCL53uW\nm0BezfF3oVxiwkPoBhmbaK9c7UbVZwCySWhBt0Qkaz2IATTLE4p1Y+A+gx1X\nPCTLYYu4mbjo/FaqK/rXB4DyCaiRZa4j316YUbwpLLE7gXDLE4jKV6WCXOcA\njTC+s4pg9WpRPuk2vkuv3pqjEPDTFhPEO4PKIc6f33uZfECwXcT8FUAZDZ2i\nJU/A7oi1BsXuxRwGFKIa38/84hYkiSDQcoqJ3OD2EaIBGJxQv9aNWG/qmXX4\niF1Rz2NVdUwi/tfc+3Mb+Fh/XG71xmahqpm/xIxpf6LdOJ+i6CEnO4isWoyy\nZrUaLOkBaKP+kBv6s1FUauOeKaE0Di4uFh2FLzbaNjM3xFM/k1jmVbuj2I9r\nlVlcCdHO0bBiX22SsUuBrHBeDWEY2bmW95WfBHmmscuh0eVCX/pxqoYC9U39\n1ZeAulhpPvNJH6dFPJ++dnSf92R/4OskdMCQV8x9S/GttOz6OrISfv/TYjZ6\nxgAF\r\n=0Lna\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7458ca9f14be94c1a279bd594f262289d278bd39","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.06dead2d6.0","@material/feature-targeting":"11.0.0-canary.06dead2d6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.06dead2d6.0_1613694966856_0.1607271133801933","host":"s3://npm-registry-packages"}},"11.0.0-canary.cddb03553.0":{"name":"@material/touch-target","version":"11.0.0-canary.cddb03553.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.cddb03553.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d682cf866e865982f7a58fcc19c23fa885f93fbb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.cddb03553.0.tgz","fileCount":15,"integrity":"sha512-vuJTscl/8SD3UwMvq/cBkla1NY4TxyAdoR/itIUzG3dZ9QoVYf8iwCJLmRO2MNsr+IC4+LiKmPzMeBpeHQzFhw==","signatures":[{"sig":"MEUCIEiJLDNRTueVpsq3KWBFoJDsyP0McBWnd/dBalXu20eRAiEAroyZ05NrXbTA5tuktKKumezNrIi0EFqOsyCzKBzihLA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLyyWCRA9TVsSAnZWagAAMkkP/1K6S9eEHGhGI/7NkrXr\n8tuSf1Cy4UdnzFgbU/vezZGoWCdbKVDVLm8kTZxzQC8La3/62LwFW6xcO5jZ\n57IxcMJw8NKhoUP4ej59QL8dcjRCNdCDmC+jARVJG/8eCBo5IGJq8d1OnwnO\nScox4BBD6vp3k2i94RfDpXBeUKcR/RgIGvrnQymR5Jaf+/h7bhFKosCoHygT\nxnAwms5FRSk4WDpAGLSOjLprjlhNzeel14IsWgLHarFRa3q82vy3RVhylCrl\nqLgHO+7/IxQsfTM/zGncLPzhd6EEX83hVJSCmTS/35L4OdA5faD1EFmwh8J1\nkOlNx8dS6s4AqG8wp80FKyb5ma2kJ13XSBDhsUXshaOA5pgJmk42Hfopbph2\nacfMnQX/H9T0F8qjyX7eWjt3XFpI4XC8Ezxn1qkqasZiq41NQR1bkiBFIIN4\najmApV8iaKBz9zrouH1iDaSi73yVOCf/iH+k1rF4Z5sunKB2iMA/ec5MnbTn\ngWxvremkn6ThlDqK0f9WOuG+D13y2FJSmmi5blzGxWtaviRN5p7JXYlrv9CF\nUU5kNBUc/KVAm/+MElAHHKmGEITH2+28Szeksqwux4j9Bq2g4xeP0bvl6AWk\nHGmVr2/Hv4V2rHqqsibiF0opC0+FfZsU7W726cf5zJRS+RIhAV+CzCnYFAn3\nLIg9\r\n=S+8t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a8deff13e5978e42ae51f60c844f7ca0abf64b45","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.cddb03553.0","@material/feature-targeting":"11.0.0-canary.cddb03553.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.cddb03553.0_1613704341740_0.3092338803292325","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6d8d0476.0":{"name":"@material/touch-target","version":"11.0.0-canary.d6d8d0476.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.d6d8d0476.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7f1dbc3bf654ee72efa6cec498ea22174f90560","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.d6d8d0476.0.tgz","fileCount":15,"integrity":"sha512-Yw9c9tkE2Uvwd+NHNoKS2EsB9bc/qPQk3/pFgSn2o3IescRt/x9luhFIe7Eb5hFjgU0/l0vb51Bu4CQxT0qkIA==","signatures":[{"sig":"MEQCIHALRqie0gMftHlejWaDKrtK3S2yD7U8TFugdIBtEeRfAiBvxgX9Gd2vIKyghE/8zOPw33KIPWL9ChpoKwKkECONwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgL04wCRA9TVsSAnZWagAA+rYP/RPNNB4AvoCc/d26++tA\nRyfG7UUy+m7YQnb49ourBzWX2aoR2ml5X9oCM7we2tqDKRF86DPMV/K9gRUY\nhy+hRvRkYtQ4aPCRdK6U7KkUyQ/YL5SdU8J4kxKccaAbMOJr83i0Uaq5NzKc\nbn789KmMDe1Fssm/MKPUaNpU+eoFMchfu750EDoEatwmYSRnfzfAHk84QruR\njURzJvZS3f4MJeJ+XYsJFqr9/ydz1SQRx7rAT8sTcCXNAxz5XSzUvHTY385H\nwcQWCc/Wz1NwwrY2DSh+NHtBNY3HA9GGIiu7ywibUpyc8ZktaspDTlS7E3sp\njb/fdG/VDEEG8/b43M1zAliVOJqXW6BYqmGQLJv2Njz+uZ+Z7ITAvGcOpDcP\npmXAwYBAjZ/iLPlg/BFCAEj3glfUhFsyNSEkmqWVq9xDsEureBKDtHnh4mAT\na0xLYevwSi7GIesuEAHLz8STrZpwmOP+tXpFkl3WQeTHFmABpHpV3ngRocmH\ny1lauGJuZfD2XXZ0zYN8UTtB3Br6Fi/IeVXHEHJj+TXK8JHUoCa97243c3YX\nwVGFc4Pn/OBQ1d26rIs7zr4nM5fMMQ2c2797QsIFF8rAEFGSzO6CC+d4nhMw\nudkbIyLT9q+r/sFiGB+zSxplvUIjAWHoy2MlksZIHHpmiF7qIWfB+Jtjba1p\nhmJb\r\n=VB6c\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"17aa6317e2c1a8109a8bae34e962d438f170f811","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.d6d8d0476.0","@material/feature-targeting":"11.0.0-canary.d6d8d0476.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.d6d8d0476.0_1613712943980_0.4100772048442525","host":"s3://npm-registry-packages"}},"11.0.0-canary.0b4a4b2eb.0":{"name":"@material/touch-target","version":"11.0.0-canary.0b4a4b2eb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.0b4a4b2eb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60e8489dee48f2e0ec37b2d15964dced4611878b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.0b4a4b2eb.0.tgz","fileCount":15,"integrity":"sha512-GRm0AoDol+mdaYT5KsHQ/pv4nR8i2IfinDYhm18JKgXzo/fNwRJ3+UStkJk5GxaV7lf9GvQkdeR1+O5julLFww==","signatures":[{"sig":"MEYCIQD8tuOB0WBC/+7mICUU/HcdiQXqa+091/l8gF7qXTK6VQIhAKKoyjCrABzKS9bXZRKP6dsiiXvxphy0fw3FAP28FOQt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgL9zvCRA9TVsSAnZWagAAXo8P/2jAvWFz4If7TjrQoCHK\nPxTpl+H5Q0ZQXBwRB+32pD98ePImrNjaqZSi+IDXymygxU+jAUmFNCnWn3Zj\nQkCAIuHKkxU8TpgVK/pHw+jnwJcD74zKm6QM5SIEEX4m5lUgCQrm9lfpws38\n22wYR7ukLPqZub+wQaJt14eQxGUIEibNLmQvRJR9qQ5whBmrUf4S8ylpIa1e\n0iNdybq0kPfXVBZwVmRKL3QzbIcUqXssaaJVHdTdo+iGnQG4VnszYDlrgCXN\nqTKo2oneBo9M8efNVKS4PPJfRYmDNKDi5BJcS91fItnUa4pxVORs2dTV7yc2\nRKYsgX0EXc3r0VM7LIeqhBnEc082MBMB0+/ZcjYLO1tew7DuYHSjuBgnMeuH\nC4nu0zppiONELz/nqNytnVW3NaxMEvxn1MFx8tFBeDgxdM/PrkaLTnlRlFIH\nB4p3LKxaPLf+UUF6vXtWhD8hTZ5x35GSl3iQVFdbnKMkocCXzb6WQzyhbCnS\ne5b1FN/kKmgkD0lTV27FlPL4Hud1SJb40xSXMuM3sh568+UkqAlzXUHj+pol\nQVIPaPIep68+74nc7mlf2KlW8vYV9lWtPOtct96kxE93QkcI39i7SQLL2+8g\n7cNtXvK7fTUiH+RCRaBcYk1Z06+6JhoLfjtiqek9L/vby2nmR9O7EPGjTDk+\nj+0m\r\n=4OQp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d96f438a60c2d44b9a3f9ec055d1dad78d316e6c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.0b4a4b2eb.0","@material/feature-targeting":"11.0.0-canary.0b4a4b2eb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.0b4a4b2eb.0_1613749487274_0.5970699600595266","host":"s3://npm-registry-packages"}},"11.0.0-canary.3201cae47.0":{"name":"@material/touch-target","version":"11.0.0-canary.3201cae47.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.3201cae47.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e1a36ca8c0adeb3130626a35594db603f42851f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.3201cae47.0.tgz","fileCount":15,"integrity":"sha512-hJoBsP1JtqjoZ6wOGRRd0OjqOMlom+kkHSacTbIMGVLd1BAizrLOajsqARPPS6wV3zpH7FYFdrwybLzv/ZNK1w==","signatures":[{"sig":"MEQCICE/dtej5TedhgbW/YSEEnO5rMTPUtkF9Sz/nh7RwbiUAiB6gCJ3krkAhOtRVwCmJBt8Os7fmj1lCIUSYzc8rfkWcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMELgCRA9TVsSAnZWagAAQZgP/RaBGkk/wN2FfBm1U2ez\nalRjXBfNpHPiKP8BtzoLx0qOAzyKg2ii+UpdeLh2oO8Gowwal5LTwoBsm39q\nf5NO84ugJqd8KakZszvL0PLb4vfHlKA91H/RwbjYqpyJINnAsE+F+qxQMBe/\n9d0eIKM06MJqVh9YNEdLBO0D1Mni25eR+pAVdy/JS2/DTYXLu2Jld00UqV2M\n+zeb15H2zlNUWV+vdse/2kYjeZAubrmOrRVt9jYxIdZdSbMQL9y+ylba14Of\nbT4WfPlp48HMSkLg2FOs7TsZtBgZvkdxQAMAllX0/3kAJSabSXHdjsNTvVsm\nfkj0D14mt0p7DoXuqdOqCNaCQda6rae+oSkgaAFi+RrRcWYDeSDqCvMIQ/IE\nDsoOhPxSf1iW9sAz/Q60Qva0qkjuwRzuJ1A+r0w+OojuwiFfCY0wRKS8+TyR\n4aEOpcJbw6wIyIa88hnGtaFaSbRPNoD6ysfKQ7nVdbRw1xgQ8Zwe18+jX9Ag\neurZ++2KUcDIC3YY0EXV2rD0NazNbs3x/EGlo6d2nLq7ioa5HrGIgScRNLF+\nUjdkn1vkxzyd8D7OFOqQQn4pa9Z0Z1GfQ1AKdOR//XNWpsTJv7x4Hj5Ye/f4\nt2nAvOUCPN9v3g5cBqkJGzOiejO1lUIpfoigQOp7ghonr/z2pk8Ayh8KvSSM\n7Pwe\r\n=xONO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"274d3ca7227bee74ffff3d46ddf3ae266226bca7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.3201cae47.0","@material/feature-targeting":"11.0.0-canary.3201cae47.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.3201cae47.0_1613775584164_0.09598149361239083","host":"s3://npm-registry-packages"}},"11.0.0-canary.f1b1fd5d3.0":{"name":"@material/touch-target","version":"11.0.0-canary.f1b1fd5d3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f1b1fd5d3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ef1b1398cb13498c94d85c9584bc8c2919307e1b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f1b1fd5d3.0.tgz","fileCount":15,"integrity":"sha512-BMviysNKEMvxBeZGT14O+QcLWxsPup6fe4igez1+I99iT91P6K6+TcOoeLUCwXox+ZLr0hgf1lzCkV/XqOtyBw==","signatures":[{"sig":"MEUCIELgPPhG2wyox0lAIn+CiUI5HwfqjN159IjNxDov+IYLAiEAkRA2Nm2J1CYW1gunOamvelPWfFMP6B9g8WQgYkqsRKs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNAqSCRA9TVsSAnZWagAAKAkP/iOmIHlomyBjuxfL/Aql\n/56mgJbLNVb4GYYosU+lWOJTE0fbLbJil4lx6OUsedfTJKOSS1IvpH2t/pFS\nb/A8z3tSGaJZynA711JFBaabK0dvCabtvYa1hzUPhlqemEH6746cKmOcYc7U\n5sx50BgMCqeHpbWZnfqqSnBQu/g9AOrrBIPmY9KAvZA7X8COshIcs6hSxwdv\nM6P3Dlum2cnrq3vhTDvlvH2A/4fi+fMn4lqoIsnWD7hkvC2ohynnH7wLG2Gm\nve+KjPSWY5OUPRAOQavjgQVfBgXe6VL7ero7iHt39MjyZsCAL1foZbQbXnVv\nWIxPJpSsSBn8Dts5u5/CYiNG/yaIxz02oc4uiZr2tS7SHApmH5lPs0U5plyE\nqILcTb8zYRFerLoDpY0C6I2gIA8lZK0nKYK9IVKnC1CNxfJKPrdPgcFTdDG1\nCgd0Absg5TJjQlxsIDLBD3GZzp6Luii2tZpKu/n19++fZkpZHm8Qo9oP5Bzm\nOMGKX9ACj6KLxl8o0JYWDEkpyMEiU2po3gvNnLWeuIoPyz7zqZ4VvHarnPUp\nZAycZeg99AgIlYX5e9Ui2LGSlNVTB/6UPn+S24BngXInhZw902u2hd6hJGP3\nXsFTNgHt38l7gNZsUjhRanjFdUn6vF74GSKyRI86mu8rtm34OxVJUzNDalJn\ndy2q\r\n=otTw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b73a5cc3b15b450664de92ee70312cc1e8b17304","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.f1b1fd5d3.0","@material/feature-targeting":"11.0.0-canary.f1b1fd5d3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f1b1fd5d3.0_1614023313966_0.16064137595293215","host":"s3://npm-registry-packages"}},"11.0.0-canary.7899e0fe0.0":{"name":"@material/touch-target","version":"11.0.0-canary.7899e0fe0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.7899e0fe0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6550fc0ced9284beae9bcb2e776b94e52be89b2c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.7899e0fe0.0.tgz","fileCount":15,"integrity":"sha512-/aBYQM/A9yQFyYOvIVEtp7aubP7GdrxmN5APhPMnF2VJI1fwNNKMMiA3PIo10b7X5lJpPkAnhliTvvee0u30vw==","signatures":[{"sig":"MEQCIHkMUZo0SpRdUhw8kyAQiWlrTIGfeXtcgoJsqS2agGdrAiAvEO1vheROxl1XE3YLFQYDyhWKV0qaIwrDyaMOCzgvMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNDPsCRA9TVsSAnZWagAA2+oQAJlycVsGfwr5qFXSne1I\nzwZy9CBkVaObCAmILIpiUq7q/v605QoiFfnUINoD4f31NF8CytuEVueQBrcc\n0PC3P3QQ/f7RuQli/qjIEDtj9Qs/EzkMJJiGaFHlSakPuoCegKJGk6fMhxOm\n+H2bfuwnkO7Dg45t9rSSGSCjEJb/YvdgbCFTl18ErQ3ng0JhKJsDtL+5bQgU\nDExzCZEYhmjVsm/22m9VGJTZR9GEZn23VfaDWiYP2nYPHJL0ZPDlTt+fECmX\nlAhWsHMMJRcg3Gq+seNPgeOEy1jJEhUE0j8PiyoYRk0/TE+xgV8t9GWzGMyE\nlGl0+4E/r4Cvtc89pS4H6ysCe9j9gJ3EHOZLM4KklRkww7pfgi80sCL1IED/\n41Qjj9BLz0LLxSIofZOJ2k0Rn4ekW+JhqAgF45gpDUcFbvc1Ym7VIOgf4Ibt\nI1niXRPNzRORTHmeDig5xrxkWpD20N6m12tn/Nw+ppM8V4QcmJWwjEHUk2XM\ntt3k3VIrRWEaejFb4I2P7kkENWDI0CzxA95tSeIu1VXLr6FmHRNxfrPOBVgl\n7zfoBCuWougXFOgWQyL51Tor9mRTe4MZ8R3Ct1iomgUzQG5WQah8aTioYUUE\nYiT5jt0JEVHj7y9mes2w87+pUcNqSq8Dza4zte/cKG72q9Cb93gt1YDvuQyw\nbGGl\r\n=cywW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"73b260d2233a31311cff76e4c10438913b91c2ea","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.7899e0fe0.0","@material/feature-targeting":"11.0.0-canary.7899e0fe0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.7899e0fe0.0_1614033900305_0.22884965531326684","host":"s3://npm-registry-packages"}},"11.0.0-canary.f19c86d13.0":{"name":"@material/touch-target","version":"11.0.0-canary.f19c86d13.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f19c86d13.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d435b4ecff5466ec9d1ab9709689af2981725f62","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f19c86d13.0.tgz","fileCount":15,"integrity":"sha512-SfHDuYhDMC7g9b1V7dGS2vQsAzqRvttFkvOYZt5cYRB6G6FRm2Pln0Glxzye/YJQttbV//hODY10pILjz0mpvg==","signatures":[{"sig":"MEUCIETr61akQxv4V02iwu6YaE9LhQlToRXY1LbAASlil71NAiEAnBEFRgGRJ2NMw2BPDr16MtZY6q22nYxBgZRJ3Y7gEXs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgND5oCRA9TVsSAnZWagAAk6YQAKTleRxpWN4oAmaOTWux\nh9jBp4HBn/NsfeR74KwIPXuVhKm2kle8bOwbWr0LN3T1ks+SVgEVQSuJHvdN\nt59PDOMvn/KeZaKb7xcJRxuWZxRe/UNzD37uVkSbXp/Mnrl6L/QWYpU4A1Qm\nV1tj5klMvgsea3P2Ctk7fSNP2oZ9GF6TRy9TYKm68WYgYmcpbdy8CvRknmsg\nUH57x+foDdPC0AZJIG1yVuwGqifx663S+0ZIE3Pqlm4p6ouheY6wBuBMbiuH\naPW9ilFVEA9sOndCZdGuYM6JtjDqE547Y7S5qVSfd2A+18z5Qzj/oEEhHr/Y\nRG2gzP+Hwx/XmQNFGszt0pgn8fGmnB/SZTEgoC7ETCvpVQDnopBO2x1wSoXj\nnwdCk4MBRYxaRT3jF0WTOkuZu8uvqvDUY1YTGtyM8Ob8DIkF9nKd3/6XXzMG\nTZBae8fOsIeRkQu4gEt9BRFppETfPFbzqdTJxXASBT8n3LztkP1lD6i3GYIR\nlXVcPzO54jOCce2xiXexOLFOaU6RwycusMR1vMGvYlhTOkvM4sGwtm7fVbaa\nPGXa9PiE6JI75bI4816GspuoGjD7UR0CqJsE6w83hEIKvKWBZCxa46CnXTLB\nQ/kC/rUgXLITMGcYJ+PM2r4/sON+V8vCOujPHyfMrcJjD9EwNCJhIMEekcEm\nF+hO\r\n=s2LO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a4b2b851fa6f3895a9e915d4bdc5b6b6715a4260","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.f19c86d13.0","@material/feature-targeting":"11.0.0-canary.f19c86d13.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f19c86d13.0_1614036584341_0.12958683307519903","host":"s3://npm-registry-packages"}},"11.0.0-canary.60e892d79.0":{"name":"@material/touch-target","version":"11.0.0-canary.60e892d79.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.60e892d79.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea86795fa6f5124d20d6c54de40052ea52fa06b7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.60e892d79.0.tgz","fileCount":15,"integrity":"sha512-PBrAHq4Bb1KAh3gpAOYr5NxHqMs0cT1rUKyC/7/iY2rtdUs4M6jgQ8wLGKuZRFHEUibmdLrEutIpbp/bpFLDgg==","signatures":[{"sig":"MEQCIAG03GRA0ovaPoqriQnwFi+UGb+OkvoZKa6oORhY2wxOAiAZg8zKoxopSkzqWuMnecczkZ/yJQ13WXfynSxiXQazJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNFaOCRA9TVsSAnZWagAAsMkP/RZz9SipDVdYuGiE03Ja\nnCLq5qhieWKdxKDMzRmIOIlE1OHAv0p+AbbIpb/pZSLkmKVu1utqJuqJAvBm\nriQA76j9ZhtMJ/tdGRxhN5qLdvoG4STIDZLKEYy2FUcyF+eTzidZUPGfHzBG\nEIKMHqpFisNLRXSpsu8su9RBdKpIXmprJASqnhjrsC6DCpDWz/7wntiGUsWm\nzyESpvEUdg4uY6S7V9Ke3kOyayvGCrhhoFJVKBz2or/84PwO6iiUO84WnqJQ\nev0K512eD/dK2DX3G3w8bDnHpmEHNIl30pVekF4WTnG0PnUXQ2WclZghjM2r\nF7JewYDZ79/2kqTi9K9lzkOAyrqajN4E+7DdgPlRMp9BGeoxRn5EuvTg150R\nBRPOigusXOGXZXF19n7qYU43oF4tzWWLLXh8EAuaBLW+RjVssLXilD+u/oMr\nLjnJsiPaUSIhTZNVirCM+F0UFsM+K+LiztnVcxR7YCtwXMKmwr+zMvt8dCea\nKFkx/m4/y/BUGJrlgprnCNVgOMUKiO/opKgvnQ9486+tVACSOYf5FzLcOPRu\n1JpkZr8WWFA5UXFzug2oFARiy6eD0Ml5x8eGtuitYPpkGzipBvYmb+PyRcuu\n/3pAdoHCk6jsb/PL038h0IoVoRvscCrY66sKicsBZJ4VfEIXF0cb85pEfCj4\nG5NB\r\n=cmw4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c94f9f392484897a962a9b7101ddc6d70e5df67e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.60e892d79.0","@material/feature-targeting":"11.0.0-canary.60e892d79.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.60e892d79.0_1614042766414_0.4038639101765258","host":"s3://npm-registry-packages"}},"11.0.0-canary.c96bfa495.0":{"name":"@material/touch-target","version":"11.0.0-canary.c96bfa495.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.c96bfa495.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"239f9a1541b2b6e206f4345f0e63009a0bd407d7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.c96bfa495.0.tgz","fileCount":15,"integrity":"sha512-jSoof6vXMVS01WCUYV3CBDspdBJ6w4AHWtG96rHOkgXeHI2uy1LpxnkDOPDooIlMRaMGTlNY2xyMty6Zwm3TMQ==","signatures":[{"sig":"MEQCICIqBe8m+exSvf51gWXyWJzS4gpRTMVYmjj46PTxYNW8AiALgHFqjuRhdsP0HDevCz/xoiCiWTgpH3eBYTfTyxSsuQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVgrCRA9TVsSAnZWagAA36QP/3ukpR49ohAm0r3+xumt\nYuGaNKUU0S/eNLJxSI2WZns5s/wG2sVETEOd1KcQgqOwRuxBDSF8BCgYiDNV\nUO09yERvyl8b2uzazU355yhzdaUcUp0OYCjA847YMajJ9xTiT7cDSieAq46d\nLRVHuF4z+oZXUqjwWOopkpqKK2OnETdAu57++zsasAa+TXMVvAKp2uHmGhsi\nExWK5MBcq6CgMOsrYRy8llpnAZaHWiyNMyemfHVlUhO1a0GULZepcx0LzzlS\nX02YikvFezTj+6X0wdT5thrKFfSMdKlB8ZRdm0OhBvQfB6ogHmlhKPjWu6m5\n7yzmSQ6BRzXtCrYlNQ5lZnmQv3pTGe3sQycSuljcMjhGFLjZLbF+VtYSr6xR\nDolqk9/25paWjPRIzzzesbUidTC9T8prk5wOO7ol3QfB5fwtvyDcpG1NqxDj\nSbpzT/YirIZ5ApaxfUmM8ppX6FwUA3TBTmqT9gNv2gxeeRSB1F3+mSf/T9Zs\nBjuuS47i8Frm2UwCh5U/bGb5kWhdAlewLiF0ENp+WkMQrnXVMwc10HJ3M8eH\noLj/AKxiIPPQxRlTruZxD7DhDZRQxUuhVqopti5+mnzbdqda6H06JMh9JRVn\njf3T8g1ff9ApAPcOru8Ah5L8gpw5nE+oBCHQJBEwsS/jRbwxqnDZu1+vIKtx\nXIE7\r\n=QMU2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1fd35f98370bc606c6677b7045a8acf16c0ea7a1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.c96bfa495.0","@material/feature-targeting":"11.0.0-canary.c96bfa495.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.c96bfa495.0_1614108714630_0.5077225496875208","host":"s3://npm-registry-packages"}},"11.0.0-canary.fa9b59f67.0":{"name":"@material/touch-target","version":"11.0.0-canary.fa9b59f67.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.fa9b59f67.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5caa0cb07066b51d5834e6cc2b5e8c11bee130a6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.fa9b59f67.0.tgz","fileCount":15,"integrity":"sha512-l0MUFHZZKizCnd0tZgPAXrIf1W11KXEBUn52PKlFSedlPNamTcUGj6xoUhng+k1Er8VyTSnMYi9SirmQe5JFWg==","signatures":[{"sig":"MEUCIQCXYe2NJyLSlugvr9MjuoAqFJSL+EXDXVMINOmTDIapCwIgXiNufop5opWSyN7dQOiWA7QrYR0y5kuA3x00vRmH3to=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVh2CRA9TVsSAnZWagAAfiIP/ArASt7+YH+BwZMEfOxT\nRXzazX33JrAZvWQzi3QK3Y4qQ9eCRc99Lo70SxmivzdVbH3NeFe95gaiiuJ/\nsspXCMQMrYwTeRM41gva/iQiSkSZkFS75o3e7dx8EHZMbr2IkkZRwvm/+W5h\nmKW+d5VQ5VT62pXwP+KpGr+SvovEH4DsMiiSKoPmOA+/f5fidZQkBpdfqtLi\nw/5/lW/JR/6m/N+Kj3AkAocSjBIHONpctdFbQSnDIJo9oyQUMr+sGfGq8Hj1\ng66fJBFVl6ZJUZ/EvB8ltyCRO1SkqygOfFDQi5+yh6DiQjYXfOQ/8Zn4hZRG\nf4+vJRXgku1djST9H18aeNea6PhkiNytWI2zndJ4ChisI7fQL6R0CBMJJ32t\ncZ+mYjXZhL3k6IrNrt+GBg5WrYktWiwc31CXUnhm4raDrgrVpXoPe2jMCSe6\nxcTytTXD4BqhRtixtwjh/7fsnXOEsxft3toWwUVHhjJPXuu97NHjwu2Fqfku\nbwAUcAAFWR1jlpj9jrLnlO2vYpgb61LpMxw2gMDFcE76vSoiTY3kByr18qOW\nMM+umHR2Idj6MUFi+JgIsuJ6vwuzOtKNdf7gMNxLndfqa0UoK3c28rY8MCHI\nMOsyJyl34YxD+UvnGa/lmn9Kw16k/KQO52FbnJz66Z6P96MUORdftVSPkBGo\nbnww\r\n=cQwb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5fd97ca8b5906f3b3097bd333237976e3e93d192","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.fa9b59f67.0","@material/feature-targeting":"11.0.0-canary.fa9b59f67.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.fa9b59f67.0_1614108789465_0.29163427478503","host":"s3://npm-registry-packages"}},"11.0.0-canary.869e3497c.0":{"name":"@material/touch-target","version":"11.0.0-canary.869e3497c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.869e3497c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd4628a31c4b4874f1ca22adaeb01e8036dbae9a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.869e3497c.0.tgz","fileCount":15,"integrity":"sha512-/XRqtTHt5STHL4qotu56XscvumW6KrNt6ou3f4nkNZxZ6PcK+UIL7whHJcFbVjx3KUQAVOby4O/ZRkozACD63g==","signatures":[{"sig":"MEYCIQDzygsn05XaNMxBPYh3cZAW1H/19933qRjQrejoTsUl2AIhAP5fFfa0JoTNMWwU6ku8elaOxkBxA8G94B7LRWIkm5DD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVikCRA9TVsSAnZWagAAv98P/3x7SRBvzKlTvNalNAA2\nZXmU2QbR46vfdaNcq9365YyaXJ+zejGAt1YAYAro0RRQpTsZCcZL3PlnMkfr\nKafKbPnhDPm441bLN9S9V8D8NWMu6HIBr1v8gaxFucTp1e5USINhQJZst/TO\ndXKAaJT2rtxhBr5is7X835b0yqKU6qgcwr2MOeMziiW2lmaZ1wqSK1PTcfIY\ndbGvbb6EHmaLVyyc3GgJPpbBQo2Vcu77CzXIp6jEdr7Tt5WaeDY60NYkp5Xc\nh7+RitgFot5oo1z1yvs07tlnVTT/DAcGYTeQMtdahC3Q3wNSxtx0PU8ij/dQ\nJJVvIoMQxNoMF8wGcJPN5N+D61VI5LCByJ8jmZ/cASMhGKR1ryBDTw2I1m1u\n0RvD2nKrC1pndv+O4MUBxazr28PaabfRwbsSj0/KiePxPnESQSjEDS/iDst2\nrfjS5O+5Hrll+mGa4cK5x88P/HurssZOUkCmW9gt9tUkKy2/WAc83oS9aV2e\n6FrxJJNJ5SENxZGMPsxalfEro+oIkNWmpr4/0NIOKAgBmf1+qTl5hsC81EvF\nQgzro0R7DxuoC5jcZvPqfXb697O9g5ZH707DnwzupSKpBT2Us0D5FpevH8Qd\nYYNys+rct9dlh1BlKfzZkVueuZJrZkl+WwV5wmUZvEo6TgLPP54rbue37RGQ\n2ZH7\r\n=XpYG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2e1e116734dbd0e962ee4e11a9952ba9ee6684da","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.869e3497c.0","@material/feature-targeting":"11.0.0-canary.869e3497c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.869e3497c.0_1614108835496_0.5381001262646052","host":"s3://npm-registry-packages"}},"11.0.0-canary.8ecd7c9a9.0":{"name":"@material/touch-target","version":"11.0.0-canary.8ecd7c9a9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.8ecd7c9a9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"08d6b1005f175e5728494e747a2ddcdd573aecb3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.8ecd7c9a9.0.tgz","fileCount":15,"integrity":"sha512-GKygr7NbvVHEt9DDtwZKBx6MS1z6Uu+K5avMwUzSTHsSkCwwEpCZVLKnJdwDEZj2+ELWTt9WCzv2iOkfY9YeYg==","signatures":[{"sig":"MEYCIQDe3hIkDv9U1izVHMXrfkfNq1uVRXirTOBQXZ+L4255UQIhAICj1D2ger8bsZryGmvhzpqQbxMh4Wq9PL/QdhAI0yKU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVxYCRA9TVsSAnZWagAA6ooP/iiYv1vM2e39Deyj73BX\ndfVjwnkpHMx/8WhzhnXKPlgYTcSHd9kxepyDiVIWi63DNHB3AyYB+xnhErEp\nf5YysHHkqHkh/tXtyRY6lB2CRGnCnRneiEPQkpRWSNGA8vINHLEpShBRYFLE\nyA4opU+0E6c71xyT71BpTSAS7gJ16Cft+A/MjikBms7xzNy9CfqdB2eX0Ac/\nnDWQLFv0UEbABbNNX+oIUnU7VWQywLtVEx0/Qy+/pv3VJuJHPBKs+0eBgs4U\npyBrsaNY7G92dzbgMAS/tcWlivf0kErRZ2DWX1Z9PfzxO8oz2vqce9iSiE0Y\nB1FbuZwN2PqiiRZSvU4qsl2ye3VRyorx2eb7RztzvxvlW3T1CVQAKOKgj9Mx\nPLpUIsBAmGjmH0KtKIa6VGJbF7xDip+D7FsFUjX9HiRngDd0qQ9/ei5D9a2D\n00t5cMkEbpminTVhpypda4d+h1ql0YY2NeTjVIsTq5G/IbYbTN/XTjBcTeqq\nCCqjSvadMYFnKH6n3MCegr/wWqUO49XGnuXnfo+zWYZcZb2C13bSJGdxMYUD\npvEE8D2PxDIrt7cVf0PBH7xQCWkmrjx9d11mPm841Uc2PwIRdB7PZ7KCpWC2\nFCsDCWGN6VQwsVf33HKY7y6tKFlFVTuOaDchCezdcsnsUx0Bs85JY2Ae9TRa\nD+l3\r\n=THO2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ec70d22f543f79f769bc5b509c9dc06cb8114af1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.8ecd7c9a9.0","@material/feature-targeting":"11.0.0-canary.8ecd7c9a9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.8ecd7c9a9.0_1614109784269_0.8003866800568675","host":"s3://npm-registry-packages"}},"11.0.0-canary.9c85d505b.0":{"name":"@material/touch-target","version":"11.0.0-canary.9c85d505b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.9c85d505b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71392c1503d29ffdc2070e6c39f3bd9fe3eaf09c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.9c85d505b.0.tgz","fileCount":15,"integrity":"sha512-8yksk0SIYJJI1+YQ2NS5FEJk6uYR25OdnpKMhvcDih6SfweG65EjFNPx6Gh5z6oHIxHBVBUNvVHtClZE2f/wAQ==","signatures":[{"sig":"MEUCIQDkVtna08PupsU5GMBJXHMj6tASiQDPs0ECHfA4aswZoAIgUtZl0yXLtTmSO4Pj7213yXF8FBlWVKDq48FsZfMx7qI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNX5OCRA9TVsSAnZWagAAteoP+wf+6ad7+Yvn637UjHcF\nGuz1tlAfxzhjbHOBjgCvqPBbk4MW0sWHm9nfZ4yhvsdLko2zPEV1LuyVlBzH\nYkYgtUAcHud2TxvgBp/yMNvaetOcPJ/lUOxATowSNgoDv1L2Qru7giMN6c8H\naPR7WYrY8IrTy8sV9SzwtBPFIkfJgnDkihEilvVDDrQ/akmB9TTIfFgoH76L\nzgQZJpYgTy3lKuv9kbxUBo2Tmxh7B5aP2Rl64Vril5fcRNKVqiv9Nps1pCO4\nSCTM1NGU6Tuubg79bn+AotFrwilg9QxqQm7FPpFAY0lFtQ7AHOSPCmbI177W\nVfZXvRDPakLTeRvEWXZ4r+uJXtbENUw0ArWb6hPmySe7Fj+it62hthCUN1rY\nEwT5IkT0nY8k+soBoadnkdWQB48CIkWDw1JcES7YfO5b4xmhH9w6hCV/xqbv\nRs4Vkujny8bud4vgceogB4VspRWNet26n61l7HBmvptK4anyhpZ3Dhov98Ol\nLmYDwHMxtSGzaZzjwa5meqz9JsClNS9LcUemTdu9H4ACeEUvDggjDUcL2S+U\nRYRQ7G6IFBsVD3uAXQZOM6A0vTEA9BUJcPzELodFWBA7CCtADGJLSKLZrvbM\nGG/WJwu/84Ee3XjDZVScPL9iQnwHXCToJ/NTdp9xgKaNgZupRP4ipx9idA7P\nR/xZ\r\n=us2T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"374562c85250daef48b37a0e27a506a7e81c56d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.9c85d505b.0","@material/feature-targeting":"11.0.0-canary.9c85d505b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.9c85d505b.0_1614118478470_0.18125324863327075","host":"s3://npm-registry-packages"}},"11.0.0-canary.9f2e85fb8.0":{"name":"@material/touch-target","version":"11.0.0-canary.9f2e85fb8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.9f2e85fb8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ba16fb755f1ef4ea8f1b42c0465d7354a248402","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.9f2e85fb8.0.tgz","fileCount":15,"integrity":"sha512-3kHI5Rie+4xbAaqE7nDIZS1/iJ5vWevJ9D5klmzEP7gv/4ROsVqj/QTndPakg6f/CDpIhFcsfyERCunBZM6Sag==","signatures":[{"sig":"MEUCIHWfPxKGwqAVzWnJvVoQigmAAIv1XcLvoXAXaI/IZCWtAiEA6sqUNpziO12HMMfQAk5Ese0yBE5YX4vPvvoFxysmPeo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNbAHCRA9TVsSAnZWagAAhuUQAJhF0I8Oz6F2SEkzwX3j\nR7wVxbzc+8aTFYH4+tFyrPLDV9Y6hNoQkmoj+HWMGyyFInWlG8R28fQ9jsbq\nz0COFWTDjErjeg0hDrx54iCMhe5OsGHUqxQJxA00N9nrov5dDqE1qopaxNtH\nkSx+SpRpKc1iQ4aho6PoyCRx70ffKqAt1cIOBtr1KdKUCKs5EuQS4crRkIxe\noEatMh5i8+t9Y3XuZQRH/6W6UvbSvyBYaC8HqSHae2BBOj+6bH3ngfNl4ar9\nWzeWPiBHFUYylFU48S7Aacpxueme6E3nL9VpunGJNU73Iy7MUdDWIADKsp0S\nMbnuwUC29c/Lh8ImpcltlChpqenT7jcisn6qL4saxux6NBz8Vt9aISEXkZPI\nXmeam5rHssinANnxm5e6+uusNqkCnHE8xM9sxhqIZZ5nnq8zmwqAZbIrfkXA\nQdD6RqHF3D9fFZL7c+1KiedgVUXeAWBJrzh+AJOvfUyX7jarwTqEFZZdiJU5\nSPKirq40J4zU96gYcLgkNq2qBC1hMfjNWKgUirz0Gh4jojNN5OIZfMtsdXtz\nRwZ3benirwuQmsdyEXBe4Poq8mpkui797orPSGZrYurF+R6cyhte60zT/ZzY\neXkTNgcafs9FAV1rfrddVLp8T6qBmFt2b9SfAZZ9+LSCdYreo8p1hzZoD8eh\njiCN\r\n=Del9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4dfe4e49ca9339b2914b3dfd9e5c12642a0fd60e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.9f2e85fb8.0","@material/feature-targeting":"11.0.0-canary.9f2e85fb8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.9f2e85fb8.0_1614131207095_0.6869846048054018","host":"s3://npm-registry-packages"}},"11.0.0-canary.19c4f29ef.0":{"name":"@material/touch-target","version":"11.0.0-canary.19c4f29ef.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.19c4f29ef.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"936a5b052a678353b8874009431970814a84af73","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.19c4f29ef.0.tgz","fileCount":15,"integrity":"sha512-9XPjQb1yYRO/kNJqaqikErTCEWJiTLuPR9ErOf+lpWjajPzEpPPW03zH9tVQucLSZMfbdkQN3lpeEqTgLzGm3Q==","signatures":[{"sig":"MEUCIAK9LC+dAWoSShbWfOkDOP3B8GHAnsO2OaykU5H5m9dhAiEAjFcUWDdR2rRBVsYbvk4kdwbkeivK46CtZ44w1oX+gO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgN/i4CRA9TVsSAnZWagAAiOEP/3ta6nwqpqfecSeLe5Sc\n3Y2npVu3Qf6qrv65YG0DIIniVO6VDeUN8rvtj6kDcdq8ASMdgYMju1aczlTf\n0/r8mjCiWJ79KAv1foWDOqFRzg6eO+DXO7AjuaNjF/sJ4c5N7LjEvKMrGBu6\nqNF087ZpSSo3bZdTJCssRunY/Gm1krB7Pw5n+JYxPwz2rNuf5658xr1Dt8OD\nRRnHbWbt0zVTM24wiIWFdu/Q6yn2xD4FkkZdSGDgNqn/x4hGvFIUiLfbPGZr\nfvDvO0LqyNp9YLQh+aogupIpaccbp2Jrjhcy7BNktwQuzA0yPj//+n61G46q\nWzi/yKvlfbfpCQJAX02CH22HXKNlLHXP577iKu2TOmB42qraV2wCKCUW+3ah\n7dg2Oi2hMvGhCIy8clljEX5dfZCa1YRlNrjsXtdPDYA7Qq6hQ4P8Yt2GoljP\n+qdNir+fyO5Hk961gJYmYnykmtboSKCUmvKxlwVVVJja/MtMPtN5QJdWNR7K\nSSvoBCw9HVDIJev6VjuQhuQp9CsvT2fZQa+XcdG463JsLBxiM6rfd0vRxy1J\nzJg8H5Xgc2VjXkgwzlPqSm6LVk5+NUc+PJkZHWY9BJygb5pinG59GQShdaSK\nVb9ZQwIKFt+9MBk3QHUKFrr87F8kKRroppYbawTLFA1TN13LfjEJAPhxedrp\nqPsH\r\n=FRNs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cf61b54810b37e81ab57d447f7d050104a2f6f46","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.19c4f29ef.0","@material/feature-targeting":"11.0.0-canary.19c4f29ef.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.19c4f29ef.0_1614280887497_0.159541666412222","host":"s3://npm-registry-packages"}},"11.0.0-canary.63df6e9bf.0":{"name":"@material/touch-target","version":"11.0.0-canary.63df6e9bf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.63df6e9bf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2018fe043a62518b56d8eb413b8e17ea83754b57","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.63df6e9bf.0.tgz","fileCount":15,"integrity":"sha512-a0vddvG6C2CrBzFMDVaSBXsggxrlbW20F3DHmmYqhiQgI6ezf5KvZeaC3ZumzHUYkAWCJeRRKPam8RS0QskJxA==","signatures":[{"sig":"MEQCIGZd+0HLIzPqcjtFv5qCnw9n1cYkWemGM0sliXCvM6TSAiBvGs0/Tt1e5WDLGy2NZSrbMTj85My8MuDVQ6aUWIPuMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgN/w1CRA9TVsSAnZWagAAdVgP/jn9LZ6xidzEWoDS08ss\npj2wOsY3h6doa3jeqcF9MJhTHuSLAQ0p6v04RztABzmXAlDqAfaTn7G4wuTm\nmWenFTv4E8wCe0QrtIKhDfbD1oae4btYY+e31lyIRGMczdhEiktBhbXyFsqx\nnSg9tIgpne2ELR3Z1arDGUR6sPeAZHsD0WTGyMeN+04EAYlNTh6Kd4sl5RGd\nGcduv3mW29RnQlP1o3GRuZWo4H8H1D3h/VjtUMO/fSPZdL1utLhDsip0uTpg\nbI7agsG9okiQK3snlVop938ifI79GelzYzXECbW3PqE0TVkvALK3ZJPN9bPz\nC1hpkeVD/5Qa2VsPeQbnhUxScA+bvLu4PXNXXO3+AXUobuAL0XcQTowgWOxB\nbOiKnNd39yqP/sGVSmCNuZ/1IIiRXvi5sbKICjxHLFvxO/RRBAP0QPE1pinu\nfbCnGTpwotQXatJqIjZxBsGd5DqgpnnkVs+d3yAKcWI0Q4VI7Ov4VAubAmdu\n7u12ybHDuHN34wbbECl0THZoPtGpHzHN2qunDiHYeI9zh4d+oVAcCpN14ld8\nSUIefQkH/+3HgQWAezRluH74Y4wWqoAlplZdEaJ15p4d/nP/HdPToed8vZCQ\nqPmo/dpg/SC5CONjDn/QZ85uFLmyz2vp7KHCKtnuRP6jkOALAYu+4TcHWJ5N\nXQAO\r\n=SI7E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6d11b414d4ea43b5c780988e2437ee30c9f1c0b3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.63df6e9bf.0","@material/feature-targeting":"11.0.0-canary.63df6e9bf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.63df6e9bf.0_1614281780575_0.2849197530742207","host":"s3://npm-registry-packages"}},"11.0.0-canary.981ad970a.0":{"name":"@material/touch-target","version":"11.0.0-canary.981ad970a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.981ad970a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0516e3f776d397a8260378bdbd15c545aef54055","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.981ad970a.0.tgz","fileCount":15,"integrity":"sha512-8Fc7n+sS7tBa7VaR73LNOJg9zDkPSWl+3N8d8W0kobll0qN/Zm2cFf3Ak5Hx4S5rJn3dE+A9RXxNJmKVVLhCwA==","signatures":[{"sig":"MEUCIQCaLTuxLoqxonYgQj+4eLrexDmdVmuoim0Jl+YjPQgtGAIgEjcp6YeQSWv9cc5GAJPZCDBivCUPM34+UFINQQg0ouo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgODuBCRA9TVsSAnZWagAAAikP/1uUA5+FL0kh2Lug0OZk\nPVXcScr3x4tgeVPj15YFvh/07tbKlhAgSxEisILJm9Z36NFuWRNNHZNoDsDT\nVCTDjwmmuccH0HsKgfHDPBy9tIbFb5RbFeIwpkELkb3DmguuiC2rSBpnggO8\nzfMAE0ur8l0DFZjqZuT0fwJDzfXHzC/Thszpik8f4gI3eqvYz5Wlcf1B4h9N\noWmCY78umgAauer1MLzZJt3rQ+5+zkXNG85iVUGDN+FafExqNHwJuRJLNtTe\nLLirpvb4gprbRSQQA8q3QszI6B+7R+is/VAesRq1SVx6oKnSTC/erHPOkJ25\nTuI80IEAchJhtsoWCjXeu0E1xyWuLdk2RYz2Xa1IKVMDZ/iigOc1RtzDjDiH\nhRJGACWDJ0srfElSo4PHRz+SXMLj6ltRUIuaOGdjPXHLdcG63aONmIsvuNjI\nPLEGYWdfg0M+4htjzt/HFoXmglrj93Y1Goe4FxyJeUA3NGe8uDXAZh5QsRuv\nETNXRraAgPiSDMqVLJdKW80LhOE5fl9oky5lYSLur3MG4aL2IUd9cF0MLQIx\nqNzV0pk+Y+L6Y+DLfekBQWpVRSGgMcQC50CqQrh2LWZG42+MfTdX2W9NLsr1\nvBjjUSMyRIVyfRrXLMH72amHDIV1SpSTrBNQOXr5krlJYwCiBqNI4K2E50sY\ncHoi\r\n=A2Ns\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0faf6e6b78f0c9b2c63f416ae85331d13aea198e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.981ad970a.0","@material/feature-targeting":"11.0.0-canary.981ad970a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.981ad970a.0_1614297985329_0.09826740816675383","host":"s3://npm-registry-packages"}},"11.0.0-canary.f9c9e39d6.0":{"name":"@material/touch-target","version":"11.0.0-canary.f9c9e39d6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f9c9e39d6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41dcf3f6f0df587d7512fa9457f6671a22d89573","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f9c9e39d6.0.tgz","fileCount":15,"integrity":"sha512-SwSeecVijQ3SuOsIDZiH8ttu8sDrdqhUO4/SgDPVkcqeCy1vkbAxRa/Nw8QQAhR1Dw9O4Ow31csM5ofz8PVOWA==","signatures":[{"sig":"MEUCIQCACcqOwopugqhMrMhPEc1vnEUKejX9nxeRza5huquQYwIgOmJFXL+FdOLVjXRyn1VYZb5/UqoQvqkIWNffGXjZSGg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOUAJCRA9TVsSAnZWagAAkOoP/23eptaZWdNN/vqkto+Q\n6jeMKq20Kt1w7vot0NfWhWYstD4Wbaqz+A737I29KQFGQcklximFqgbNNLJA\n0n3ZT9b711i3F46yt3NrkvoMQ2OPdYGZCTpBfYNlzo390sTS2E34bQ+EPn+G\nqFgQYHao+jQsnttClKXSp+rbf/yIWM8rb8JF2nbEF/EWF3yDSSuwTgaKqODr\ns4y97Fc85ZVDV+m46oC+7iVJJ25YKLpGXCo7j3uFIgjyvi7j2/sPQWwOPvVe\n+AQjGJmgg0Sc+t+oI86OeRLPQTj6WhVSKzOWIYf+dzkYA5hM9tMZGpj7QHSc\nja+FJ3rFaK6TXVqIQhYzMgx4xDj5cF0lp/rgrx8htTisVn37ODD87KHbKJtA\nkFQrPKacd5I3L2NBIwAFEzAGN/wxVAvsPkGSML5sR1K2pkxTF6RS97auv4nF\ncAjlytXVv8CuX5auLqGbMJlGJLC89UyTbwB3pNvMTyltFDwnzHsNM0+iUrYZ\nMsELCZQONuI1paDr9x6QU/giIj1E/zC51uJcbeaX1Z8B6ugXD7hNhAr4niM+\nGBx8rtckWe7wN5XzoiLbA9TnywtXHij7uUiTFFHlae414UP/mIo1YbOMN8a0\nqCDfxW629egKnKhSDYmC1WhM6kgYMFT12QN4GDt4Lzk41CDnuF6CSsQkyrdb\nQQUv\r\n=TMtQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"81d489ae3f1defd63ee64de05a2a330040ae6406","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.f9c9e39d6.0","@material/feature-targeting":"11.0.0-canary.f9c9e39d6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f9c9e39d6.0_1614364681182_0.9681108174013504","host":"s3://npm-registry-packages"}},"11.0.0-canary.c97d7d881.0":{"name":"@material/touch-target","version":"11.0.0-canary.c97d7d881.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.c97d7d881.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"32ca10cec5253e40d382001fd7e4f851ee3081af","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.c97d7d881.0.tgz","fileCount":15,"integrity":"sha512-mYVNqNL/GPKyDCnrCU+OnymPny0jcb+ETQMvBmY1B+uebm9sWQh/J2eTxkcUZNAhgaRTpcp+udo+JMyafLWbxw==","signatures":[{"sig":"MEQCIDbknjhIgebVqhOALDAEw0iCHtMobIUFMbWP7McXX5L6AiAGIUElZPW0zU6PixLk83+fAuRmfTaWtcmQTnHSUZeF0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPVQBCRA9TVsSAnZWagAAXtsQAKIsasW4VX+DufUmnwpg\nfUVq6yX+1Lgnp8skCegQKCqODpw1ZZOTVyWyIxmmnEem9nRIemybSQ0J/9Nj\nKf7m5sCQmX/u2+z5/T8he8aQaqDiYA4YC3uiEPwQwdF63wnjhIrVnNiyHzNR\n25K6/XuJF/ykQ2JBW4QEEvNRs9o32/St6xFMOpSFpTZ7aJwfUC/TDpd3IWcr\nGIx4OF1xd16ewErPl01WTD/xyWMOASo2a1Jm05FBn88n6rDjSWpCENZW9uU/\nXNqk6cEdjPgpWZcbjPYKt07XgauUveOzvFneBLR9m7BWGK5Z81tTR7i24Zif\nNzrcI9TjapspTsShpsNDCeJpTefwETcvm28iPEyT/xK0GEq9m+U2uxRQm+3e\nreNMZGENVZxRhyt61agukjTjk4/1NYJWse82P0sut6xWMbhUhkKjGAtb2Moj\ngEU0USZ6wL95aGTMuyupHzdxfs1hr1N65USugE8Sp8KJxD8d7P5BYhJRfFMk\nKtu22TDT4mSIfQwMMOeVm5kUXmGDg1HQKBppo/+5ny7NQ2hTaOzPLfNuJSfA\n870jsvLzvsDGtRQab7VwVmzRJmk4XSrz2N4gKWY+T2/AIr6a0DdWMCX1nUMC\nHaOeyxY4f8IPIT+4cSNxRnX8iRMVCqFuX47F4crn1GQ4qBcsgqkiqQ8hrx+x\n9VFm\r\n=mOVt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"27a49055320511cea9f431f9c62d44a6490bb64a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.c97d7d881.0","@material/feature-targeting":"11.0.0-canary.c97d7d881.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.c97d7d881.0_1614631937313_0.0016963753674337223","host":"s3://npm-registry-packages"}},"11.0.0-canary.bf670dad7.0":{"name":"@material/touch-target","version":"11.0.0-canary.bf670dad7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.bf670dad7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cb58857f3109f3743bbc88802e9240955429aadc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.bf670dad7.0.tgz","fileCount":15,"integrity":"sha512-gEa+3fJiLwOzt42BZO4mS8TqoYYpGOUXsvtUF2oQ1CbZQ3r0VEFo3CnBYoeRUdrBw9AIUT9KkjlCdMavBPUIAg==","signatures":[{"sig":"MEUCIQDMsIH5PFzjgFOPY6v+w0qNUUqF7dUhsZWq5hArC2CBzgIgOALBcC8sudo5sxqHF8I3u0jdREGZkkP/7XpY/BtpC4Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPtYxCRA9TVsSAnZWagAARvMP/i1RfqwA+neqiy2ehEi1\nSWkhzQpE8KVnN9LnTZaPILhomXYeiNZiDw/jiZ6FOIUnjnbSi9/AIekg9Ue7\n+5s+g8dpGTpgRAqKJA3MjhnSWLIhkqkNyMpJNy9kmbyQHrZAMEcLRKsISM4y\nkADOe3sJnfRnX2bC9gpFmvPQYiSEcu9DjWKmXL+xLKXttGJumuJ+msg4nnup\nNTiSCY6JRqmoh/uAc24o3mxeAb+a+F2TLLkWWRjQRBatq8SBqo/4yJd9w9NF\nK9u13PW3WLfzBL/PvG5yXkpqeov3V9mytj7Q2tftCKfd+aBmZfzYLuAzN1TM\nBZe9g0eCQIWNv+cSUfcKTmjM33/cIDX0I86PbcKLi/rZOrYArdY2inClE1R0\nzezD4pFmnSKLMppzi6WMkplftIo+ZgPdXE139ET8Qw3Kt9HUkzObrwSAcA0I\n6j867cUDPso3WJnYAg/iD06I60s/ES3uvp4ghIK6GANUtiak25NyZG3NU6X6\nawiIIvWxwBFJ7Dp8HTuTa87/3Szu8nHXCvMdTGwmQbK+IQ/4wBvPuKU6WQhR\nV+NaeqKQFuqCdU8FTeyzITiPd3lYhtJXCF+eRMN001eR7ODMja9oaEglxNQy\nbJWHD+vvV3RTGY0pPX8saZqHzNh/W6+54sTSpaJo4DwGgD8KGCHMSB8qXZcn\nS2Aj\r\n=KBPd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"61b03e5331bd5c886de5c4a57a4edc1b53878e47","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.bf670dad7.0","@material/feature-targeting":"11.0.0-canary.bf670dad7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.bf670dad7.0_1614730801277_0.3452511710818049","host":"s3://npm-registry-packages"}},"11.0.0-canary.c7d98fcde.0":{"name":"@material/touch-target","version":"11.0.0-canary.c7d98fcde.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.c7d98fcde.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b5287eca72eb486c92e18379901f80f3c85e79a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.c7d98fcde.0.tgz","fileCount":15,"integrity":"sha512-oYkOZ//KyYa5QeXhBxjmqffTHuNVtTBA4PE8K44uTwFlA8FZfV333uY5g2d6HGtmXQUcQpbybTHd3wmgM2oseg==","signatures":[{"sig":"MEUCIGNzzaVMWRt/X2mEq6MtjojrY+E7+Y7cqcxSDS7XER3SAiEA58hRVM2yaO/raIZHB/SFEVMLt4ZoWvYkAj4d6mz4JqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP/H2CRA9TVsSAnZWagAALuYQAIuqu6/bUX75Iyl8XpFp\nxfOFAa+xQJr+Vyc2XxXNAxWw/E3rKpQkRNc3xpUtLK+sze9CQPjSFV1cwF8X\nyWOK/95bAPJDmC1de8ZSDClG2x2j/DA5PjxGMp7R+cAaBOMadOHOTqR7RZrz\nHXI/n4OZskN1zWtUoD0rB6jezIAVUFrhbCsrLVC75Yg1uMwBzIKb0u3yRrGJ\n0KpSP5Xj+/8A+O1AtE4uY7Sypj2Se6sEeMO99uRKNZUG5eU/ZasMk+2Ywg70\ntwBDM1OGxgNXy8D6bgzzSRTx61up1/N/1FC6UwrdtBZEyS0b97yOugNhJ75m\nkdR99F606zfCjcKPV5V4uIKdYn4cX+qoQMWn16oIK1zLhMJveqMM5slTMpX+\nERUlI/qxsyOArxpi+fVG7mlykRpHIqsxrB/BdT90SCKqMcrOb3ea7bPl24ME\nkUhJ4ggYLAYJlBx7T2LDlIQcGgCuQRvpBn3LoJa9eefH3PFFk/FVQAXNaMt4\nKVFWba9pjgMsw9KEXHCIXprD0uCuf6DyuvXCx/Gqnn8U8J0kZLuAt+xxPK9E\n0MmXSCczShFHQU7f5EW3chSq4e9XgkPZ0xacadHk8rUblccDNP8kcVzfjdX/\nqntrWQvmcNqVBXxeg6Rts64B/fjcWPZCV7DAaXZ5aiKRM4WmrGqntMtumP/T\nmFGj\r\n=k3a5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c5c4c5b417df34d141edcb1fd743d83d7a2b49cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/base":"11.0.0-canary.c7d98fcde.0","@material/feature-targeting":"11.0.0-canary.c7d98fcde.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.c7d98fcde.0_1614803445977_0.9818436495292493","host":"s3://npm-registry-packages"}},"11.0.0-canary.4fef8bc1e.0":{"name":"@material/touch-target","version":"11.0.0-canary.4fef8bc1e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.4fef8bc1e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3708b3517889b3b45dcac80ffdac2b93d4ba9226","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.4fef8bc1e.0.tgz","fileCount":15,"integrity":"sha512-lLvlnNaH8z9Vxibcd9qqVtLRyG4sdmEgPs/+u/Yhf9RypPkiFffJuW6+3GEjovLHjiWFs083hIOvyV3J6pMsIQ==","signatures":[{"sig":"MEUCIGNJEyKkI1GkgVV3Q0ied8GxZ8n8lWrPd0L6fQXkR9MRAiEAgjNEvkDWg0MotNrxjAwlGAW9mTuLpB0McOZVT4V4O2Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQBpnCRA9TVsSAnZWagAA9+0QAJo08Vr0U0hD2MDIm1rO\nHs1rbmo1+TKreINyx/raNAqeXvngO9DNpmdScFQVMA4mY56wRCNofLEDSfwX\njD6luaBxEH8mX3rSuOUtn7dYNtsEXTHK2Rw4S9TZUWEI16/hG6UMTGpRXCxZ\ndVoS5amtyOTh6T9t9vua6kNmLaZJfxSWnrH2RJOA5mhtqGKInrj2bnoDoN12\nJsKvSI9w+YK/cRsEgGNwMeNSJKlAIRMfQGaXdQRixrCRC0Vwt/kPuthI5m+X\nIfedyKWyYm7Nj2uAZLMQJgg7a/LvfaQtZUFcijI0RSzmhQQ1rBciwel8A2AH\ncYFQZEIPS94KKgspl5llftKgXIGMFBzsSgvxe5RM8vupS9jUsCeQPvJDkdbJ\nHIoinPI2T3tsXJE6/+h2HAxmKWjI8IAX6U0+QlKd2swNYNwjBnycnFc8f9SW\nwN3JQgTMaIKpMJME52P8A6ZGfS9zFnl9Rdahph+G5mUHnn9WBymYkKeZr4yC\nEfEvH6H39c6Cp3kZF5ydl1TpzV5iPJullf9LLcf72QX+Uhsy0SFYvYW52rKH\nwf8JolzIQlfQHxJg7tZhvpmV2gF/2YbkjvTOjdRU+khDFH8AI/zG7bNafC81\nwQMF8faRBCEcnvbsm+vuwPS6Mn9zgcz64RPj9J4FDNWWhqyiPwJtJUN7dXZM\nhGzn\r\n=h+WY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"933905005f9c16276caed5327bc6ca581afabb6f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.4fef8bc1e.0","@material/feature-targeting":"11.0.0-canary.4fef8bc1e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.4fef8bc1e.0_1614813798458_0.31041851877231275","host":"s3://npm-registry-packages"}},"11.0.0-canary.afae3a3ec.0":{"name":"@material/touch-target","version":"11.0.0-canary.afae3a3ec.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.afae3a3ec.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dc22ffc62de97333ae3a3d334af894af69865d78","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.afae3a3ec.0.tgz","fileCount":15,"integrity":"sha512-ebIOgUrKORr39cZw+WncQc58i3n07OnSQFkMi7d6pNBdqX7B0ijMZeYtEiVYoKZDtR7OLiTpazqlxKFwQoE93g==","signatures":[{"sig":"MEUCIQDCIwtijk3K31jdR73sMd0fL38tPZ1ZftvtNbHc0G+rCAIgfXnOtGZU1gqlc14z/N/mdgEnjw9fkx8budSximwBcGk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQB6nCRA9TVsSAnZWagAACjYP/i5CXqzhVYaew5Zbj9Aa\nSvi335SJAi6R6D5Gn+iKkOYpq0KkNAf47vROvHEJR8wR0rjMBxbBUaqDNow0\nfXfTiD4I4SY68ek+Xop6lb7IRJ2AlmYYxpNZVYcx4Kypz3PuTOsSmOIjxm9R\n6YFOxY0qhzs2V9HP0DtdIuckAU/PNEKqs5zLpzjQT0XtjmRES5bQogKabgt0\ntXVvv4TiGiOJd7J50wiKCzOtgvNRwKGHwTjrwnm9+uO3Pq/O1+9ReNTWwwZj\n7E0x+7rhGvtJjJ47lB2xpLoZ/fhUybP3IW508vwHj25oaEWObVMhcGsARuiO\n85CDw9dtzLB3wYBAPN3xENI51thDJhxKU/9lzQuONmilXjlu7sL6l6ymcooi\nBzoHIQBRws3uwQdxnSx3GZ0+NlAQPNL7YtXQ5iOG7oItuLRllryS9ElVWJHr\ni4HYWLXab8kvmTZTkBwbPMfRtGMRUvjIzq4kIztMvUfMc+W+0NdKQCMpInae\n//Ai+DKugy3UvtuZ+O62+CxoG7jq/C4kXBW6e2BtAlTum/MBHrSB3cYk3+S+\n2Ox58iw+RzYvIuCFVcf47fwWzqxdMBuogVW6WjCJMUeZxIUT6/xG5KPDm+nf\nH10SuUjf4EIoiNOvTf+FuF+b5J6G5u1j75GAaIMNr0PO8c37K26p3Vhfw/mX\nAl/G\r\n=p7fD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"054b07cc588568c82346f2cab8aa8948b77a80d9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.afae3a3ec.0","@material/feature-targeting":"11.0.0-canary.afae3a3ec.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.afae3a3ec.0_1614814887203_0.0002889765529014987","host":"s3://npm-registry-packages"}},"11.0.0-canary.0a0b10f22.0":{"name":"@material/touch-target","version":"11.0.0-canary.0a0b10f22.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.0a0b10f22.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"291b83152a68c0d07c2f066096fe7bd9129c994f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.0a0b10f22.0.tgz","fileCount":15,"integrity":"sha512-19GoL2mjsdb2fszjYM3cMtlkQD1FjuEQOUmJKR9Z6x2A/pnMIHOswB9QbvNpGDkpgE9pn3vteK++Hh9OSb96rA==","signatures":[{"sig":"MEYCIQDBv5wDTBqSl40GDkEOZwtjUFvPai1rfmGDCK739V/NjgIhAMpQ7UlrsLzVDF46K9hqM85Ym/H+FAPtS5PCI44S6rIc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQCL6CRA9TVsSAnZWagAAzpUP/2n9SflpGvoNcfJVU16n\nPAJKjCh5aXtr1IJln4p6KKp0Cn079qnAG8a2JLQxRCd+SqFf18/BYZ2YeH8T\nxk/8f7ouJCb+N4gCg5ySUbG8+NpjMr0uc/AEyg02mDhA3mxC6ftKWFYKUwJp\nCrV43LthW4QEOD80NNBnpglPyUYpBaGHt6TeTUR4vo9WYsP8Wg/cC6KTiXeP\n9bt07VR89nNOZ7d9ydKl3XmCOozR3Hxgk72fJmWusSPuGQUPCAZLshzFs8xN\nxgVe+BID+iVJ35kDGedi2biYQ3HEK4W/ohZ09Mgg2CgS5ZNCcwrfoZ8ZTuLW\nr+3H/Bf9+NSPOQFsB5kiEcrInSFzTov1qyl/Wvj1xniI7hmgWSJgFHKopglH\nYzwKbXO3LxOhHgQX9nZhZpE+oEHjzafUW4cnAirp+TZQq62dBP3fB0KlnFx/\nWB5/fi5hCY4j8vDB1W0F8yHPl6p44tT0WIAFwc9xMiDssj34nMsvrpVWWZlL\n1p3roLvuQ55k/rgfNA2RC1pqYhfxUroPG6E6MkguF/Xp8TCuFtMH+F5zbYsF\nU71eqHAhXlwW3DXghsK5O46afIRMbe1mu2E154XDl2v6YDbmV74z1fA2+BWt\nPMloQIR0QlWLBSHYQQ8J7lveZQ+DYV68nrUfpXoffB+awiPpZg6ueBU/N3IS\nbnNR\r\n=ZdsJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5b560f4bc4c4b50a124c9432e81b3287bd348abe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.0a0b10f22.0","@material/feature-targeting":"11.0.0-canary.0a0b10f22.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.0a0b10f22.0_1614815994050_0.8216012766890171","host":"s3://npm-registry-packages"}},"11.0.0-canary.6f678a91a.0":{"name":"@material/touch-target","version":"11.0.0-canary.6f678a91a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.6f678a91a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a4c4c1c3a47715ca3830f245605d5302cb7281b9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.6f678a91a.0.tgz","fileCount":15,"integrity":"sha512-Esl2s3KEsFI7IwHbB4Wh++p8HqbXFYHkVVyLg+v2ODhb0En6DCMhfwmvQASna3hzGImbsIxyLeiKAKEhBYXdrA==","signatures":[{"sig":"MEUCIAh8plMDVQsilxl+Jq3DkGoqxS5LGUrWv8rQCwFvcKEHAiEA6wOo32WzDy7AIYROUO/4OQu+jyP2me+6k4peJXAi0O8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQSlPCRA9TVsSAnZWagAAtBoP/25pdvPEkbDWeIFs+Scd\nqp5vHW7cXHfJsBE1wzwJ7pzhEU8+s4T0PRyRC+KTmLpcUgrtFTv5b9bcepzS\n3NpDRewQKKzL97in5erjd84iStNe832Ptv0+Ld6pdUh1QoDldhUA548N80RW\n1qRuNJJxq7X5bqEwroKZRdUkZQ5jBD4IesgFLcxOd0CwyqvFCHDzs2jz2/Sk\nn0+kyLrGO154SIe2dbia31PeERPJmq583F2zR2gaTUCg0srbZWHt5Th7ivs2\ncb5dAveW5d0Y30++4iHGlp0qVRCtghzIBUkAr/am1oG0T3TwWieeJ2WcGsfK\n6zT8cEtfwkOeUl8TJnzTjRbxxudqdIZoLfUfP2s6yIayhqpnxlkbdmSnRrKM\nqYqPuQRX+9ZDHfvIsvhNVtVpP9mNtenD7wq3X88Ry7UEAYPDbABTCl4Pp8tO\nVIfPD7hyBG8W0r30ZT8zu5kkqqrwWHjKSHt0ZdWWdF0N4pIdVvMNTaHG3rwr\n6WZfqQZFPeLqQOzPYgh0poYuNu9N/y8pml/zw/LbngoSCtL6aoS0Ps3lHfE0\n2walOWGTFd7610Egv6DuO9Du1xxQZOUwUargT8HQPeAQP/4RbpDINdU1LBKV\nk+Vj+BX/nxzN4MYn3Egk+TBzREGLeQpc2byDM506HCF9a6YqKv83i5AVP8oC\nIMsd\r\n=npB5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"863e8a04081286602f8b0c9bf446655b9399e8c6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.6f678a91a.0","@material/feature-targeting":"11.0.0-canary.6f678a91a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.6f678a91a.0_1614883151422_0.0983101248658449","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5f1b613c.0":{"name":"@material/touch-target","version":"11.0.0-canary.f5f1b613c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f5f1b613c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b728ae777c6e8e392ca9f714e412894665c9f274","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f5f1b613c.0.tgz","fileCount":15,"integrity":"sha512-cflXO4arV74MB9q/ldeJAnDX3TSR9KGKRZxfVo+/yEBMJ8fgN1v4w/zYE8HkmXzEU4kh+58zVEORCwMIbwKFyw==","signatures":[{"sig":"MEYCIQCIdW4+3Z+kYhsRJH0/4Rq3XlnPZiUYXcrPaJ5MZbtrQgIhAOhSChbymhcFlaGuKUNCmJB7+5oqmy8w/Ui7/LaegDg5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQUedCRA9TVsSAnZWagAAaukP/2vVc6/Ya3ns+f95wwsV\npdqUNGdOZQWsf76X89g9FI4cw6QIPFeqoHbGB51+lQ/z9e0JKlYpOlNwmuoM\nvLYwestQ8Y10FL2WfAg2vdGqi5PFbYmaP1/6G5jpxnEojsfGjU9TPY6whZM3\nA2cMm7emeXlQSBCSSegqNu6x+gBrnF9E5ujqe2GjEpRFi1XkzR0OU1r47Qbw\nADziHQyMH6ld4VDjSbowFVZjr6uuOGd60XbnwrW87J3y3x4DH1XtKbkNvFOy\npwhTpAH5cWNw4z4FjPVm+rzjYRxht2l3MFPwKQIwalLXrInoMCkVLQjydht/\nDZRYTp5BmFFk7/LjxG5Gj1o1PD0TfwImGbOF3WmbLjTQuYI7lwHwhJbOwR7h\nM871HVzoXclZ/ifMaL3N12CnmxA2zkTEXbopaEFapH4xgyu1gXp1BQzOgdf7\nYbK/F+eHi1LfhzLNUHi6RM9zhca3ExNCk56sESzPHmGjImphEMicYB4z6gWP\nDEjsw5LnJiRS9R6LR7Ku4FnWLBCUvdKQzY40oJhPJ7O20mjx6xmP2cj5nhNg\nITXU3W6ki06tTVOlslplme9RxrmpgFoQ0H59isLNmna5G0ELrw9znrh5jGon\nfbf4If5e2iEst1kmLt3g3yUA7HMSiZlopu8IFLC+/UeH5s1eMaE4O2+keYgQ\nIYqM\r\n=XdPn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"20e2000d9ec732c7cdd0b5c15381f0a55f778036","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.f5f1b613c.0","@material/feature-targeting":"11.0.0-canary.f5f1b613c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f5f1b613c.0_1614890908662_0.19712017598584208","host":"s3://npm-registry-packages"}},"11.0.0-canary.606e767ef.0":{"name":"@material/touch-target","version":"11.0.0-canary.606e767ef.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.606e767ef.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44f7830b70b10c1465f06911609441e816b70e19","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.606e767ef.0.tgz","fileCount":15,"integrity":"sha512-rXaNblE2RX4PYV548IH+D/QD8ANEq7tMaErjc69PHSVsMexWB/Moqx1SJcjBH23QgJXumnayUPHT1vjyb/BN6w==","signatures":[{"sig":"MEUCIGOdrSIjcJr59cxJbbhjADEaN2c2jLxdh6Bf2EiaXrI1AiEA28e3ujzr2yhnoMQLPVvRWSJV/sIk6d4z3kg+kRcBVlg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQVS6CRA9TVsSAnZWagAArtQP+QB2uQouTX8J4aLYPAwa\n9pk3u/ME26rVJFwebPdBaCs9i92cn6AHWZiHGD5Rl4R9/xoFqWh+gpgc9lvC\nVVLjKh8t7brdaPK6F3EzC0bVFIEWzKpXm0L9dFce5kXc0tg69z/WAheZIL8o\nC+g0Uaxny3oB6B4HQgwaLKQNpuMLqRHzR1pF//SWs99Mpp0o00ORKSEGT0au\n9VxVE+lzkdI2Ur1BmT6SRWvonxcxFNjybLo0tvrgLnPlwXDxgrX+K7VKgUHs\nKEUrdy3bwjDwNqQm9kQpB+UfADQ0RLDHTmd1UM4OROAdPfO0gePDt8rpb2vC\nm8IrGits4MIn7M/CMyFKBXHFNlzpjI1dId2tGAM+K1Z0fsU6dqE8YP5LjU/g\n4xAeTiVInkSNf8L4BpFzd62WPBpX0H4N7o9uhn/tjFyl3KQOvPsHCd6mQpA+\nod06aI/QYNE1gwtO7ET02dTfMyWfwUOroJT1USahyjxdtWhrP57MNYpPG6Dw\nc0n3Ndv6cjE7PWwCt0r9twtAJyGM1lSxXR89aakj+kOwKYDo02Hait57pFF9\n7sOAAJXrhN2qWt9vz3vYuqng5X7c3USVIZo7pO8yCg0+Ll+E+nVZALuSVOkA\nQ3wb6ZEYNXff2quf+nqM36okSzsl9rRy4BslV8GTfN3cke27EP7bYJiunAzf\nr/nG\r\n=hoxA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"34c41b3553e1ca4ee49c0c36a1685f3f462d33ce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.606e767ef.0","@material/feature-targeting":"11.0.0-canary.606e767ef.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.606e767ef.0_1614894266060_0.6707117089460741","host":"s3://npm-registry-packages"}},"11.0.0-canary.f77a4dd1a.0":{"name":"@material/touch-target","version":"11.0.0-canary.f77a4dd1a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f77a4dd1a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"131f0b4b70464b58157555c56030e773588f5b67","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f77a4dd1a.0.tgz","fileCount":15,"integrity":"sha512-xDznquWL+P49MWTHwnxRibpl0K+gWnf2fMpmM1UQazH0OHmiDYtaGDk4sjRmAlmFP8YI9+xe1kBQ8Jl0IY387g==","signatures":[{"sig":"MEQCIEX8/VPs7dVqAYTnUpOugdp66hTphOxlj1UmnJtYDAjhAiAI7pzegsskf3PQukpMFjxuqey59Npuj1cZXj8q0jqb+w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQwdiCRA9TVsSAnZWagAASncP/iOPOBf6FGmn7jfbD/Xr\nj+8VNhC3+MuBai4SCuhgyAerOyP0iqmgbQxYI16EfijGBOkuyCBp893Zdkh6\nms1ilTmxFHEvdNzQ28bbW+qwNzlqH06jq2d7fJ7TeEHlgB6hwFsUUm0w1OHA\n0Hul1AdccVjYa19yNmPpnHe5vRyxzI/AQ6LrCQ8OF67o8w1Z9ucjMRinFHbb\nqMiZNMUvsOKsUflBoAZFbJ/CPZyHGIAnPiUXLn8+hQ6w5valaCWhkKxruJ4T\n+99QjmKpsN72MaSv0Ikqv+C5oypbk2lHWrzpyUM0G41xd8+4NCJoLLvaG3J7\noJVzYakTrZ4P+0n4Si0EBCXwILJSDHp6d1w0AB3eT7fhAoCqT0b8kguc02ow\n2Pp9zoDv3pWMS0y175a6zoA9Q0ciBWpISztqNvK35XR/PBJq9qlJIhxUqXg2\nhW/N+2RtYkNMNHN1fnj3K6gK7z1bCO3GZ5kH9ECjBByJ69dzNUZHr4Vl8hfB\ny3BCpjMANQWsq6EvNZLIhziiU8VRrkl2YYGl53QSHJwZ+nXgC/PgnEdf6SnC\nCR8qwOLcszpFak83fefiqfp1uwZhNbY1Cmv29lLBIAWmjFowbNE9N0zzmaCG\npGsyDbw4NjndVzrwECVvNkqhARH2Ks7eHzsIL5iZlWyIWlBDqFZgC1xJOuZ4\nBTF4\r\n=Zc8N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9a729bc3e368dfd8685190e8460ffef16eac8947","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.f77a4dd1a.0","@material/feature-targeting":"11.0.0-canary.f77a4dd1a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f77a4dd1a.0_1615005537951_0.7244815659538808","host":"s3://npm-registry-packages"}},"11.0.0-canary.2d6ba2c23.0":{"name":"@material/touch-target","version":"11.0.0-canary.2d6ba2c23.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.2d6ba2c23.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"87fb9555d13e6b8f823423e134af4716439d4457","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.2d6ba2c23.0.tgz","fileCount":15,"integrity":"sha512-/vLXK+M+uOcBM8EU1ZK2X2J5JzH1iGVZTTl97OnXXLIOWLqh3hNJH+W7QhU/HY99VZbQURYlSe4pYcMQ86GJ6w==","signatures":[{"sig":"MEYCIQDy9P0L1Zg2wDLY6xg07KTjmyfvuXrSny6mXn4wk0IuaQIhAMLGgUtT5lnGCle8bJ43ALnoKAbQQi04iPKlfdZzfTCI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRqiGCRA9TVsSAnZWagAAch4P/RxZD3MWsCnoyu9ps6SQ\noS/55IUheHErV6l/eRLtezaVzvADZ/TldWWcDRT3Nd1dDkMob0Jlnhll77LR\nYLdnTF4XKIRrAqiHyOBJf6gNfKHuThQNk6cibFMFhtqS890k03G9l+XZB650\nc9tj3BffdwMjpYyvuNHpCBovz0YLRZCsE5lRhlUWbC9n0d1TEagD0mwfb1LA\no+xy75NfDk+pWolYAZsX5/nXZzCP7H81mexZCPAG6HosaNhDEEwvHxiFBX2N\nSXSPj2PZ5NKxYuvhlouNmY2cYNc/J+4m0brmYQFNFG9l9yXk96d6wWdntN8X\nK8z/5xk+aqvMqf4+M+MonGIbLQS7cZ3ymjV7wdz3KWUaQ9IQ+/c50hIHUUAC\nNeFaEbCSa6A4HXbpMNFJVVNj5vVH8XprqrgSnRq87D+glvv3jJHSOHUkQ3nA\nDUhpTWkM7y92nkgb4akZTjNvdvA6vQaT6Lq6AqA8CHn7kkbfrvReSeQM2Z3C\n+bsLoEQEcjtufZdEpua2Ld6Zvl/e0XHQR4/ZIyA4uaHjsm7PFQLpUFLZc8gU\nADhO5bGnhkZmqkXFdAH0ULRw/K6zp0CY+HZYiIs1WNxsPzg+Iqs2U6ih57bx\nYDyPgnnniAf/26gXhvLBlYv7SBgfX0ztXNkdsfg/Gx7HjZJ0jwD5+CnrmDvJ\n/avK\r\n=Ew/l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a0b889753d981e10bf70b9bcaead70c1549cf865","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.2d6ba2c23.0","@material/feature-targeting":"11.0.0-canary.2d6ba2c23.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.2d6ba2c23.0_1615243397802_0.35698071932781184","host":"s3://npm-registry-packages"}},"11.0.0-canary.7522dcaca.0":{"name":"@material/touch-target","version":"11.0.0-canary.7522dcaca.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.7522dcaca.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60b7ea3868467e66e2a9a57921126eadd057ebad","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.7522dcaca.0.tgz","fileCount":15,"integrity":"sha512-S/SIThNtrUfFT143mAJGPVA5kBEee1fRcESBo8pi08uTPZN51aIIC7KQeUFz7reosS5MNvuD4QAwwGPJhE5cyQ==","signatures":[{"sig":"MEYCIQDBB5tBHb10BBC0csofm00QUN9z7iBQtnZSKu4cjL/gGwIhAN8O20wwXajzSU4The/j8XJmDQOPlBOLryPDLVCRvWjY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRsC8CRA9TVsSAnZWagAApVcP/Av7SAR1GCvSbKoxK1ud\nTcr6u8qv86Sic+s6C6WJjzB6YIepOelPmlZ6N7fv2dfuzOIISY/f3BU1NvJd\nUfvxqQHeWJ/0uVkePO2whIKaHTcoiuuG3cBKAbcybxOE2/yvo1OnH3wp13/I\nAvtGqIjKf+FA2SaoqxPya5LvJ4iY3wtWAhmaFLWqH1FXKPvUtkGPF1WetCRT\nhpjmBwcGA7U+ftxei6cR5Yt3v75GjnG8a2eNMPUB/mVPlP1LVYCTzMXkkYwc\nRST7csSwRcwg+no3SWuGHzco7doCdzD4eQOdYt6tZgCltfcQWEC6nWWHUGRv\n6UiPeO/ydganNwqXcv8FSuxA+wLviIJ42kTvuW6sjGVYu39naWTiyCUihqAh\ntyz3uxin0mbTwvwisQfZNP19eQATfloh3Fo35AqhGD/6e//oj3Fz2ZSIrZA+\nCLcOZLptII3gHL8SN/VpTeg+Lc1wGcUYC7Gnz7L3krJ6osQFcFJ8ZiuAeDWs\nFQfkps+xT0XMVslvqqWKXsJWLkXO6PVTAUDltAzJ+gNfn2r8a67fXoflsal6\nf2J7b/z6dIyzPeCw5BFLwjkjcDj6Jy/u1HCGCFCZH6cU0P8N+O4IOxZYhJ4g\nY0/Nr0HAgBWXxpfSRRcEqSpNwwCk23xrbIFEbQfTRcMMviiFh9PFMcv0CqTy\nFVNn\r\n=DFRi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6e73ae404aecb0602a5da37f40b650181ac48062","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.7522dcaca.0","@material/feature-targeting":"11.0.0-canary.7522dcaca.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.7522dcaca.0_1615249596405_0.5613871176274905","host":"s3://npm-registry-packages"}},"11.0.0-canary.5c0ab7401.0":{"name":"@material/touch-target","version":"11.0.0-canary.5c0ab7401.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.5c0ab7401.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f19c5fce07f56c85393da2638021b6606e81d810","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.5c0ab7401.0.tgz","fileCount":15,"integrity":"sha512-2FaiqXo75tuyLcm1htYSrRzeVBlyftT1jwndqmxUTFoMI7HLGm1o9YDbe4RZZ8kUrvuYNcZRo7ayqM0gZpRyIQ==","signatures":[{"sig":"MEUCICJ8cVPKrAtSoqx5mr6NxG8XQbmzSfYZ2lW6hulIicqYAiEAq6qPZIr2ggrOw5AhYpzNBACapSIrux7iyLvV8rhsRNM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgR/vyCRA9TVsSAnZWagAAcGgQAKIIhUOpzkWh2gMFbZu3\noivQl1s7/HbGrZgmdiz0iVMvSQjBAW4eZQCHyOGhxBaD0qs9pY4Koenz6cve\nmVRoelL4pq9Vb8rTgmAwROOWKEEBvkL54kde4l71ROwZEPdTSBCVQlNcrwn0\n27QP5VrvHB2crnHau7NhTzJEDuzD8nuqDLtYZahVwpi1qU9B63y6dwFmTRjf\nXkZ3EdvJZ/bwuKMirIfXTkYgi5QF059FB3RC0rE94NCbfs/gtk8CFsHu+U2I\nhAwx+JY+DDRTvqvsuwZQgNs5Hy49N4ZMxqMYz0UbAqXLSe2oa8+KX4dbjH4b\ntfS2u0rAf2O8lcE7n4a48NzVhj/eIe4Vftu3lipM0fcRUhmoO//hKFMdEwhn\nk4SqOLQ0c68lFwh9iqv5QW6/7exyDzTZg3NgPcqiJ7ErMBz1hrq4IJ616+Ox\ncdKAZVrXhgrdK2HKuC0laaUkUr7uzuNFCCl90RPqdtqfjOl+zQSUKEw0a5Rr\n0MDqrT56K2r9PdrMHpKgZ8N+qoRjwKDN1W8r92tjK16kPUXwPOsdfxekxyK5\n+Budg8VIx1ZOxOmCcNXB102XafShQrnCZktWSq7PF1u4OvFRNkmyTOKkvWIw\nuOeQDJUBOLI0tVwGmr9iGSqDVN70Suo2FO5Blvp/wbeJGCOZxkNxCZlCtrOy\n7lEt\r\n=eHLh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"95ff5a1121ca15128776896b8e4759594ec51246","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.5c0ab7401.0","@material/feature-targeting":"11.0.0-canary.5c0ab7401.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.5c0ab7401.0_1615330289651_0.7014142403690249","host":"s3://npm-registry-packages"}},"11.0.0-canary.59010b6dc.0":{"name":"@material/touch-target","version":"11.0.0-canary.59010b6dc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.59010b6dc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b587a14aad9f26815f431e13da6865187a8a64a2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.59010b6dc.0.tgz","fileCount":15,"integrity":"sha512-wbiIWOEK3xz4FxrYrf80hkKO8tGHstHen/XYXvaiXbdCBwQ4edXSEBORnRIm61xfzc7mcXvVlbXYnLfexyh2zg==","signatures":[{"sig":"MEYCIQD+wxLaTqqPsxGoUNw+7ml5ToPf4J+v1Qa+ldNcCwsQnQIhAMoTpYeu774iusMP6zTHA9JW/xWD90RJ2kLB6iDXF3oE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSPooCRA9TVsSAnZWagAAGo8P/Aqzkk1IBnf8GbVjS1jP\nC1eZPuRMJ74XhXjUnl/kCU9Vx7mF1Nba/f4fnajNKQyqLRYPjBIKW/1x8Wi2\noSBHPXzeTGZSAknmWmIKfSwOkqhozGig9PrDCbayUZumiCH3EUtiWv9QxBmH\ngIhKmYQQcBGVrqSZsZ9ySNJtil+YHmGWB96EYGijr1DHkscWAWkwXuNgmP3O\nO+zYsgk+GISYaumlgyZF6IYOOYGSLl06ZEszRWFSjR5YeZVQOjwmFXpKV/Zh\nbqvXGF7JK89AfzcJ6FzaXz9X/MbeUqYKRqMkBevWmunvhrhG21FsJ8/gQ448\nouiUKPxcM08jCUJhpOo+Kx6pCckW9xCxvoh63zaz6Fsee9XTOxRtER6Z8dQX\n8Y/1jSya5akNOi3+6P8b+7NJkirasI6PZyPPxcBEiDLhIMvpN7oOZZsQefZV\nm6O09YIvF/2dSxfcxGmG6Lz9MC17RzgKI3Prk2i6rAFa1dfa7HZKXiCq/PZA\nAaMNsVRItXzqfgoDDnEh5asb061ylyGmJA3/t73CUikvCLT3YGY+2RcUUIZ1\n5d7M9mvEsA/tY94/6SW6QjKNKEsYFZvzowmSKKZDsAx2a5AZL2onRbuSPAHD\n42E1g3VoZjQ7x0TGIqmsOhO6DVU0DZbk9SRsZEijgDKoBUugdG/sLqdbHlLo\nKg+G\r\n=d9cq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e697574285a5102f4c1e5002a85ae33a3bf2210b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.59010b6dc.0","@material/feature-targeting":"11.0.0-canary.59010b6dc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.59010b6dc.0_1615395368088_0.21390074033769357","host":"s3://npm-registry-packages"}},"11.0.0-canary.9e52f5544.0":{"name":"@material/touch-target","version":"11.0.0-canary.9e52f5544.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.9e52f5544.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ae9ba9acd165c0dcde6b9ada2cc2928d2fde9f06","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.9e52f5544.0.tgz","fileCount":15,"integrity":"sha512-5tYWjms4zVr3ooBO0Ignggk/y3tDO2pLM8Loai6qWPrsZcSx387n1VtGsVs0hXtiqLhQ9QTcWPHgzG3xUGhsNg==","signatures":[{"sig":"MEQCIEb3jCyyyrZp0DNdGzBHyT5oHjC/NYLiUmP5BumaSNV1AiBZJJHIbifaNa3doFDDhePP5AXunoTvaY11AD1gJ8RhTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSVUXCRA9TVsSAnZWagAA05wP/A1ciHI4INj1FOJmqUmb\nZ7bMBhwiNpHl2N+AZywdfrRWw+ZtCXEXWbe+jeA29QPi6ay0oh3TYwaQl9JF\nlujcjokKFOdb2ASdIHXtl8+OpCizUIjdgul131CvLImyZQYj2WKrSlh7f7SF\nAmvMqTyRGKunV7HHDwJ9PlPgA25DoalhTMZFUXd2AwcIac8ryzWOV2ibqOBV\nMlSYvMsoU0c7wyoBmFfq9skiC/QV4uhWkwnTdWx9WAKcZYAnzo1fH4g+ubnp\nYBDR6TYUnrt9SiBe9dyATvOddztg2bdZd//KwWqbL1TgtEwb7BFm1f1nWsLB\nuSvhCbLLmOIaF8rB+kxLkHRGMoyDilxp2BmYhnoRjzhjlbARBO/lTk1FlEQA\nU+m6z1lrQvL/OgV+ya9T2sBd3L2DUIv7/dUMovd/nrx7xjkn4KHVcHswZwHp\n08lZ4R6DBY9Y3i33DZKpT4/csgLkrZyIcaFJ1nOttSzTxVQlT70dvsuO9ZXN\nvCB4+1o+qXaOltA+zns5OExfMLFRVAYJo5QmbaE3yaQd5cQ1u+SgansmL8Iz\naCpfVe/jw8NwMET8sGCZqvmQpchNKHsa6ZO1TRSVJD2nihGazfbvAnepT8oI\nyUhVEvz6/RPMenfBVSZ1sqE8kJNlgn5Sa1El/T4HGuT0E7a5jad1Qg+I6SGR\naWtg\r\n=5fRW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4763f125770ec8e3a6ea4d8f1f5f607371847e45","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.9e52f5544.0","@material/feature-targeting":"11.0.0-canary.9e52f5544.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.9e52f5544.0_1615418647146_0.9794906943137509","host":"s3://npm-registry-packages"}},"11.0.0-canary.a678806f5.0":{"name":"@material/touch-target","version":"11.0.0-canary.a678806f5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.a678806f5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"645526e5a17e93de49df778137a7b947be02c020","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.a678806f5.0.tgz","fileCount":15,"integrity":"sha512-kVprtNdJtZnWzoGBLnADzr3pKhCNsAaMYTYOA+sYRMjkQfJ6FF2Jac9nMM/Pf7V0YXPAS3ZkTXvXzPE2/tuPvg==","signatures":[{"sig":"MEUCIQDCsRo7UsftiyAr5haO7S30QMisVJCR4sbauv2cMjAj9QIgHS+3hPg2Jh5L4QDEYkjAb04LCrGSmoAD/PtB3cg+Bec=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSXcJCRA9TVsSAnZWagAAG80QAKHGfTVMJjbSw+Tw1szT\nJWwsvOroB10bik9wu16KQMXIPCnCopDiL1krYS8V3nTrpngiTHvT9qJ7Gz3A\nNT2qow551yKmFB+jkk7Pjf/YCgeo9VaHlHuyiyclqEhLyr4jVN0k7DcnBhU1\nrdEelqwhfdBL39gmwJH8KCIRZecatFoEhPX8XqfwkwTbWXMaYW3T3vdPZ5wq\ntfTKKHN7sFj6Nuvdz46ylGbyvwevJlcb4IDDDzF3xmYp/R657ULPlbBCqE4k\n7Vn7AAvwPBXyGPFwJ2Up86JyX9qkOeSHGg/NFuAKAzoTHCwdCentdfxNPPoq\ntZHxQ5pEU1XD787pNq2nPu3WpSZEGItpJoWVYxaaQEgsX+6YrQlENnfOAmlR\nWQ+4fl3YdWRojDZAfiLE/EBxcRVZtKZRQaNjimzVcSZOzVGsFCraZhOLEjgh\nQJ/uwuujFW9Crx1FavswFGUGJdoIFf0Dnu1l8hSuaUhy0ByZz7wfjvIH8Ehb\n/j7SaHQk92oT2VFyv2hfVn5746GCGz+P1Hv+iX4OiMudOuMpcHAmVW/3HmoK\nUiZ1bwCIQWL+m45usp+l8lbfnbTP2HGs7hxWXsKyLOHOSsCzOAxGtkG1DjlH\nph5YcF3Ck64/KUtYcrxU1K+NHK3oKUTq7BfU1nZIp5NqU/mhvbSftDYYh/st\nKxP6\r\n=PL3b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a724ed1e64d54989ee4c27c71935f90fd5614f3e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.a678806f5.0","@material/feature-targeting":"11.0.0-canary.a678806f5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.a678806f5.0_1615427337428_0.6270141065304857","host":"s3://npm-registry-packages"}},"11.0.0-canary.b2d22df5b.0":{"name":"@material/touch-target","version":"11.0.0-canary.b2d22df5b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.b2d22df5b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0003a63bc8b13d01a7b8017b948170f131e6c3b9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.b2d22df5b.0.tgz","fileCount":15,"integrity":"sha512-vgkdfRQZy4gjLhXL9Q9Qrn4hpOgTHyvkcXAiH8J8mwkWAvdF4ypPp/vLmarq9Q77aK3NQ4sRvq7tWNbXhqYGBA==","signatures":[{"sig":"MEYCIQD15kPilTRwTTSTiNZEQQFRYaVlOnkQIkz1S6/UyvNaPwIhANwb/1xBRAgwHNKHC3uhBci6Mqqr1rM80sxMB+yZXBMt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSkz6CRA9TVsSAnZWagAAUhkP/1TLfbtXC7duSOVKFj1z\nsqW3K+V+KVuTUX5K2eV4qu6z2hPFGZfjzQ9nIsMEhhW8xV5RWmm1Vjbr0Qmu\nRjoF/XrpyR5RolhjhpEA97KBtgQqsAxkSxZ2btEeE///LTo3TGx9qVbO0HxX\nQyNyEsY3w39D52hD4v/9tkcWCvEm1ToCENMacOq59tUaikrnFSBYq2mzpzdq\ntK8ZI5vuPXLr94syOJoMbhxUfrdtSyE1Hueg8wSmOKt7H75b7E8PAgg9n8Fe\n4WRS873SokceXZlHOikcTDOdBHeWq97u2GOCW8mnkbgtj05adTjEXJN0ZXf5\n8aCYSWVeJcBD3H7LE5diTDW98/77UY/cWWrrv0enZPrM3o36/JlGOyzM/wNo\nhuOHCDGuQ39q6c4qDwotyUxPtzhlyXQbqi+Ep84furBIJ/wDpB3nai5D/6IL\nxgpaChTRk7wFQvEU3N5d4DvSpY7Z1WgPaViclR3ITiu2P+5UqfOk/LlFj92p\nWbZkD2Tpe2dZ7AGkaB9l+GOTspEXWTdusCJvFqUyI870OIM5y0ehW6+lO/w+\noxFkK1MwjOZWPZr072ZwsE+sagw+AZi0cxNOBQ+PN7z/14zeBZm4jCAP+xI2\nkckXroparhHi6/dUmhI8UmgSARiDYYfdnJv2lN0HM88v9dhwpfJIDCg+51Ax\n42TP\r\n=844W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5c38fa8d841f5b293e55e4a22202bc6ea8220874","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.b2d22df5b.0","@material/feature-targeting":"11.0.0-canary.b2d22df5b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.b2d22df5b.0_1615482106353_0.031826890603834146","host":"s3://npm-registry-packages"}},"11.0.0-canary.81911b707.0":{"name":"@material/touch-target","version":"11.0.0-canary.81911b707.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.81911b707.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd928346e547d81a8189bf8a7a7d1e26060ed3af","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.81911b707.0.tgz","fileCount":15,"integrity":"sha512-K2feDOyNUy4d+NDyMDrADP3+/ATJR+msPd7dk9sPLgtSx6uceHkE6keNPoyMxG8H8QWqOYDUsxl4rapaypxJ6g==","signatures":[{"sig":"MEUCIQDTklTMf33xApVyXbspO+c/tnQUjN/Pp5R+epnO7Ri7ogIge4CcZZmDG5OoN0zB0TdgGEHLsmMWktd202aoSB/dgFo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSl/VCRA9TVsSAnZWagAAxFsP/2XZelMMq3mARUEniQb4\n2lOcbpMHZoYN+ht5uYZQFCd3OBEgnPNiJFnS56Uv+wHVtzN2Kqiwom37mPeg\n3oTnL2YdtznDZO63qZXp8m13HWRCd6uMqEmUn4GsmtTuYQA5yROS6Jayqc6Z\nR/BMeSUx0WlmgEyntQ9GzJDptrOGplB7J3fB/XL6DL+PTURxzpL407TeJWnr\nO0Rvm+nm0II9ghcfgFVBOHzahdQ2GOe5LcwTe8+SPP16XpNRgGCs34OEahK+\nLcr5KFMN+7eI9/+Bb+5zwfv/7QvBevcbWqu3QicNBL/1RI9kjbPVu8O/5qr5\niCC49z3C7ByM1alyKtIKBS5FDy3JD03hFPx5T+ycSrZuqwRul9ogIWfJgmH5\n7Mtn4BBV6KPZR80xlrBCcSYaJYh70nxGQR+8JXWr7T0MCrqLtuS9WJn3JqWr\nQhmnDfGbAWcjA1G2rz8hdyHplJHK+kblGdqrfYhI6ctEaLaShsxxERGkTliL\nR9bkiHk9olc3pEcYIuU6ZBWRiPwZIWRRUdquR9dCipyGQuldE9lJISnA4AmC\nKcJNnxqIIQT5Kxa7HU3izQ+VGQPR03Rf12eZj3urIo+GHVkp4lm0/Pqtqy1+\nw95scOKWSLQWHOp1TAkwFrkviz3A2iHQ4nmR/opFq0lus5INL4uSeHYY4OCu\n176X\r\n=wbmf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3c1bd5b1d6d6453c4f616633e1d16b1fe0812814","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.81911b707.0","@material/feature-targeting":"11.0.0-canary.81911b707.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.81911b707.0_1615486933175_0.27117655952918285","host":"s3://npm-registry-packages"}},"11.0.0-canary.9eeb35c38.0":{"name":"@material/touch-target","version":"11.0.0-canary.9eeb35c38.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.9eeb35c38.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d2d90ae7c884994aa290cb52e21c7f818dc35446","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.9eeb35c38.0.tgz","fileCount":15,"integrity":"sha512-smO05nIC/rGaXwUPDWxanZbAWKOKDj+ap8pSrWp2oMEaVyfiVUWwfuE6if/10wsAal6KZpANQcdoQaa841HlhA==","signatures":[{"sig":"MEQCID8cY+ixmp3ouXjBjtIUiz9CFlMbx22oktDCkTRR9E7cAiB6j8hu1D5oydrNKdCJ8Zz+kKXyDqte1G6vhxlNXydMrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSnEVCRA9TVsSAnZWagAAw1UP/ismEyX4GvzbB/ObCLSf\n17auNuB+cO7F/7U1505F213xuwKDygSUmUKFzM75MkkUNPjlSyiVbrYL4k8x\n0VkWmNBW6Kljwp/YUc+DeBQogrIIQg8y8Jt5CjmrLenr93pzK5SISDyzUV1g\n1kg8lxeRaz5WYN+wCyXj2syYV1Dmrs7RlIzy++jZ/xyITPEAPDr9kxDS99vF\nZy67hZwT7uOR3eV76YRT440sAvFs8UY1YvgDmhCBbDF43OysfyOljUiyd5g7\nvuyBm6jnXS4JFFCLcRNUNWHyV8fCGC3xyuUV76vUslbSDiWNjYXtK3VOarzA\nTaqaRh90/GyRtYGzWZN+ZK0XA1wAtgLit7lV+fDUjDIYI8nhYq6L68hjnsnR\nq9r28mYuCqtx5tyS8lJcmkJHScCEPJ0Xs2AVoES7oCQD96DUS7O3vdqdCq8s\nJi6KtdR6WEHBGK/VbEJQW9G5yugL9ZAf0Dir1w1GUbqYvJJOQycqd9BuDnNW\nFA9lrxF5J4agBKrILXwHtlsc5EWemaWQQBKr1x5mqMtitj+0qOCK+Hr1HR1A\n4VoxA9Ta58X2LPVPAurNAXNxwdl7fkwhKZJWZQGEaTy0wG5LBqggiEEuWrQV\nbuNVn0Hc458b8oF/J086F1waLuxJuaz0JSffFREFXfhMNv3Usl0pQI4AR3+q\nFxer\r\n=Z9Zf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"147a2a556e5155bedce0b0f267f64c26cf87d0bd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.9eeb35c38.0","@material/feature-targeting":"11.0.0-canary.9eeb35c38.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.9eeb35c38.0_1615491348517_0.28423418157420577","host":"s3://npm-registry-packages"}},"11.0.0-canary.12be3e95a.0":{"name":"@material/touch-target","version":"11.0.0-canary.12be3e95a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.12be3e95a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"302debf806873c70e128c91427e3d227d1685965","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.12be3e95a.0.tgz","fileCount":15,"integrity":"sha512-HLY03LmRl9AEZgnxCv6z6Mqe2Qrc8mJJlJjDbf4ZCP/MlXiuyZ9NjZTDN5gSQnftZQg72SkU0mfzvZL5Oqo7uA==","signatures":[{"sig":"MEYCIQDPnEe363I8jB67SXd7s9P9+4PtB7y/uKG8BQ2PNm86bAIhAIOiuf4x24hC/xygtC+sJ1pDRSJKOFg7aOfsKkZ0gk/f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSnbgCRA9TVsSAnZWagAAbZMQAJME3Lbue7JhrFOz6Ms4\n4bnMJfMC3+wzaPooKCYVQwpUVddsaq0TXDXHCtIMuzW5hJpHiuHvnJxXx7IA\nuSaILf17nFZoVdOomMf0QQL52fhW7h1FlHJRYjCiUAZkPE6r5rmqMVeUOEHT\nS0APSIekgnn3d27dQy9sFiZe8w5/l0x+IHHC7gteMREnr9q45+3845o7BeSz\nhDjUNovu0qHzhbkMgOG++Cjqlodps1JM+Qx002NUF+8R8f7DUC6SWN+GuTNC\nr5l61U8P2vrq6zeQLcnsBfXu1XsEGfqc47aYg0kNBYI7wNCSuhKLiGe2Jkbu\niEnkvXLwz81AirmF1NAOQbtodfgYaDUjcSHZ7PrOlFWC/qyn7EdqplmA7Zdk\nLiqpjPu62xeVk2TTa3GJTGoq2aCJ8GSD5w5PzhCBXjCUmvW9FEDXTh2WGgwq\nMBAkvZefGTGqjHudVqar6fJtYmMCUAF9tgUnOip8/6eWwovy/kjauoa3AUXF\n5gVK3ub2MuiX0oWYePoMmWLmEHNAaMLwo/rBy8m2lX2sQwNVJiKZn5gkanyc\naVw988yks5DGulezPFTpOKYLdr9kfJ7My0+5OJYGyK9Wdr4YDxEKE5HRicn/\nywVt/tYoDFV0QMvvaJEZuy57fT91rfqbYrfbtkCNTU/bO6i+C9dA0xVlH34q\njNg2\r\n=0Utl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"883077446617b632d698e09818dc9d5903a7586e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.12be3e95a.0","@material/feature-targeting":"11.0.0-canary.12be3e95a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.12be3e95a.0_1615492832266_0.7271871480366983","host":"s3://npm-registry-packages"}},"11.0.0-canary.e683bdf4a.0":{"name":"@material/touch-target","version":"11.0.0-canary.e683bdf4a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.e683bdf4a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b524b5817ec12a505ececa41653bb7f8ec83ec86","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.e683bdf4a.0.tgz","fileCount":15,"integrity":"sha512-ogOae1/tvORNJGCs4OV4HvEEbMy3NrkE76JOdx5uNqwOZhf3Tu/o+8BDPjYc+GT99Stw5NqGv+6LJAHXjiZJ5g==","signatures":[{"sig":"MEUCIG0fTjenlwdHHlsixedvtgMkvXZLa25kEbt/bqWgqKkgAiEAk22Y3dOyAUABRY8SK4u8ZhhszR6kwHVcbYcnmmK4Vws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSniQCRA9TVsSAnZWagAAc4IP/RaS2wAza+aP0vyamn+J\nPsLEXST+1NXL3Q5A/D8VhIQYFnYGULHREW9YGT1cEkUmjEO/KkofSmCV6ygw\nTONEZP71zhKNFkAdzMesAJjD5bITlOjYKHW8Xa2z1qd5FcufudEL+3vlYvuJ\nBPbq++VWSShwz+HrAZrZljwWFtt2anTer2ZhcJLoxdlLrzqCHQDs89c089EZ\nJfAflc7NyRgwp+RmaSpUyTU0bx2mrOm91iGnVfFqAra74ABOMDKDwaoLLLaW\nPdv2Uz5dfZW9zmtHozKpkJmpfhifRN6gW/KRU8bo90RKC8MPTPiBWhG1hc3m\naYHZxdxBOQ9mDlcxW/3l9yFKMdcGfS6hu70qNC8i8Wwm9xs+GUgrUcjcsoix\nL+njMmz4HMJV1EqSV9hQefY4MUFnWMi7zCl2xhQ8dSm/BV1ZATQSrJgm3IYF\nF8sqZATRxldiNmbOpoCkYekuYGz4CII35HNyZN4NP5FRmtiYn5vHecKBHQ1g\nPcTl4tdR903YHhXcb/xgU8L/bXTxkxMtV2fSiW8wGkzzdwoZj3Cu0cvA5cNF\npsVHfSldRfLudYWntSAsZqwGK726h2bukbC8mHniFbHV1xp56zKctz+zP6Dn\nn7K/BGxBY8bEfAaneOoDodP4Lco8yFn7G3ZPBNGkEoMJNeJBru/rSdaidOIu\nGPeq\r\n=7VJz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0323fd7f39f825f8717fba8542628d111777ae35","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.e683bdf4a.0","@material/feature-targeting":"11.0.0-canary.e683bdf4a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.e683bdf4a.0_1615493264097_0.6042348305483689","host":"s3://npm-registry-packages"}},"11.0.0-canary.a07b6d486.0":{"name":"@material/touch-target","version":"11.0.0-canary.a07b6d486.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.a07b6d486.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c5fe63ac189a3385875879df4db664a24c4dbc5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.a07b6d486.0.tgz","fileCount":15,"integrity":"sha512-KUB2dEXc/62Wrx+IT/LHo/NHZ3LM+cz5IhUJqoqAQVrckgLFwh1my46gNGSRqcUYQullI32oPcupjC3/Jx4OPg==","signatures":[{"sig":"MEYCIQCfUgQiku9AdUsohyfu87u7oUkJWV3sGchXbES4/23HxQIhAIHMuD58HgATb9VWyvRGbJSK43jxpoSawC7Ccvc1sRmb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSn5CCRA9TVsSAnZWagAAORYP/1vxZjGzyaI554qT130R\nTBc4A+idGLpY+Z3UFH7811sq6fj+UVTeK3hwXLlSWblmt3oR/DIzcRckej8M\nKkmslqm+0Dpc7+Ud+ygKGbYLq7/hV05SAfDKbmCyW/oTQvWCOWRUSDJkeUJa\nkJzlQxMEBj4Cn+0bmNq8VhxYCXLu7yY+VlPULygfmnGoqV1cHpzWWNdlzQPz\nRRbZjBcVdZDdW0k2iGJbnipAXrjIBISc4DfimXI3Z8Ut2iiYaESC45R5kJ1I\nmhpj/iEBwIv2vQ7Zi79jQtvjeL5VQwoyCZG0b4MwgUL4KG9Do2rxu4kSMJAU\nEe3HN102gmGDJkya913pYycIuNaj3no/cyhqt6wiSI2cbi9/BxXcmwBKxnil\niwSyGDbkZLeC0SkWUo3Pr5cLCNibF7W6Cu4RMh5tSJh8ET5tZk+7/SLaBiP0\numQIJAN5kctz69iWe10P2Ty2At8F5Fx0iROWbjSYyL+hclosHauOlmlQ6mtG\n9ZtzTtHuuqYeCEHxgAHF30WJekKOsvO0bs8NkboP2daU/YlsoXiwsf7G75lr\nkyDzM1TtPOev1sJSTWKVa7jstMHh3Ouoj1snhWs0vNY4iapbQWzf7uZlWwHK\nY2pxiZRBviQdc6lYOr/Zrq+D52/CNAF1NMgpO84XnlVnCKMy6bvC3X4FrFf8\nUlkD\r\n=Mfx5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"425bbecac77849f8786f0a32de18a168e1874c9b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.a07b6d486.0","@material/feature-targeting":"11.0.0-canary.a07b6d486.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.a07b6d486.0_1615494721958_0.42021611768534073","host":"s3://npm-registry-packages"}},"11.0.0-canary.1e0653477.0":{"name":"@material/touch-target","version":"11.0.0-canary.1e0653477.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.1e0653477.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a64dce62fd7f4a549c7be32b68cf687c396b0b8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.1e0653477.0.tgz","fileCount":15,"integrity":"sha512-7cqJ6OVMA99OhZ0DsButIqTn5+FIDbsZbTkUPVmki3vvnCK/3oja8Sx4+XtLMpYDSbShrmF0KNOLXMFYKXr3Tg==","signatures":[{"sig":"MEUCIQD23SbOmK3gaxuuMAPio3dEjvABa/A2E4tML/DpTCrv0wIgbLeK6jeqHyeU5t7wPBYePBjWV8KvbpgbIX47c66GG04=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSn/8CRA9TVsSAnZWagAAVf8P/3ucXw/0MFphS0oDyUA8\npRHYwcsGPvoHQH6oEt1HjN2NtjCbTPxGtUCqp9qp06Yn2bv19QvnVeh6T73w\nXFxDqf2r9IH0sAXauwne/dLxrWyfaA1YR3qI8VpqLoL9QqpmIJXbNf9nV62g\ngIIh46RCo4y/g3dRMcIuFQX8z4IIoExODU9nqvWHYfQAzxPzWTEuZHc2siUS\nmzNYKp3xU5Yxup/YMFxq5nQ137xQbwhKdIombRnOB4NfFeJYgNi2UqhVDOKS\nb0XmUl/x5PTOWEdS8EjQX2omW7PncKlfYYEMEJ76zMqCuT5fCVoslJXzEqGt\nNqzGG7+MvJGkrA3fvD89YqpbeLMxnUzdb28szYLoZlfHBtzPC4Gknr5MHQ5u\niK88AJKzxdMfShRiszj12SPv08f8cez+vyUc6htNj9U3/h3o06zrl9irO5hF\nFHuxX0jnHrPuJRh7WqRr7mjmfFBPM9ooJb8raxYsDaIj4B+jqwTnApDBxjOt\noyWnKYwu2D76kbj3kc1+tSRje+xx1CG8ZFuuM2FaRLwxvy938Ojth5gDgSJr\nZIj/uV4Ry9CBrzrkoJXQK/ZAPsNyGOjwoUFRDscW+tBvPIKMxgi87H3LL9Hx\nUy21Z3UPww7V1ryGIQLCk/weggGfT8A5k4esN6kiBbZbg3iSWF0DPesZO9xZ\nxN+k\r\n=x73N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6130e0fb82d7c39da4ae1e02df8f0851da419fba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.1e0653477.0","@material/feature-targeting":"11.0.0-canary.1e0653477.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.1e0653477.0_1615495164298_0.37236831031163997","host":"s3://npm-registry-packages"}},"11.0.0-canary.148e8cfcc.0":{"name":"@material/touch-target","version":"11.0.0-canary.148e8cfcc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.148e8cfcc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cbc1b5795ddee9eb0d55521982441c18c38319e0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.148e8cfcc.0.tgz","fileCount":15,"integrity":"sha512-uHZNVNF9pmdCH+wQAlWSb8hVNayARJmnWHwlZzMwpgm7dFIfzSuzVmF7+wO0S+JsIL3HqOFDvrZrCEfH3iu18A==","signatures":[{"sig":"MEUCIQDUI3+XRH7F/lzHfj6Pew8dk01Vo7xb80gUiF68QjwADwIgB6u42TJvm+h15PUQ9jZsUSDzEherZWcQoMV795bW3yg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSp0GCRA9TVsSAnZWagAAsXkP/1HaNGjxqqdiaEWPF4WF\nuGhY3v4sAXgR8BX9OJpkKr8UKugKBYJqMocGKWqozJJAKcCcPCvllb+ye+Qj\nSk886PWgDaUdaWDuLfYHYj8iCvrATDCMxYsfLizti/9ng9dLCnZltF7eInMC\nU0bnIv2LIiDXuNk64mqcX8sjewKDP7p7oaSaN2n7M83nMYNBP6QAU39FKHHc\ntRxaVsl9HcDgqqBJZwhFuxVoFTIHx2ILUt7606CyrFnomVXIaY9AbaY4iyNc\np+uLGEPEzX6M52cfO17gb2nhsKq0mppR+iB4ii/xJkxa3wojyvbnVudMOaWV\nPGNq59lSjaoRa009ia3EUkns36xGqLVTk8QQjjwkbSUbOuC3wCZZ0L1+AsMA\nTMCnIrWresThzFdm9MhVJ4a+MSVrjOMfJgs3xY+mZFom2599UopmmVEexbHX\noswSq2lcrHkwav2LiLkJLWCTCjAUVLxOGTIhuoho6XqTu3FZ6trrkgWRtpMU\n5iACfHokNNyjY/+L33DDpX2PgJ9G6sJHSU3SeHZLGXbSDtOT/5Uyi+co/Lml\nXXJc0ZVFrGB01u8HSux7obP4gbNeyXmTqlik7/UL3JYumKTWUpoo5MumgqZC\nUvKWyJAxZRPs7boLyf9DLYCOIGF97YBmuSz5dE4axgcgmpFH3SItV7xm9yFn\nCOnB\r\n=ayi8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2e686ac2d72b7a249bc4deb8b09742bba99ce581","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.148e8cfcc.0","@material/feature-targeting":"11.0.0-canary.148e8cfcc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.148e8cfcc.0_1615502598292_0.09696166033972631","host":"s3://npm-registry-packages"}},"11.0.0-canary.73a227194.0":{"name":"@material/touch-target","version":"11.0.0-canary.73a227194.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.73a227194.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a8e7ed592a8b5b13fd1d53ace2ff675e146e838a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.73a227194.0.tgz","fileCount":15,"integrity":"sha512-oCahso0EVEprY4BO5/FOk4ttEycjfVep+A7mHIu0SzuJFxs1tp51ihSX0cDNU3wQBsNuVMtISL+QLbw8UBTcJg==","signatures":[{"sig":"MEUCIQC2Cfiuo2si51yHdbFLi8NV+0VkCaCNIhquJX2ZZWJwvQIgTIuBZLMfvKhm7COR1MxIetZNXWR/X51Vx04vZVrZtS0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSrRdCRA9TVsSAnZWagAAGEUP/j6hKVGAMPuL6SjWZNJT\nUHyJbQuUFe6C5/ebkUmbCwIq3Epa+z6BORFuOw4oXka9fc0Cs0Qi1zUttB4e\nmret2v6a4n3vswX8JaWmGj6cS8wOmt/j0TYlnn4gfxo46awL2O9fM1SvnaW7\ncYjokv5Fv/z/E6BzPejA47gwCESn3SxyjIC2nLKwgJjK9YM+LPiFnbk8JmE6\nUUgN+OgNggX38N3hWbD+MpNR4VR57cHBVAQ3E7Q1D6sX/47ahvbj4qmYPLYg\nWlBbEA9E74b00tHnTtUxjOzXkivNnX+dGdox32KoY1IfnVmLlsuPx5gwaHSk\nm9/rVExRtJ9OqqZ0e5AfaCEVDEQ9Xt6Hq2KUfyQMKzM3UOXAO0dQrh3VtKx+\nto5mGdk6WhBeOWmpz6SWVk+48imEkUOwoyvUeholRyiTs8Z43ruQeXWspHop\nzTeL+A3G42xI8Z2BoVni0BbwUgpzB1rcA+obbGCXstEITSPS02LANlh/Jmhv\njxz/Oy747+iZj/4jagX84Ictgzq4vPvmKI5IxWLUE9p61OCWQk8YyHzoDOyn\n1hBDqljWlDsOrjzjL7O3z5XLIKzlhydVBqx6wBgo0cbWV+CE+AxX0htsVPXR\nTsb7xIXyPTb1GxLQ97v1le/+9nkyTGBbkeQhOiW2WJ9BHDnta+kOkSLAfRxn\n7Ofy\r\n=zwto\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3bb5344393057d23abf5414ff61402a5091ac74b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.73a227194.0","@material/feature-targeting":"11.0.0-canary.73a227194.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.73a227194.0_1615508573034_0.22192524596246965","host":"s3://npm-registry-packages"}},"11.0.0-canary.f8579b7ea.0":{"name":"@material/touch-target","version":"11.0.0-canary.f8579b7ea.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f8579b7ea.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b554b101854493e248c6c42f3149e211985caa3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f8579b7ea.0.tgz","fileCount":15,"integrity":"sha512-J0/ZEg1myBJfKhxNiudcHVvUR089F4GiF+l8HSyG8/BxW+wkBVG7yUGK2dJV8vta2McHEArFth5WaWV8IfBiYg==","signatures":[{"sig":"MEUCID2jYTLWDBEeOeXDhhJhy1MFdXUMylnbx3JQtGg6Zxy4AiEA0x+3hp4v837CJH5W7YeGH2pO9zSCweCK5K5WqWrGC8s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTB0HCRA9TVsSAnZWagAAF/YP/R8fMMMA6z3oHMfYf9zu\nnEQkLpZVqtgYH7SOKvgLRCOzBG46udMWvx7HOSFl+gbC3NfkCHg2/Vv9dhHp\nkcgliqFkX9fD++WQ+En8EDhoI/vDRC0QYbnyJ90FpDO/FAdhbRikWBwkXMCt\nSa3rU0HwiLgmqhAyuuone1ZXHrzrD0Ib2iDNwliYOsSiWnUNaqrrhHeHr9i6\npfpJzxqCIVcI+JberJ0Y2HQiLaAB/BpsRMPMWi7ag2WmKlfCcz+gCDFqEEX3\nZs4WquKXPwS6q58z4QRtsc2L0T7MXbF8uCcswGIYLGMzOYlcE7y9SNnNulPS\nB2xD7gPLqHAHZaVVBFvR8uMVY6SD/RiM/tRlpZH2CcjntM8wGcLZD4mbe/VU\n0HWc+ykoiLdHip2cByA8t4F7kGiUBMjgWOpYX3qX5h/KZD1KvQYkrC1UX/9y\npD7p3QjykCPUo8MLRAiHm1UczGDoDeJ7JCbQmTbz6f1G+R0satWVTvxP0bKQ\nDejdzalSN6A2u9B/Rg7savJH1Asczu5r9/1deK4oSwawGjXlDqdtsh/LLlbp\nI+z+IqkMyCQ4twVKsqDHWRlMsFPkZXQbO2594nV/N5lA9P2wneypb34RIqiS\nIzHj6LoGdkm3vA7lNOghkUekW93tplEBRcdwdgFQCZOXdwbntElDfxI6DmI5\n+DHE\r\n=LEIf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8b1a0816c0d3a68a851c5e6a199c4a9ff75cce07","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.f8579b7ea.0","@material/feature-targeting":"11.0.0-canary.f8579b7ea.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f8579b7ea.0_1615600901661_0.6788052593028009","host":"s3://npm-registry-packages"}},"11.0.0-canary.d2a39d300.0":{"name":"@material/touch-target","version":"11.0.0-canary.d2a39d300.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.d2a39d300.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"717fa81571b0462cc1219175683af47fdb15a1b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.d2a39d300.0.tgz","fileCount":15,"integrity":"sha512-4sZP13awViHoIZvxIwOyyP8iiU9Cs8s0xVIuPmdI5Y5Au6fBpBtWvxjWHUa+Bgw8eYeaWucQvIMY35e/h5XVhw==","signatures":[{"sig":"MEYCIQC8vytLjBQiai9neCORV0Ps7giDEe4FoT894r8B95iiEgIhAJ3n1b9XpY/jyEURWkOhukgdm5p1EpdX/wgxFnExFlTs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgT/zvCRA9TVsSAnZWagAAcSoP/ir7rNNqi8jwd89d/QhL\nVBWyjWeIwLv3iPPKiEN5+BRxI0xtdjgGkh75Ka3oywa60N+strIpB49V8QUp\nPl6W5nflaxW7zD90KrnlCfxa7AO2RsjYMgaxCuu54fv3KTf2hUCtF37kXK4I\n7kvNOrCC7kweXUrwv8pWRW0Q/PyS7MZbP3RIYJC1/BRkPZbpNIlfgC+/Rj/n\n1cUmKFMyAkoEbdgP/kg/agH8pJr2/cddTIptRpEHoh8vTj8Kv+brM/eiKQ7Q\ntUMK4iFpcV9St5MP1uyayBaM0gPNa3A+BqbHgIj0hdcrhEqsZECIQDWo71xZ\nZosxBKEQatt9MDDeon/SrojoV+7DMWkzK8ipgU4NERGv/Wx1MujQAZff9WoC\n+feYhbvzA38JEl1hcyPTzslH36v+mJdatxx3PV2NrAgUudpNw1tkK/mXpU7V\n0D5xsMhyxaoLawSEnjebqSukghSG9VS73s16gutU0wgBkXgBuPbSxDNx+waa\no/FI0N/UyYLlnmycvaWngk9JwTQxsFjWwdKK3lXNHW/x/KhDW9D0JXlA+K9F\nZLbNuYHXM4AKVnTU29moOAzUdUfRPF9Lw/xAh8PK3zwDCgTZ3Xy/uRsAPknk\na12+skjQjR14N8zRRa+GY9okLt8UW41aWgubVtpln52kEVpu0BsPf4a82KtM\ndYj5\r\n=7L3Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4e928ba6e35dc70b34314c7509f647a6fbc4be00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.d2a39d300.0","@material/feature-targeting":"11.0.0-canary.d2a39d300.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.d2a39d300.0_1615854831151_0.038286136349253486","host":"s3://npm-registry-packages"}},"11.0.0-canary.7cf67823e.0":{"name":"@material/touch-target","version":"11.0.0-canary.7cf67823e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.7cf67823e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ad348a8968c3e4f19508271c174625a0a038e4ac","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.7cf67823e.0.tgz","fileCount":15,"integrity":"sha512-/fCgFZN6ZAC0rYwa5Q9qLuK4pQ0OoH1f80uzQdQOoKn9A6mNRUxitO6efqg9MsuFGZrxU03rz9gqecG+i6LyhQ==","signatures":[{"sig":"MEUCIHzqLDn+tZUpYJwD0ID8+P3bW8vwGtRAc6wWsNeew/Y0AiEAt38Bt30x3ZFYMGuyflInac7yyA4ZKDNEj7WWGaehpio=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUPaaCRA9TVsSAnZWagAAvvQP/AsrBb0GXnf4udlaDgIl\nPfUuMxsShz2Xw/7+g8RMbJkLPjJPmcLu4mA6U99HrtjTU/95LsufKTcVmcuV\nghR87iOIIyUa7PAjuiUS5Ztm4tVBsElVQyZPlS6fi7EAPzxfxcS1AF4yo3vs\nEfwFvDqnGR3VGa5vWw1LozMf9CgRlly5zlMNt6IlP4SbWhmQwqHbKXsD0Guv\nZH/po9tBiX8NQW5fmdfYxFCQdtvNwvqEH8rc+YehHVe0Ux4XhcYS7TMxhuwZ\noqetiTjgjpBU1slomPCjBCCWDroJgnYJ4agjcM241YTjCS/KkaZVjRpqERnL\ne1hR5snMKDkGDxHbGWukm6+8RCkG4YdoIhrdDbs/tAHWcF06MdItUWfuYLxN\nHcuFelWtGgDfJcO4s56lNAiAKco5bAF+gBT9h7MB58mE+pwc2/1aHfkWJTPY\nVJSvW8MSFmUsrc+k4d2/s2c5ZoTMG0W/W6TMhKVvLgAtsyju+054WqCPylX0\n6M2CTFb6HKd6oOtNuZJZIMbIQ02h+8CJvIi7ofDguUwAZ2C/UbyoeULH3uOD\nqpY+LNbCtWPWq/9AvC4arLvSPInYaeaya8q2wlVM4sOjYHJlWOgahYAIGyeC\nkfld38q4fkxQDxPldPDBupabo+xkGCH4U1VqF75qbDykBVOk6N/bx5oBJ8iy\nE0pt\r\n=Z3bV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"afabf42a48ec8775fa133ab10e023c1b5d2ab802","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.7cf67823e.0","@material/feature-targeting":"11.0.0-canary.7cf67823e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.7cf67823e.0_1615918745698_0.09425180300815583","host":"s3://npm-registry-packages"}},"11.0.0-canary.67d780c79.0":{"name":"@material/touch-target","version":"11.0.0-canary.67d780c79.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.67d780c79.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b6191c2abe55f7f51c63166be0f4739455023eeb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.67d780c79.0.tgz","fileCount":15,"integrity":"sha512-2CaEpPimAwDkS3xWi/nSd/tqSFQxsRSbV/n3HBTwznX9WC1ngXg4Lz+hBdKpS/5lwZobRdhzBo8wUgTBIMbrsA==","signatures":[{"sig":"MEUCIQDEa3n5RrNWJqV86YWwaX7zex4wX27kTz8cBdQlCCuxNgIgUUftO4sd5f3ZbBqBimYbPLPfl08r0Gy/1b/fxpZ03Tw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUQsmCRA9TVsSAnZWagAAJ0EP/jGeH3OJILLPp3lJ3LSy\n5io3IoMxEyodgwfY2CdAFhUUDq5QCHCbHDnmqwEdSifD1rCPL4pR5QuMrmde\naJ2+8QcdNktnWjiFct/IoTU6czq0pYKphbfpAojp1+b4vmdnmEDvyBn/VIUD\nMvioY/KNEiUbI3uc9oKuV+FeFppXDUJIR1qlMnwZ53YsoNaMvVfCbqaBGdvn\nQemR8aIUrxPQZm1/OuGZMeib4sjeVkSqP9wnODewTC6MIksNu722HCFQLt8n\n9m2NMm9YNxwndbnIJGakVCygd2ncFfKLtYZPDB1/20w8QitN7LndRMVZczoF\nhdc5CU0SjrYqpTe12cmnzvKVtNaviScyAk2ov9rsjdcZKTn+kckFIKOdY8ld\nkUg7emdueIDLEKm5tPEDkMdH0WV/25pSyjigcpPmdnK7wc1496xN4cu+NTBh\ntqVffhb6+vwPJl7t2GvOcn28rGOGl+IFX8dHIMaI7d1UPNdYJpQt5qzW3U/C\nuxkX1lPcN9aboAfULYYPKuR8D1zGx8pQMHhM81pe7iQjtlb3sSEkOmFn6M5m\nXd7iFppyxkXGmH2bmvjENM3UW8KmNbi/kAM3Tyk6os4ZaktL0q7vZDu1kTRU\nxrSkIkUnMt3+kg99vho27ZImgeLE6QOxWxP1ZV0qYDUz8Fkx4iSgHHWL8ZQt\n7Dd1\r\n=3CJ8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"05a76ad8cd6b15550e685799fb6b9b5643d7e0e0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.67d780c79.0","@material/feature-targeting":"11.0.0-canary.67d780c79.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.67d780c79.0_1615924006265_0.2644294716825404","host":"s3://npm-registry-packages"}},"11.0.0-canary.0f358ddae.0":{"name":"@material/touch-target","version":"11.0.0-canary.0f358ddae.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.0f358ddae.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff82d585b8b64c9d6733f6d0366e3e05314040c7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.0f358ddae.0.tgz","fileCount":15,"integrity":"sha512-KrFwz/ftCIwQbROfyLwXoxiZ1mzl435OaHyJPpL4lPrlpMjvEyjWGAQTEquLT6wF7LOEkNo8wrf7K+YknOzEtQ==","signatures":[{"sig":"MEYCIQDa1KGNMNDcn/qahMs2vWYeJ/pEVlCAzR0VMUkAPpU+4wIhAIVyIx9nwzgUIDueffSEML2q0onU41Or877DKV44t6CT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUS0BCRA9TVsSAnZWagAATp4QAImwA3ejwRdyvdxvXFOi\nH9toLBdWbcst9Hf87aHiWIn+eJOwQHOaKnw01/oc2L0cv3ZnnE2+rLKQeKSA\n0/LqOEMoexfdLZbPqOS1A0PfMp1XcpdHDQt3TxWlc/e/hA7PFffsQm4ehaXV\nmDzp2B0Xi6vHyWHgK0FcQruCvBZ1KpFRwOzjrCQqvUPH7lOpBqi/FRnD5/5W\nFp2AqYh2i1bDEV/z1AuTzHr0U73ySqGM0s+FMNzBpHcv4wJGTIUYBfN6HOvu\nfMzA15fqlQwiBftj5Do/LMIhc82wMqSJ3lieMAaZlxdh9Sy0Zq+OsJt3WBzL\nah0qZWgl9lurfyxnWr6zB2eayRHIeq9MucjSaXXX5WhOaYqBcBLwZj2Ng2Yw\nVaTnytzOEd6AYaIH1dI7mSbRF4aAHzrvbcAS6+r3Ku+ZRUMVkW9F+86TGETx\nTc3YpDEfCAzEzQJRqU7nQZv8zBrvbcU70xd0UTHwJX8QCm4DcT2C+CZQZQsd\nGnfKW/RBC93ia6W52MPDQFAc7o5n5TU4OUGlMP9Kmj9OmuJhFLZ/Lt6+jq0t\nvsJeeGbzVHVEmLJZNWMuQ2xKd3TtqiofJATD5V7k5mfe8bQPlx8R9bRZ12sf\nXrAB9VeBd29N+BBa5kkW3Jvyknm7+rm0Ukf8pZXdrM8g2aRTCMqtbafU/wrq\nAEXw\r\n=vqgE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6acdc7677f01b6502d0b491a9816d6600ea9cbd7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.0f358ddae.0","@material/feature-targeting":"11.0.0-canary.0f358ddae.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.0f358ddae.0_1615932673123_0.13165427072729563","host":"s3://npm-registry-packages"}},"11.0.0-canary.67eb0df80.0":{"name":"@material/touch-target","version":"11.0.0-canary.67eb0df80.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.67eb0df80.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab9955ea186f78698b481cf3943b87ad4bbfd249","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.67eb0df80.0.tgz","fileCount":15,"integrity":"sha512-bWIDVqSadw/t7Ekdn/SairIcUtyWYTYs5lGcRO5sIHoFb1pCcyj7oA6yUzAqQ1DAFmtlKynx5RF8wodQCEeobA==","signatures":[{"sig":"MEYCIQC+iUCwrMfsZMtbc7SnmixTGFbQhXzCKqsD+bS9xDg3igIhAP3jsfQEhCw6tfW32E0yp1EbF3Vg3tFL+Jo4OKQ2bXhJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUTNpCRA9TVsSAnZWagAAKdcP/2eW1d+YJ/U21OTsDgag\nCIFS8YdjDoSHpOnaLIRQo9+7RRvTY+xyVhzo2BMii6BHCga8eLiCFN+VrN2P\nepgTbuUqHjABJcAlA+llztBdNu8Cmqm6NUQcRnoNHT7RoqG677NTGn/bP0N7\nT8PebvGuthOK2g3kvxpGC3aa+Fo7v19Is8SgMmGvpJZI80cf1bWlRkpWXsRh\ntaBRxejfJXCf5nujOBcfcVIXHcNlgE10jMvZKtVheFFlBQYv7vvenLzU7pjd\nPFgLyNoLwRz1DyMmttP0JDlrk2Gi1D1yfT2z73CxdAF5LaVqVyREhJM9TMVk\nlAn28a4HfE0KnVGwG1yj/do8eJR3UQKaHdGEQlhxYXLFmcvIHDmm/EbU3H2R\nWG7csj09eZiW+Yo9nStk0QMqzSZaS9oJByB5GfxEqKAbCXk03HOKTqMNFW18\n7ENDyo7QamWb4lTGsHjkUB3TGUOMfeH3msJArldvN2PHsb4/JQM2Je3aIxFS\nwfFJKi12mVHDAuU8uJz2E3twYLGY65nJYD3VR04vB/KpiNB2Wp8OP+5gX2aX\nTl/8eZ0YoraN17DAYcS3JVoSoNPthgJWoy9u/yjgEmayVmqszOMPZbKGoRvQ\nMm4HgSiBQ8TZjdZz/zWUUSLG5/iyotWTtbfG9Fho7QM3lqyn8oBJzLvuS+vU\n2L2u\r\n=1tQC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5f5e9d259d95bf3abf565622edf7345e62993020","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.67eb0df80.0","@material/feature-targeting":"11.0.0-canary.67eb0df80.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.67eb0df80.0_1615934313409_0.8222101010300304","host":"s3://npm-registry-packages"}},"11.0.0-canary.941ca3b3c.0":{"name":"@material/touch-target","version":"11.0.0-canary.941ca3b3c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.941ca3b3c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cab0785f14fa69db6a6671066fc0f299987e8ea9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.941ca3b3c.0.tgz","fileCount":15,"integrity":"sha512-Zhm6jIXOnA8E53cQNZ+jCVmQE6UMu0JZjeuTpFeNbOw4/nw2CkVYa42VkuC3jaGMy6K/bxfCZ/A3Z8qTcaTGOQ==","signatures":[{"sig":"MEUCIQDhZKIRg7/2s64yO34T7+l4IAb8+SRz3ALaB2MQHTG8XAIgLlBFw0gvOQB9Ttg0vvTRGPgFpMPSKZPohvmSdpoxpaU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUTPUCRA9TVsSAnZWagAAU/sP/jGzvJywjXBGGRPMLPXG\ntcWFIhCJLgZidI8AFk7P2RyW5RmydYGQBD71VJj+aJUIivyhZ6xjlY8JkJS0\nr4lHP6VOmk4pnavUpoI6qUQBqJwH1H5Td7y/2RnFqPY3OGNZaOKQXd1y0POW\nLnvc5VsLE0eYqUjayTycMT4HSuzItzqADbUAtidoAyacSgBtQJ0WzTZ29nJy\nNQfyJytSeHjztGZjQ+rnrpp64pmRzt6HwtsKYdQkYyTBS4Ruy+cjU3Ul0W05\nvZAqZeNIOB+P2Y8Izffivt3UkTE0YP68T2xOLzPHZxjeS8GXkXSbnmifMeSm\nK+sogCFy5MFLYMhX4kCB3R/8z5LQaO2DEEaGSvx22vrzswZOJaaLJmmYaJS1\nYeOcKJ1eDD+32OSkitpy5qgx+V1w3YkWbmod/Jg2Ra5lIhJNBOrqx5f2DAoW\n+WYPdwJRDbQRv6fGk9YbaXpt0W57oEPzW7ODNMJkvN5f7bOA3lYYfzLEh9b1\nvUK4Eou8Yp/9+yt0P9pE82Wwt2qYWQ28ELyU5v12Bwm93XZoccAapuDIn5cI\nMPodUJTuGE6M4wqZI4NqHmL1YyMrnT+Z8iBIVT3iTJ/Plm/i2F5D4mokksDc\nCJVehQ0dC2g94HW8Yckrqu4vk0woOzn/L0VBgdIDmtELSmefQtaT47XwWdOT\nWGP7\r\n=raE8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"27181e4c2c90af170c9149616613beb6599ff94a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.941ca3b3c.0","@material/feature-targeting":"11.0.0-canary.941ca3b3c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.941ca3b3c.0_1615934420317_0.9616117990227213","host":"s3://npm-registry-packages"}},"11.0.0-canary.3344d12ad.0":{"name":"@material/touch-target","version":"11.0.0-canary.3344d12ad.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.3344d12ad.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"335409d0af4e4c5e05225aa7edad99d9ed50f907","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.3344d12ad.0.tgz","fileCount":15,"integrity":"sha512-5jr0/l4DDw5yW8DSU+JrCwQeePnSICFFkVnKG/uDTly3fp9dEYc5sP6v3TsDK0INP5nW/3biwPheyMSuLAh2oQ==","signatures":[{"sig":"MEUCIQCUYp9WrTacFMwm7u1wxLYHBkBwigREZ43EaulI47I+NgIgQcaBK+czc4ZkOXl1TlozvsdRrwpK8E2LK3oHuwrRyjc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUdNNCRA9TVsSAnZWagAADkYP/jdP5Oyy/z5nX8EXmtib\nckknJwq/KxFBaBGUQSL5EUUBt9+1RO8pbdVYhOJUu3EB5sCI7spRkB8sFNR2\nzSDoF3IaQn5wJlc3cgOQBlNsu5Ol2ZZypyzn24zZ/LcDRGX1BCqVIu7aYJx0\nRYL/djYcmpWoF6X19iiGPoLuZNNj+xM7nRbwD2mkPpRD3lGFQmz5VeH+lUVD\n3hsp9P0qhnWURJ69x3OkmPPreJIlNUPiPfdvp3UaeDqzI6M9QIBt5VzG3Orl\nFsOcBA1fkr8fUTxwc3GYJzObPlMTIf71xE5h8wvYgcdC4hWwRjWNQvZZWAfI\nc3pWeNTSlty94YWEzTbLZSspmObv057/TR2vuwtG90J8wnmTMnLI8WFMS0pA\ns5gRtbwl5ACTPkTNFNp1t0oLjA18ftLZR60FhbEAu6iNLXtyv0Oh1hC8j2sa\nElSURsykQjSj12jIjvRXTcMioJ616kJogACB+A5Hh5jHKyjY3XSY30UkjgNI\nkA81NjNeMUtaaTGdBdeiYIRGmSBuEopX2yqN7Vara5ohZnjQqYOyoe/y9t3H\ndk3e1bi0q//geqQzfiUBtQsN2Usil9wxjlZ422kQSx1EbqfIsGtddRo3ZhPL\npdoJiv+9qofOcYvbAafhTFmjR0q/sWcs9JDbVvy7NL0ui7XFRucLPTTKbUyK\na8L1\r\n=QWu7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fc17c547b4aa66b6412c0b0b56b75978332702cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.3344d12ad.0","@material/feature-targeting":"11.0.0-canary.3344d12ad.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.3344d12ad.0_1615975245516_0.7161218296034633","host":"s3://npm-registry-packages"}},"11.0.0-canary.6072ed604.0":{"name":"@material/touch-target","version":"11.0.0-canary.6072ed604.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.6072ed604.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2deabfabea88bb9e79e10251f7256992be0b7bb8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.6072ed604.0.tgz","fileCount":15,"integrity":"sha512-HVE09gh0fYPHAf8CxgumqyYVNw/c7Oram2n5I9bljWePYE220a69hkCGDN4VhbLUPf6G3TUJFL8KHNMZ0kKocw==","signatures":[{"sig":"MEUCIQCdJXacPrnhNCdnc10QTw7Rf/XcMzqXx8/J/1c1UREVRwIgR+9fMEUQkw6ShkVMmpPn8fe5gD7Y4jbEZY7NNUPu9EY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUomXCRA9TVsSAnZWagAAvwsP/02+8o7roWRgIOw0nUr3\n70sCT+Wz8XKTdyglVqhLcPs0XrqrGNEI/09IxO0qNjbnaVLgavXGo98+ovjM\nlKTZrpzc/FvxnSTrknDp/nalVZP359uQWkmoYmS28Foxpw+z9tUj0Z/e3OhW\n3j7YuIJsfejIUac6RHNHaXVL6DgTrvjMuGFl7/EHvWoIXnsQHHicaz6p1S7F\nhAh32w7IPJUqFAmHs75zA4eQJl6GRSEwBrKcMBWud1ESE+t9SJAmZR9hFgAY\nVI56hfuTu9KwrxEYhZb+xpsWX6Siue+MLQsBamnFQKEGuR/WMxl4q/g5Ty2y\n2DDTi+tNCoASoMmCkAyZg9nAObqZEi2MRrSNx5nIIBfLk4OXF9qQBWmgL769\nSpV0oPqrXVFJyQwbF6mfp8ddHswckxqkJHahLLqetBLGhbj2iyTYFbIdC52/\ncmDcn5o3n5EiDXK4Xez3W2YpwZwnp6mTmkpAoyy5BQzsOtxKwsebwAQ3XoMv\nlIz8cBEBjAS1aBKIvcvNZJSU+Anybft46LvYSMk3C8lwFy+WGpNs/MhRaxY3\neeMN/aFc17yQe4RUVymgCEBURDncOTaIzFM3ev7knATujwmv7iTIxQOEpTsS\nWlNVvNhQRKiUV0xa/y7KekH9MK7Rh8aH9Tw/DvJLOxwFFTzR99WCGDL2LMQN\nCIij\r\n=W9Ua\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"219b085de7ee97c7b75e5f25dc757e7b5240916b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.6072ed604.0","@material/feature-targeting":"11.0.0-canary.6072ed604.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.6072ed604.0_1616021911433_0.03463591472274663","host":"s3://npm-registry-packages"}},"11.0.0-canary.d3a6862af.0":{"name":"@material/touch-target","version":"11.0.0-canary.d3a6862af.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.d3a6862af.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"efc9cc45517a28a26e152cea311fab97225d76f6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.d3a6862af.0.tgz","fileCount":15,"integrity":"sha512-fPyWXE7A2o5GVsnc5lZlw0niIBLkK/eg9I+ufmfFHjds8VghvsjkRIm55OnKpuw12R0o4DYUgG/HVpcAiTzmNw==","signatures":[{"sig":"MEYCIQC2UsvjNAbjlm5YJ9C1N874UZIzDBCnloqqnKM8zC5+5wIhAOf0Bpm0QJ4CwZ8LKdpK7CP8EODO/MuEc9v3kKp6ODHY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU31pCRA9TVsSAnZWagAAXT8QAIhqabb1UqKWav3HFSm5\nq6Tlg+Y8xu78legL2gWpPrhlYBOo0tkRvpqkNN/xe4tUSMPJTpStuFQLbki7\nIQlpsIT7gpyDb8WolylHfIFZkRQcTdAnx9DB5zsrgKAZEk/Jm/Tco/PFqmAT\nwtzYOzayzWpX6JuwuRsZDII7PM3+hXQ0MA6BY1Tgrue0Lev6shj8fBuwvWAp\nHCLF1CyMgwpKWTDXzM5LO6tV5rvqQuH4Bc242nh1QCVTfXePGWOFk/TUGtsq\nPMzTTZGjJkFJqnpTKt4R5K4/R/UGoJ1QLP6eU38+KmKwN7rRU/Xx2rKFqRhl\nPs59lCtCXthtcUKK7impg3yAWMCAXhwfxY4qKOtEfExx4ouYN2W1VK+6jzhF\n1OLNq0cx9NSwux5RGj+Jr8K8bxInZRC4WErRMtUNOQ5L3KoVgC2cISL9mgGq\ng8Q6SLJw7cueGmt82zP2mF9Fk6klkTEMUASBhr56xvX3z4j4v9zyQiyzgjyw\nhqYcXWAtwH1nLRVUKsfxkVHSicZ+HjMJIa9dkE04M7EEuoxUo36FCbWDE9TJ\nUqglmFtbloyXuwSUHBRAfJsVFBSdDKBfOInDx7Po416b3wXZpleBLGfvFtbj\nBNNPu5q2a/Wp+tQTa7CGhoUmvvlY1iTjVJ7eqiCYabXPjtO4xog96IC2Ou9/\nF3B2\r\n=fnJD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ab10f53a050cbeb103a3ee070a9134ff428deae0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.d3a6862af.0","@material/feature-targeting":"11.0.0-canary.d3a6862af.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.d3a6862af.0_1616084329293_0.1068453480424314","host":"s3://npm-registry-packages"}},"11.0.0-canary.40dd242d5.0":{"name":"@material/touch-target","version":"11.0.0-canary.40dd242d5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.40dd242d5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3d2fd53e8624ebc3444463e66478e0f9488a81b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.40dd242d5.0.tgz","fileCount":15,"integrity":"sha512-kM8LE66xMmBA8LLoVzpx1nvn1I6NfAQq20C0lFaqLbuh1c4pH2+KYgJUmNURnaqFRJsEhrd0wl9FGxeWC8z/Rw==","signatures":[{"sig":"MEUCIG68TGddBTZqag5vMTpzkmahGS6MEqVTXPt/yZ+uqnLoAiEAwyJORhv0MwxiBFQLqjllElN7SaxyyNd22n0IyxWx+F4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU8MbCRA9TVsSAnZWagAAASwP/0RgDMU+VyxYXgutQtNo\n7IzdMCJ0sG6DP98YbWsEc2YSC9cFhgZK/2xvYIaBIQhgyE7+B7WDWQqmx5vs\nyrOPFitWPYHRa39W0EXEuixhdBXdcH/Ri2D2+BgSV7IeUtdkNkLJYo8bhT45\ndQJZ9kVERky5HomljT6AOqSs2gxp3kVAHEbIRxIcktFHWIrAvq829f6eQ14q\nq3xVpfbeFZbCWCjiVcpQlazY9Y8eyiNZ54RFbAYKoJlPz6QSXnpliDtJ98KR\n/kMcH1u6+TGpRXtQ5/IiQa3is5YxlrBCiNWj0SWkwWW4FOqjdnli0SXx9pXt\nZ7D4bufPPf3n9HTk19pR5OawNuYm27NSmrjWTK3MgDSmAjFoemGkiR2XQNSF\nfsszAXqY6TuQERDCq6QwXKJej8JCbSWoXdCbHEfNNTt/J4CHzBgOWRFw+7CS\n5VgG9JprvNBPeVssGNp0Zum5e71Dh8DHfW1TGhtpZBrKZwqgcf6cWTtbafAU\nSbQMEQL4GPCdDz4r/xX5DhAih67wLRBqkk285vps2bxnWZS3BiTUnvI2IxsA\nhLdyt2Al3+KqAr3NGfcThQkyosChinedlPmvAaQKUS/4QWqL1Kkj5HRyecRu\nObjQxpKvmbZapgv4vohRL5lDczaK+C0Qgm8juM+rmjlYeMRhihnSZ6ZIOLp2\n8+yX\r\n=qrqD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"07de383ae306cbdee42be69fa0a06884d97ec259","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.40dd242d5.0","@material/feature-targeting":"11.0.0-canary.40dd242d5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.40dd242d5.0_1616102171027_0.3294280357966439","host":"s3://npm-registry-packages"}},"11.0.0-canary.ec8f8465f.0":{"name":"@material/touch-target","version":"11.0.0-canary.ec8f8465f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.ec8f8465f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97456a3cc03c3164e82bdfb32e9d1e97b59a6678","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.ec8f8465f.0.tgz","fileCount":15,"integrity":"sha512-xg1t81ZGKpSnS3JLgDji5TV3QAf0liO4JmakijY+z2nT6Ho5u6qH3D4kfFDWpe/FfqK5DvnSr38j1Gbh+sfPgA==","signatures":[{"sig":"MEQCIH2jmtuoP+EfAFc0yI5aq5ib2/Em6G7aW4CstEkz8mN5AiAXXeqUcjbhD0ODAIOc7QnM0DJEAjak64HkHEXcY3PnJw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU8lnCRA9TVsSAnZWagAAsmYP/3NoF01R8cFN58Q8tD/a\nci3cPp3RxOTwktG5htedFK00aH+oWuSBat7BWWUNYLLUHTZPkosRyJ78+ZfX\nWVlXNeHW3qP3+S1rKPLD99WDN8QSC+N7SgoMSGWx+u+67DSc6RRpipbmH0JQ\nnnAUjlnRWuS3h5x2jukozB9resxomWBIz6a7VMKcwCmanVCTA6Z+OXqdCfCT\n0DzakQdfPQMlj/xp6OG1vnl8OjDPTl5Dr1ZKEs7OiiR28JsGYElnlGkiWAKX\ncRtDyURXhgAmH7QKkAMwztopdUMM39IeY0kEzIiwrmDZDh60fYhflQdLFbOP\n1QIDapsN5RLglKIwuJWr5y+kI/aArFvo6GY2k/Hj//d8uV2GXRaNNEuLWQpZ\nwlY6FExc/m1wYfaACohoqRFR44fCauDvKqfz5U0GL3DlQ+vjfkWV8X+4Xjo9\nKSPopyJbWOywKZpW5HwRJNA36fsx53T7gyQPFlONGJ3xUVMtfODUZGFsF+Q8\nH4z5oPSXeVTxDsvh7KlkBDjR3eeaRBGlJ1+paGHjuz1s94sPpzopMVk7AJ1y\nAJXKA0Cit4vaPVqbzKpOm58G0Njmj0kk5B/0zxuHGdQyfkfWHhq795CCYwAt\nlU18sZ+Ogos49Hv2343i9OeRKNj2umu5exxqoEZvNNX3qAwzxfkvmQppr748\ngcUQ\r\n=OsvV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"896f8e45effbe3c44209b4542bcd3d10a7f8421b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.ec8f8465f.0","@material/feature-targeting":"11.0.0-canary.ec8f8465f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.ec8f8465f.0_1616103782591_0.21760776424190253","host":"s3://npm-registry-packages"}},"11.0.0-canary.da38969ec.0":{"name":"@material/touch-target","version":"11.0.0-canary.da38969ec.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.da38969ec.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0eb72664cbb857b070da8e62f7981715a0a7cd3c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.da38969ec.0.tgz","fileCount":15,"integrity":"sha512-UMVro9w2kBoSxvjhh1+h/Q0PL51ebIYaLN3buQjvobxy5+O7MG/i0GNyQhZAZCaCcrpweF8bG3zHwkcwxwH6og==","signatures":[{"sig":"MEUCIQDD6Jc5iupGOBIHzEFf+Pt/RuDGIOEK6e0juXoj4sFqjgIgD2xu2FvfXhARmyo0qp2FjztlRmeeXklHIsFp7YZVgaE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU9FRCRA9TVsSAnZWagAA4vkP/jsHAHvU04/Aillvi/m+\nj3rI+vn2oSEmBQWxzhZktQGMzKri5eKXk7d2cHxKtLGBkhwjUfucl80EpfnQ\n8sMkaAHV1Ey4Zvf8YXx8J/X+d2XDSSyEOcKWXKpclmaEJzVoWQ/cH1d7suYG\nohhszkNGjiQmaRpGtr1hFqIKzlO9ml9/1ynlmmgT0wS8bvfvqoOk/ElAlahc\nlq7rKHnqjKrowZXgeXJDM7XC2HZsuykaonYTY6nDTSXZmwH30zzSh72MY0HF\nwjGgaO/pj83uZLW7BNdh17imM0i9b/0DDozaNoXckH7IjZ9qzX8iK/rkMw04\nhhJ6gZmZq9gWPQ0VwaDgpMfJ6dSHKtQS374VIPhJ5CZBFHVPF5fwBK+fVkTK\nk+LNkM8nw4ub71McY+eVlYRTfYN2LqVgC0CbEz7WpimRdv5rRVIxTWqnPwbY\nCE5YXBmkKlL6lKQJjs3iHxf3HZfit5u2016CBo5JwMDY0obRmXKUR4hzOmq9\nFI1aKBP3r6H4pTusAxmQPm+DVbDpqPBx24ai1xQYux3PwCx9wTET88RBX7bA\nunQijPVuSLp1P0J+De4ih+Cy418XEMtBN//h8764CaITGv7lyqbY9taskXQX\nLAbzq51gGbvLCAt9h8Pxmd31wsxp/8ZD4BDzShxgEpJdE6J9kK2HrJnRvK4H\nmEyF\r\n=09EM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b43d112facdf74c62e02576a918d522587133fa9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.da38969ec.0","@material/feature-targeting":"11.0.0-canary.da38969ec.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.da38969ec.0_1616105808962_0.5280977644768339","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5246264d.0":{"name":"@material/touch-target","version":"11.0.0-canary.f5246264d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f5246264d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b2a7364bf8d959e7069339103ab5cb0c4a64f15","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f5246264d.0.tgz","fileCount":15,"integrity":"sha512-am40GJkY0abKu3AMtUHerf4GwkpF8HX76oR+Lu6ea5cL/6ltpk/3kkZ8r16Tss1zVcWa9ALna2eINPVnP4kZ4Q==","signatures":[{"sig":"MEQCIHIKHmoDKTWgt89+naZ3YB+WbR9zCeY95839J8NeZYIVAiB50ofxSux7HLXYaH6TylCvV61gy4yWK+nQ0PfUaghqag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/IbCRA9TVsSAnZWagAAeLMP/A2WCZ8IwR39Eu0MbBy8\n2yPal1XonpVJgJ8Q7XcuRYsIVooz+9coePhRaFoj4A10gSmE3nscQ5zUYked\ngMrCX4km8Nlg5I4OQh9t5cHmuJhosT3jrtDFkH/8VFSEDrJO/BXBiLnfgmVO\noauiyElFAzu7z7mUqcbM0Ef3aBVqXtXIvRTTRvLJIlc35OLHlwB4xUJhpmMu\nCAPpWkHLkDcjf6GflWRtb3TzUD3kv30nE0gWA83gmChpxfgfo6ZlOo4N0UbJ\nR6fv3Nm9f9t28y1DKWqYebrh9LfxNowE/Pl1gO7cdt602ovx+wOkfMAgOzY1\nYqd4V8fbMEU5cwwivlB+DfRY85C5oc89pxR4l7gionT9RyZiBkKi91fIlbRW\npNhy0YTUJFYfRohVWDf1vvYxnNFcfFFcvt3a0HUjTDe29XzhZdRe0SA/NtiC\nAZ5mTDwsU/hnYq99FgC0vbNz46eFvSyAEAn258KzdF6XGwkOpXcUW4z5B1KB\nAP3CUi3wjuFlmyGkqvVFGXE6jQdD7t/0P3ZPpyE5/lo15VliYpBEEseSCp5q\nXC0D0YOO23IO5P2a3cefWD3Dun2JXLANAfg4IdXENcIcc+zfUVxahlkCOc+m\ndIqAG5E8UIU2TfnogUyo1p6E3SrB64I7TTB/+afhqXFlKg7qKJvnSC+nCmbB\ndpwL\r\n=I5iK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e5bc1717405750210bb9d7e3572f0cd36c9bc0cb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.f5246264d.0","@material/feature-targeting":"11.0.0-canary.f5246264d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f5246264d.0_1616114203206_0.7139352490783526","host":"s3://npm-registry-packages"}},"11.0.0-canary.03d34bbad.0":{"name":"@material/touch-target","version":"11.0.0-canary.03d34bbad.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.03d34bbad.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"23dd84a9163f7f5cb8f8d4b35b9784ea39ebc54e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.03d34bbad.0.tgz","fileCount":15,"integrity":"sha512-kEemL2RXNcTW1T92lVBeHlHb7DiGgtBpk7xciFO3byzmB6qb5+1nC4hAlHzuIIHVUTClXzSmMjva2xBxQGaYxA==","signatures":[{"sig":"MEUCIEJ8q2aHVuEWHEijqlel1RDWpSJjDqoU9yrzKD7XLchBAiEAqCJasDq8N412xktQRki4FmkHnZLDl1hPJdKVy+AalTg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/UzCRA9TVsSAnZWagAAaPAP/3hDdXvut6srfYwD9z3q\nFyQsJ/1ZMFqUadZrHkkFrvdYygenv0bvpm3UJ1B/HjsauxvCvaP5DXXxBgdX\nrhT7FEnsxRT4p44OBsW6DaicwJPd0cUxwapsc/K8NQAmX7EVvq9Nim1GU+x/\nF44x8CUiXjXyxqa8QrubD5VJgnxqdA+ioraSXrCzk6pCvh+1+uJenZfxCHj6\nSuy7P+ffTRoD9/5FBqvZ46jqeGAgARV9l3ke4+y7puAtqUqD3XfPg3rnfCKD\nsdTVb8R7bLQSpxKVQ8rzoBlzDxcJWbP66+lspaniqmpZ42BtKZWoes0W8yvv\neY+I3hsd0Ql3+4ioGooiKMvQNpG2d1vxJLt8/x8Cb4iaiO/DK7lzjyUG+9Ke\ngf2avsIsygsGVnTHTlHLE7ZW7bOqGpT2xBBXCXdu9GMSlQouUHrUi7wtavA0\nWRDOVHNgHAmqJLJMuCO4vMuFYsHaVmja7JHnnqZ19sG6/T/Va9JIUh4v7BpR\neiDaSGcfLvfQGwGxUAjQumfpTWyi+9ux/S//LJGa9KExqT2qMs7HrZGfMllO\nwFPQIEJwp9q6AvvXI3UhU1sfYtc1nOqBu1e4ArT0Tp2IY9WWdIz46aOdg3sa\nu+4FVDhvcuKEiTrTrv/9tz4p3hHXEVUxfiD39QSAosxeDdFROYP9Q9Bl64qS\nDwMs\r\n=0bPQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"650c89999524e7131f5808d28c8ea2fa15db0c86","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.03d34bbad.0","@material/feature-targeting":"11.0.0-canary.03d34bbad.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.03d34bbad.0_1616114995104_0.21924587957507735","host":"s3://npm-registry-packages"}},"11.0.0-canary.cbc57c600.0":{"name":"@material/touch-target","version":"11.0.0-canary.cbc57c600.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.cbc57c600.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"43a357459ec797862c9e0b5165bf14a16b355167","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.cbc57c600.0.tgz","fileCount":15,"integrity":"sha512-xN0eMwVwZNPnkwBIXaLFvmw2JF8dL5A/Nlf9ARVEs8qTbZYD6KSPEEY733Dm56rRV21Ia0ACUW8r91dPnMmqUQ==","signatures":[{"sig":"MEYCIQCzvxCcVTE16EP0s2O6FtTy3RKIme8GVphKTZRB0O8A8QIhAI9e663b+mr+VxaGwhJpY1kXWO1iZlQlldErcxhPy1Sa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/dBCRA9TVsSAnZWagAAkSUP/0MjE2VUOlPQToF5j/yM\nhpdCdp2dGnfswAAgx5oyIiWyE2MjSzCbKlTMcFnyE/3kgpiv3pjAFWpFcvjh\nzlOd5gt7FBu72ARPwdZypX7WJoDsmNLMIdsTmsD7n+28tqhU5bm6JPiV1wZA\nO/vF8nmxzdJNbZHKqbUJhaMHXPetAddS5aAIZE7CMbFlrZPvPyki3hX+us35\n0uqBIAisR3pdYDcZtGWj7DaeRZcARcM6Hg5mb/0EFY7JYLqqDcS1WOl6OpNo\nD1RG5A7psQ1eyHvM1Yb3eBS4y/r66A7poLqy+6q+ah0wuyLMYFnqL+Ka2p6C\nxpJi8ORxr/9s4+Y5Rs3Pi6yXM8PiOai1LnmfWWx3Xwa3C6hL8LFdJakyy6xX\nE981QAMYKLEakpd2A0Ab/M34wlDp+2VAhWh8Hc3Zx5up5m32MopUXZNSa4mi\nF8+0CRHKVCsLuL6GZ1+aFeOXqOgIkvs9r81c56tkAhbm5aVDQ2gp+cfxsd7Y\nEzkO1G0MFcX72TANycQAUTv/Xk9GA3p9A9yuco6dDblQg3TCtxeI9DKEa4fX\nyDfn8sfp81w6+xvfOvFQ+OlhWTBAvUy/jUr0EouaQrenPNu1/32ednLtqtX4\n6sicoMnlyI5uGkraFGImHcWrZlMWb4wGos+3b1bjc39iVv5Xi/F3NVOzNm6k\nLPRG\r\n=Z/Px\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c16ee9654e2ac3913ee3140dbc31e34bbc443c00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.cbc57c600.0","@material/feature-targeting":"11.0.0-canary.cbc57c600.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.cbc57c600.0_1616115521331_0.9750752402600109","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6c5bcf37.0":{"name":"@material/touch-target","version":"11.0.0-canary.d6c5bcf37.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.d6c5bcf37.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4f8fef2c1155c19819f510a38f3aaf8dd21fd8fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.d6c5bcf37.0.tgz","fileCount":15,"integrity":"sha512-AjAOb5ly9P3p0XXmjjGEWWI7//DkJGX4u85Yjc14PKbVjX5pSnLeEjMmK7hDXbNY4BT2rv+bKGuv+wmjmG8bsQ==","signatures":[{"sig":"MEMCIFCLmvYLhp0FXsbxwBzGUjg9013GCqInt+nSs7h20jxaAh8C/fzoSekqd3Ip+6OX3F9t8j702JCIthQ41Lv0T/5J","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/okCRA9TVsSAnZWagAAzlgQAIbQg6gjsuOpf2Reipx4\nf83M39caQ305I0G+HIVnFU1ADVvZFtrTRYAHkygm9/xADxb2MttyYOWVyqe9\nw3Y7/CYuj5cIVQHGQCm9r/pT+z1bPIxMrfS3bIRTBzinFMuMj9G59fBEb5nb\ngFd9AyE3y0eWoxkZCe9woJ6mzJJMe6mXFEZulBLoDH5QD6QDlt8+cbfgmT75\nm+fL0AEpp5kCeLIKad2hzPbpmju54rMHURsTLoX+74sxzajfR/r/St9eKq6h\nX9e82DDG6h4FFdihtEAVKMUp35IXOTaQHeHGzUj9TOLVF2Ky3L8f7tdJwlSR\nXay37Zw2VRBpISABc8mOFYGsOxfpd6sBLv92Ejc4Hq3d4OdF8NN6+Q+y8Vli\nBkiwkhW5ERwraKxSL9yZVWVo8PTEs6kzf76UHT3+GKBYkIWfwSDOt16KJOkx\nYoUApmYCJIzr/zATR+k9Q59FCxswY18KFJr/3PIhcrzpcJxS9TdSg6/op/Ff\nnpJJHYWcrR1+DxbJflScOfUBW4qxW8a+4Hggvy0mXX7C15ClLh43sxjrho+D\nbFmb6BoZ2FkUx926OLeemzf7raaXHmyA4iIAcgdrRU6mx/3oNJPUqS5ukZ8u\nSBBgee4cn4yBH42TDFEZe7cxLXnkHl+J9jjggorgJQsOdpZqXyS1OeW5SHl5\naXoi\r\n=gmxU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7ed31c18c565964157fdadec7c7876ba58c6dfff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.d6c5bcf37.0","@material/feature-targeting":"11.0.0-canary.d6c5bcf37.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.d6c5bcf37.0_1616116259844_0.5825611799458419","host":"s3://npm-registry-packages"}},"11.0.0-canary.fefc668d7.0":{"name":"@material/touch-target","version":"11.0.0-canary.fefc668d7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.fefc668d7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a09c3cfacaca1e0cb7ea1fbe31514e2708261181","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.fefc668d7.0.tgz","fileCount":15,"integrity":"sha512-RjD0tStaTaQmNdndeFdmP5vKAaWnyrZHyyBGBAM9kfK7SQARzztedVCXQhHkVdWEB92Cblpud3Omgqt7FTTJEQ==","signatures":[{"sig":"MEQCIFQfX6Y9A37GrJ57osHMnsA9sbNusfLNOX9NFNxkZRUcAiA5je+dXrZ1dectt7qJ68klJsdiBy3YZzgbYN8E1pO1Fw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/89CRA9TVsSAnZWagAArK8P/RtvaOdH9e1dMxPBkKcP\ngMrfcjrVBAw95mFMC41bGxQYYiAM3sZfdbPOcUUJ8CMnpUSR9HdPzTWfcJT2\nvCQkxm6E656NBL0eu4TXxVbPatZcgJRnoFYff5Ov+Cdf+01nj9LfjvLcPJP8\ncbU3qC0iWc8B9V2GypLi2bvmRGpfZt5IFhfIn05fBDLAarH0XmnlN4KXlypm\niupwuoH1NKhTChHy2vVgwrr+SxA0ymlH7FsHOZkzvQ467kYN2s4YciZlfuK3\nnlnznXtvtuZMbNDEYf03lrVDCvUzCMBAG88k1nRCeY04qbW0NogcUSje52xd\ntPmWvA8Jcn8mtp92dLmPp9LRESu16TlU4GG1RDhupcPx4E16R85OR4LMKZfH\ns5/wAmsn+uIvDMio0Si/x23nq6nrBcv73mk4zfZIX7rmeQPJjg5sEE1GnJ08\n/4SkZD23PugNJ4uLLpEqT0yR79JvJSAAt5bDqGWMiSXEmFTw6m8XgKSB995u\nevuinUKb5wu0HKaPbfxi2qQKkj/DhxOQUnrtt3hsbDZH9aVcYLjKJY9mWnIE\nwcBOEkt2XGDKXVBT2OaTKbxBP9T/NfXR4ZqLVctbrtK2VYyINHacypGbsxP+\nTe4U3C0ERO/13iEz7Sbaan7oFgF6Ia1FEc9dpP447xsUd0oAS2kj878TQNUD\njvNF\r\n=owo+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7c976c590b16e8f3a000dcf5cf2b4daf6269aa21","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.fefc668d7.0","@material/feature-targeting":"11.0.0-canary.fefc668d7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.fefc668d7.0_1616117565034_0.6982891846280301","host":"s3://npm-registry-packages"}},"11.0.0-canary.faa7d3226.0":{"name":"@material/touch-target","version":"11.0.0-canary.faa7d3226.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.faa7d3226.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9772fef3e0b14a29e5385d9345af23b24f7628b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.faa7d3226.0.tgz","fileCount":15,"integrity":"sha512-85TiTHdGcEY/m3Er6SAZf/JWFhbAeIMafDqkYtc+qU0u+MaHPeJ4CiJpBlLWZ3o2euFE0VxvAAP+mRG0d8jFNQ==","signatures":[{"sig":"MEYCIQDuRlKdCnB8nJS2RaTjnDCbiSq01JOU0e80DzPNjjhCcAIhAPiQwz3BWsVXLeVWf+Q1j6k2he8D7Li1nwG0ZOdfJjWu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVOKdCRA9TVsSAnZWagAA6l8P+wQL4Sau4p73ArfDU4Bv\nDlMqRYUtViqYK1fmVUq3snEllyJmgXTA9mt3PAIfxfD+o8N9b05YENYhWgn0\nsHJ6XwpVYHz4kqyKkRZSCkihXPvKqxIKY015iDdth1h7eyCjNFtjY9S1eV0c\nlDFoIdEMZ6M2kiy+Wc6lwU25yu7cfUIM17SAXGPJxDEKoKSXzhApi29TlLYn\nW1P+WcM2U1ntbq+TuyIt1rvEmJVo6fLmGMBQeyIqvF+FU53IWPY2wH+sdXAR\nC5u0itFKW4O5a5J4C9fv7AhFQhY/iuWpKv94T+Wl3BLuI6M56xmrBPmmQNWG\nk1Tzj8WkGYaKHXhY1Xnv+vasF87Du9vhiFhQnLZ2EBSZNcqr2Ca0x48+EMA/\nbPDrq2Nj8i83ph6xps2+3648XMjEunyeeigFP4RCGgimIHpOGD9RfMfc6cvz\nKQ8j+2t37F1IdlFLC3jwaf5kz0phyMBQXpiaEbrKK1jDoYCeddPhqlaZiTtH\n2Xj7QS0lTrGwaaxgHGnwngFAFLt2nNTogOEhS/ed/J3u+Rz4UsvNLRUZNC27\nJDPZqJzuDuuCvDTpbMPhXJfc6pnGVG9bQK86xpEkH7H4yP9v6U8E+iOGEnzn\nYTSVopqPbNPBGybn6wUVarCTLzhYeUlOoZynliZem1BQyT1/LbUkTxN7oS79\n5oVL\r\n=K35W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c6038c8b2af85b70f2434939a69416e1593d5a36","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.faa7d3226.0","@material/feature-targeting":"11.0.0-canary.faa7d3226.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.faa7d3226.0_1616175772984_0.1998235980921299","host":"s3://npm-registry-packages"}},"11.0.0-canary.c60449bc8.0":{"name":"@material/touch-target","version":"11.0.0-canary.c60449bc8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.c60449bc8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"988cbed2fd87696468b542c54388ac51b79a7945","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.c60449bc8.0.tgz","fileCount":15,"integrity":"sha512-gp/6MqKSPb7HgycmMhD42khvKqBSjl/BizzBLgkBJquGY3S5+UNTT4kG4Tkf+o7iv/leHb4CUedRoR3mI9wQGA==","signatures":[{"sig":"MEUCIQCs8YodjO+5FZByeQNjBF3IPkZHfPMsUIxbHeRBrPoCUwIgEHefNTPWIaHSofoUDRdWYXL7xkiS1HfSBGOc8D2Kzhw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVOeTCRA9TVsSAnZWagAAShIP/iDJr5ewNMInOpL5wq+Q\nCXA55W3CDYmj8S92uLtZRd6oNMEAAchwOaLByQYntlq/O9QdcSMT/hbAeScd\n13bROtZjO/qiqi33f5pI7hdm2RBXYCuEPg9PoaTYDh6/1pMJuoshUhFETc6W\nwtY5wrOjzoNZljjhlnsRU4cT9jHNTGE+R7upCr4Xiw55HCZFAu6kLFrC1r6J\nxfxvOTYTPafdZF4ypIW9uquJxt2P/Whz/uXyqHak2pFQ+LVSc5joLXvCU0Nr\nBZz8EZ1D/rxye+Vb92x/hTDuj5L9/gwJXV/z/y1bePnNPmV1qU/7+IQF54J+\nCKgpC/HOhxQgcaUlNtNWzHPacOmXPrp6exrAMHvRfiiYTg8QA4jhEJA+wtRE\ncA58uGIR2/Y3K2epJun1IWYKiun6g4SWq61MI9xu5v1lHNtK5uCpmWgfPURB\nSWeE/QpjpNPtNjWlFfxiOAGFWEhAxXDcKh7DK5CMtscn/OXycxSqDssh4nYZ\nzPFH0JXYdVOCyeMafKGNdt/Dldhiv+8d+fZWT3jy3/AfabOsmA9fT0WNvxOx\nNMh5jk59Cr55+Iithfnv/dNrE276Tlg/Es6FJrKjz+SgBEsl+nSdk2OsIT9B\nbOvjkwdofUg4F6JJH2zzDtERW0gvQCV9CVGHehtZt95zlkNUFN50r0c3uPf7\nqsny\r\n=dZXz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"874083f8b4dbf457158a7eaf9924ce1143ef6fa0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.c60449bc8.0","@material/feature-targeting":"11.0.0-canary.c60449bc8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.c60449bc8.0_1616177043156_0.07050312381074852","host":"s3://npm-registry-packages"}},"11.0.0-canary.5f0fc444a.0":{"name":"@material/touch-target","version":"11.0.0-canary.5f0fc444a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.5f0fc444a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"862ba0535bec0d7f27fce36a0772d601c990afe8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.5f0fc444a.0.tgz","fileCount":15,"integrity":"sha512-mHB0ypa1+O2K0kVK2u4XSeAZCph0uwXQBoj9LIC52AB60xStR/f6jxgTH5Os9R7H7e8XeGylz9Q07NvsGu0ivw==","signatures":[{"sig":"MEUCIFaDveNdpOL58Qyh+UWOZHBi448M4lcmngBH5opZHMVpAiEAtokrYlTfzIddUK8SAafTBH557d1C8qODFIBInLzZYXc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVO82CRA9TVsSAnZWagAAz38QAIFyiNpwHRdG2PHm56sf\nadwr/17L4ES9KS9YJL8wc/0IqDlrQF6MW2YAYWBjjThY5b8jOkDla8JBXXFG\niI7aMNbRXREazeVMAWzFuyp/QW0gGrhKkTgAt5K2lVZJd9MnE2zWYkhGvnAw\nMr0zypxcWvNtzNV3TyU98dQ+YM5xgtVuWc8JIGi4hMHCeQzHOi7Vseh72i2l\nyYoIoLA8fl3672FSKr7tdBPFId0NT/3Pv30mg9I/CzCI5J/hBa65GExCSbri\nCfBqURZ65zBwcAhtgSLrAGLytMJNZrC5l8scMmlLM9UMOnH45zI0OUKT/90Q\n4Wxnzetu4J+1L745XSuz4d/JjQveE5OC2h1sbyNnzqW0uwNRlTyTTj1BeVVk\nmuBiEBatXDcdjv18T3D2MdQcpTGVsZ5dGKN/vGNOzuSqikXfz9skjWfodkUH\nQzTPFtPTyFUqfRvGnW5lpwX37ybj6oQW9ovT+gLg0PF+pv7L7GjRakVz03M3\nJpiv/2I0bPPM3VembQ4JfZ7EqDjfzf/2AkpNwJqd26UR5ICkYQKcQbSz/4EP\nNTzpLU0mzYeM6LqWFOovAr/TEidVMAbugg94UwVhiEqiSuDxt5bsTESTDcu/\nntwZnXWs1Yl7kHplSKdS2kTrvnMVGhTgpx9WdeeSh34oAsh+PKT5pIasLxD4\npsCU\r\n=0b5r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"122f31622300f5877c850a516d74f7c692d0718e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.5f0fc444a.0","@material/feature-targeting":"11.0.0-canary.5f0fc444a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.5f0fc444a.0_1616178997950_0.9834908833592462","host":"s3://npm-registry-packages"}},"11.0.0-canary.4567a750d.0":{"name":"@material/touch-target","version":"11.0.0-canary.4567a750d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.4567a750d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"73478b9cc79ceb85b2a005adcef0ba53a9a193ef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.4567a750d.0.tgz","fileCount":15,"integrity":"sha512-MldifUY2VOMGBnek2K1VfJH1KoFGH6VVU9UoXrfP15nKx5any9xMPLzoK5WgaP60wFJ9SRCqaIY3iqDi5lHnRg==","signatures":[{"sig":"MEUCIQCPcpjyw71gDw503zRjPUutk5Yx1YZdiJa9NAK9C60cJgIgGLtLme986oJnMOIC3r3pInTyItmoPLZROUY8BGMVo0c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVVipCRA9TVsSAnZWagAAcUMP/iPWzNlsbhrrZ/TuHzQW\n2aMmjSiX0lmFdARk0WRRr3EaUlP0skl+FkYyXIPhveftLZxNvb+Ss/CKdFl1\neAj5AO6VKefeHMEBLp1lXrkIguS+kDu4BQcYzs7tf/sKhuhH1KVN0OAwXPP3\nT5wJnMRUdLxHNeVwP1i4TiBCysExjZIwAbypNR/Nyz/PQikduNdIeVnemcZH\ns6VewRRq3b9zWLePzrm8qH++brzfayxBX5R2SgtIp5gXtQcaR2wvKpyuDf3C\nPlticNxyielrV9AR9VSoKe0SS8ZPOJbHmS1DiECPu6b8m37dceepe8d7PgaE\ng405NnwzGm9xmKgR6U3tN83O2idM2M8svmPzpDayfDJjHNi5riEEY6iD3kyW\nJ3jIR/sMIoR1KXmOAXaiBx3LHr/yGvAfGUiN/SZkjqj8PsyuHTUT1vx1ggXG\nNbs4YKi/kWbbr5tKSncL8OYT8zDgQsH9fkK1KMkXNyBtZlPnPXIN7w/E7NVl\nDLIqT8JUbDk44p/3gzNRsH/Vy8vpTKgsePzAwRNYAM9N5GQ51AM2w0ekl3UD\n9/V5MeNJ2UExtSv7fY/Yb79cLv/izhDiQmVdRoJWlS9fI9D5+BLcMkM6YGNt\nX+wUN7g7bOMVm7qVoI8CfjHwJY/77g5YdYJP2L6/eNdrBpvJv2u2o9wWymdO\nRjOk\r\n=44xj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e165b3e1af02e963deb71d6f39a7df6962710c30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.4567a750d.0","@material/feature-targeting":"11.0.0-canary.4567a750d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.4567a750d.0_1616205993418_0.589647078950257","host":"s3://npm-registry-packages"}},"11.0.0-canary.0cde52f5a.0":{"name":"@material/touch-target","version":"11.0.0-canary.0cde52f5a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.0cde52f5a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7502b4671e5f301139ddeb7b2440263d3c11911","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.0cde52f5a.0.tgz","fileCount":15,"integrity":"sha512-qMTzCOYMAvyfZ41UN6zvrA+GIHmz8+08GPDO8HuRw2cY8MP7AIKw5wWPAxxJbRFqNGCzYq7d8ETu8Od690W6fA==","signatures":[{"sig":"MEQCIEY0YsXq/Nn5onoM0u9/JiJ4HLvvPAg+NfbVNTdQmcceAiB78EZN5CrNwDYUMbu3tvk8zXsngZ25TpP/awUCE853Qw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWS/sCRA9TVsSAnZWagAAfvQQAKMPqzDwJ3w4Big4Z2Qk\n+tvP8JmAqLlw90gWyg4uXIoB6OAF2lSWSQ+cDhiDdK5eNl6SrX28mji2dHp9\n7PNQ8QbeKo344R0H03ItBBOdN2i+DkEmw4oOcuSTNP/0SK3rYIGQmKVreZry\nxlL1gSSKy+Q5bHWHYzJa14m2VTyRSqKVyyieNm1aQiVpo75QqKU2JVJUn/GR\nxnMeduxMHJdaV2WCn9qMqaPlxMIb+JEjrisyYqMULkQhKmIhRvaN2DAjHnRD\noi2ZoecNMzplFVLBbUHrjj5BnTskGc2M0+08XFtm/QkRWIjLVjgkKeNRl4XV\nyhkwSbZW8QayimfOzI6JHqUYD3DndTIhpoMRXJZPImoAS+JVBfUmyzrKrEsE\nSNxNINiGa+bJuzW3WL5J7fFT9NFQwjjcVxS5/x2J1A6fuDhizIZH2Lp/qyP3\n1RrnDoazJ6fwglrmNZsdehY0x2JRpqHHBPpUfSUZbFOlNBkjwHZJMqmPaFAi\nJEmskuhR7EVD1t8k0if+yl8zkmtcVkFIVi3BVdQzjfWTjbR7es6g8UQGLnmz\nZXjUKY7FEtNGYXNp61tgOVh/YQmUVlDLTN3+j2CpF/5qkgO5iydnLjLOUOAG\n2IZ+fEiS7EPNsDp8qpXxDQY1cOBLbooI/IjsRSsSJy7uoRzXSq2rcxqnuM57\n6XWq\r\n=XKWD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6f6719c5270f569fd2ab44620e89ccd53a31f98c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.0cde52f5a.0","@material/feature-targeting":"11.0.0-canary.0cde52f5a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.0cde52f5a.0_1616457707817_0.6606075381176844","host":"s3://npm-registry-packages"}},"11.0.0-canary.48f4b67fb.0":{"name":"@material/touch-target","version":"11.0.0-canary.48f4b67fb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.48f4b67fb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9a9d91a1cdd13d2e165af5db22f4d01a604712df","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.48f4b67fb.0.tgz","fileCount":15,"integrity":"sha512-RNotU80Oxc+gVQgTGUAeTzDuEx75LLASTpE7fyMpDXrNtc8I8cLv5nnJg2eV6nwsREGQ5ZMx9c2gUWwy8kVpqw==","signatures":[{"sig":"MEUCIQCBHmt1a17py1db2CV5ZaJpI771m7FpugkyizifwfS4rgIgc4SqwXGuYu+PgbD0fft1DO5t3rbJk9hh3ZeDXk5VNPQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWkcPCRA9TVsSAnZWagAAk2UQAJOEZgV9aH2uspFwsHyu\nO5qxAa88IKi12QPs3FlN+w25NTUyNX3EE0ThnXJ5ljFwC6uxNlBSgp6J/CHU\nI+ITdP6/T0LSDxjlQA3Qa9447sHdSvIsk3Wn8ddvZQ8OOxIxETmM4vp2ymtD\ns0xcahtl1tu5r06qfmpGtgNzUFwmcxsAALZN4jCHFaRGMRO+7mJXZkSqF9BQ\ngDAA3tpKn4u6cPEPEgW6JCDuFSKcD7SNQHfn6Yhhd5PKKbSz4VHU1t08KupV\ndmwqdcemqNuKTuSxOfmJIkT3D3aiB77avzDhWzcbAaZqt8JI+LFZq8DsLtjH\nV4wYDmi3s601xMUptIvg/hRWcV0e2Gz+UOdsBOgqV22tfhNCB85nkEQC2FqM\nJbcMEHD4nenKQz7VpP/SzUlBZsB6F0QG8wcuL4/32d39v4g48NBtXJy43qdY\nWJNu0kelZMHEY0WZ6aC3yOw7bwZOMNGcpgzwejxlAEuk0nREv/k7sk1VNHDv\nN8+696/h8ljgiluxHgIkixCG2VRviYjNNja5cMaJzd7tFJS3ly4rXYtzr6Ut\nNMCkOuJmnTWYESvWs3Elqk9BM4srnY/k/gGSSVVGahnjSLw/I68XS6odA1uT\nO08QDMOb0dJkJiR0ExalWJlbiVN9y/jP5RoM2T9QEJiGUnx+gSF3iPPbQYDC\n7nM6\r\n=ydaG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f83669b240feaba73206d330f10c80a9aa31c1f7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.48f4b67fb.0","@material/feature-targeting":"11.0.0-canary.48f4b67fb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.48f4b67fb.0_1616529166967_0.10810925295406992","host":"s3://npm-registry-packages"}},"11.0.0-canary.0b8cff734.0":{"name":"@material/touch-target","version":"11.0.0-canary.0b8cff734.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.0b8cff734.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"559f105611278be22ac13d37109b1821cdb02dbc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.0b8cff734.0.tgz","fileCount":15,"integrity":"sha512-dAH/vq88PEkXsgORiqwF+lDdxey5MDqCAJIU4eAM1Z9nQbTv3kbXpb8po+GVAQIwdNsy6EuJdsKmlSx6ihRD4g==","signatures":[{"sig":"MEUCICShck0ChtA61EIThvM4SN2RM+/ya7tCgbfV6A3m8ZGUAiEAjiHoRhCow73aLGS11hG6Zgmex0maI3gnhlfvsOnTFeY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWkmXCRA9TVsSAnZWagAAVIkQAImP7AWYeqM6N/9Vvtdg\nysrcWMMiPr2U8S/885HFeVgYTKHLKm4XiUAUQUZTfnmpcMGLqb491YdqJvPC\n7lKrjceoS6x1Kdi8vVGkyGEcIpmLT6zJLzDbuIAfmvbXdsxeYLDMr0WlNbSD\nMzsvGDSoavax1NSws4MZPZVx0sx0SyPwR/NULnRQWTvN1nKKjJm8RfKQFJxQ\nq3HK4ZOkoO/4CBY7owiruMa9iume7vbXWnwy5Ox9YAZluc5/7cb700cDQG4p\n5W3smBUfH+5KK+zHhN14LGDhdpaMmgp4kqWl7mFOLrwB7nMqGPS8AmkJGdku\nMtqsW8WiatH7AiUWQokwxeVFI5a9XWG8Q8rDKmgUC740p/XmZixWV3+gc6V4\nfJzXJhGkZvoDmZiD0wIIiAyTDDc09ZiHjuUwZyo9PBmg96QVyN+LDHBmMUwc\nEOqvPnsZU/9yOai5VvPpOtgP0op3HCvHUlhrHPrSMaoUN2howI1565oIieh7\n0M3P0kQykXI6V5GGvJWI4zey0LFIU4xOBrhGGhNT+bq2Daw/hiOGX9dhJ05Y\n+MVE7iSAW/pLEXxNiNR8A8jp+rlbKLIpJpYlI4g9TvfjFn/c9IJo/bA1UPi+\ntMCoBZ7vUX0J5RenhjGGXJLfcBthDy9uAZWk3unkFkdPSZIcBhJ6JYZlUk3Y\n65Q6\r\n=ehdU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0371cb1671557f9e1d8a3bee3ffce11bdea058d8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.0b8cff734.0","@material/feature-targeting":"11.0.0-canary.0b8cff734.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.0b8cff734.0_1616529814613_0.3122548706142756","host":"s3://npm-registry-packages"}},"11.0.0-canary.8943b991f.0":{"name":"@material/touch-target","version":"11.0.0-canary.8943b991f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.8943b991f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd7cc5a45d95e2b52885e8139d6fd65f67d8c1c6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.8943b991f.0.tgz","fileCount":15,"integrity":"sha512-NDBo/Q2tiluAqsOAQbwR0cVTJdnUkhkCecQ8N1ub4uD5yNm75B7B4bPk8kRDkwBRF8/BSjeZMLIjvQDMUyqgOg==","signatures":[{"sig":"MEUCIQCVkVwntRLBpGhKKMPAJzjq2itfdt7bKT58pVpxc4RpjAIgdTNMWG+EC3BTwsSNvypUYxxsqObdVxyLK2nnGR9k8P0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWk9uCRA9TVsSAnZWagAApB4P/0xLobSP+A4SSLvHc62m\nkKCPuuZ3lRfddwOlz4PyEqPBNjNvhwbvk2NPKvd3lcix8FHzPaKGeuX483Ym\nqoFx9ALE0c+duwjF73OZ60W1r+XzS30k+51/7lyvW+eCmK4z9FGzL0UWzho/\nEXjSLTfwBUxwy39JOyLjSW0ulOwACAC2oMifO+cJHGH/IJ1OQE36X8biNCJN\n3DhvlyZfBALpD/D6ivPPapq1sOcSuWbQsGYAgvOcUeD70QpRw0/EOKDO5iYF\nhGueVAYWHoUhgnQ09gkBkFiFbf0p3g8Vb9o6SNF8hGKH99wcBG2HmkL5pOx8\nG4STJ4W3wOZ6lQPjrIEByBC2cHLQnKuwQTIuV+ojdBDS3NtM+V+kywmWiii1\nsdVZWsVpt1Ae/zbJe4Y929gR8WHFgXZKBo0eBSrJR9Uc8i6eGJHLlzRFvww1\nRDvtZt9wvIX9gCeK/GplDPYMBcUr68snpOTnCLzAc3EQQeIGuDru1SSTZrn7\nsOU6pUn47Kjpz+RCTHCuaEBKEaDwpoNggyMegpb+uBxiO06q2P1xOvQEbXCZ\nC0O7s1WrdS47WoMvf7NZktACzjcnLvAovcnJ2El4fQVkqTXhkUjQYT41SNBZ\nGH180K+ILb6wQBpSo0342G5NVUEPWN58LvhLV22ObVJGw74u/qdZlKVStkmW\nEqYr\r\n=FH5Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"85cb2528143c5117974441e499367a5fc252b745","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.8943b991f.0","@material/feature-targeting":"11.0.0-canary.8943b991f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.8943b991f.0_1616531309586_0.02327964189916809","host":"s3://npm-registry-packages"}},"11.0.0-canary.3955d8d3d.0":{"name":"@material/touch-target","version":"11.0.0-canary.3955d8d3d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.3955d8d3d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"91905aa2d99afca35b4daf5979186ce72309a650","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.3955d8d3d.0.tgz","fileCount":15,"integrity":"sha512-fNa082i3b4frPq0Yg59YuK2uA5WTbQwC2d4q2gWqX0z0ArbS9xDRR2rPTkOk/uZs8/41WuzWlRyMcqoY/m7HTQ==","signatures":[{"sig":"MEUCIQDL0qNO3kXdkY2bB0bPOE40eLtRad4kKZGBbIy8qasS8AIgdny5FX81ZWV87pHEO+uZWBESJYVwyt5+zc0tebgMirU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgW4/CCRA9TVsSAnZWagAAscMQAJvEN/pGje2eIjKkk2hg\nzQcq6orxcxxycMyEHiNy3XNjD46aDftbYTkGVmvUtS/AErdRyxJuw/W5hXTc\nDsvdUQGeCOZl9YD0CnN746J9v3xqPakwq6gRIMQdQbKEbXZ/HonM1wg/Wl/N\nkGqcceZp6FyfNO0sPX9moh/BSwW+uwV1df3VQ6Fk3oJpMyRfRiNNFxx1VgIF\nBSEd4eWRB1bSINUsHLI95zGvw+km73qYBMb+DOphxNeRyzudSVV9fA8ZsLF/\npiyB8mrQunw5OgWSRasPOV6TOahv98JupOM9aASPJQMhFRHF3DtMPLyBLkXK\n/f1P17mDNCfq1ZJggL51eizYfaXk18mYxY59L7B956/i2SFpkRZIaW3anHjc\nc2iylVZIhIzasga25pvrq9z0bmahUEAAhmXtA6JmKk0asg0WA6Ms1rbpfDZQ\n6q07SzCaW7mt0XPAvI5ddZXVyWO7IEK2opYqWaquYShz/UbQ7KT9TgC2H+rj\nLdnxol4F+3r/2OkEX8jyBMMvrruMwi31WGMNTNu0X17u+Nw51dAo3AUYIgen\nCVe03Rwf+moLKn3IyaFS30I/WcvFm7p2wRxEN+tZYnfS2bwP40+z/dmSVW0S\ntN3uQ68aCs/tVCIwRriGAAwZDEZ+hXe1gerHpKqgxtNqY9GL0pf2NApV2jtD\neOSG\r\n=F0O0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2679d736975b17823079a52aad1e329d8c2a3b71","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.3955d8d3d.0","@material/feature-targeting":"11.0.0-canary.3955d8d3d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.3955d8d3d.0_1616613313923_0.005262784960294198","host":"s3://npm-registry-packages"}},"11.0.0-canary.23ea2d85e.0":{"name":"@material/touch-target","version":"11.0.0-canary.23ea2d85e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.23ea2d85e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c738e49e9e87cfa1937a7226ef7f03c2abb3fd68","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.23ea2d85e.0.tgz","fileCount":15,"integrity":"sha512-N+rFlExQRaGqd5tFKzHqeyYZcvpZwOMIIv8SewbdEnNJqIYiGAdvlBh8tdkIIpNBAKiRKwJltOy6tSI2cTuwQQ==","signatures":[{"sig":"MEQCIFZqFvOJPhhIFOUDcaYU9ViY2Y3k6X8XdK0nJyIMRlCpAiA8mtlXSlDTxuU1MWbBRjxrkij6qxtxPvrkquHjSo3LnA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXMjrCRA9TVsSAnZWagAAROwP/RQi/NR3j9Xbl30okti4\nOfnBx93csz5pv+SpD3GO7pO+WTOr5iTfVH2sDGngKOHkgTuf849gcT5REq5n\neGPknEyrK6Infxzc9537kdOhpFdVQuB7bov06afa3XQ9DSJNDHuqX4fyhpWr\nsqMa2kOYHzx5ErB/TNSgIG6bmooNZRTZu2aPcCadScjiOoDnqGp27hyDU3AM\n0QlNYjrN5/uVlM/Vs8ehlhqzStun8GLFHlf3m5ycFLOL6gvgBpZ4kTw9DFWx\nUJ77EUK7GCXxAzNoa1zcG/3gp/4RdysreYa7Znzx2aIlhb+qN1Y++ARe2jXB\n+ETjk36UTghOzVoi8hwIGV/sTzPG9JPkdeoGM4c0F5GPhM18O7Ly5hFWeg6x\n+8pwx61p6dcscXDejyWCmjIlvevb2GC86uvb9StvnnaE1vpNMOhqmRG/+O4A\n8NZAY67fJrFctXKXT19Ii3dbrQi0iPttimhvhPhCKT/iDgNYkrEhOIBBWUPW\nh++7YnAPEgyNxQlkdFeOtoDH5MrumSpNC09dJeHTLPAqkr6yM3Y1SpJw5XZv\nnNsOQghGeeiElnkzDFj0NzrjFDk7LYbEsfKnqZNps8PtGTVPJfD73eJbhi7V\nHGomsH5/xhC8GnMxpQ1cNEsXKuf7VtJzBdRD92Yep7ysG2+Xz0/q9gZOAZFQ\nmWTR\r\n=1lVg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"705a9cbab9462d9e300da18c26d7992aec452ff4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.23ea2d85e.0","@material/feature-targeting":"11.0.0-canary.23ea2d85e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.23ea2d85e.0_1616693483423_0.5831431567999648","host":"s3://npm-registry-packages"}},"11.0.0-canary.e3ec22f45.0":{"name":"@material/touch-target","version":"11.0.0-canary.e3ec22f45.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.e3ec22f45.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39e569f44fea2b119c275ab61c4307bf2b52130a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.e3ec22f45.0.tgz","fileCount":15,"integrity":"sha512-O8ZJvRPGk8VvRJ2iQ7cqeD0yJGuvygjfLK/zBC+SYHKLmtNp4rRmbD3JJ0e330BhmFtNcoEW36NufMnBM6+JnA==","signatures":[{"sig":"MEYCIQCmZf3sC5BE8vtj82LE8WYLdrr3xNQsn3TwoEDfY7JlFAIhAOlmXvH4bI7PXMK0X85wbd/Zr2nNLk7GvARcnV1GLfew","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXM5ZCRA9TVsSAnZWagAAQTUQAITM7PMwlMpA42vzF6lZ\ngZAGS+fP5CkYhZ4gNj97xFn8dncnnhKNFJ+3f2riUv4kATn5IyDKk7BFYpKV\n3c+gWbXXA2xVzGbpCAxZToyOz/bR+zhWJIvuuf8hU69Yw55Gts6K/ZR/RVpz\ngLRYpS3t/dXCw427GdZ0jrjwIGVdrPH/1geusK3ybPASbOy7mC50/mpzuE9H\nhjQXfEmMbV5JNYQV1nrhTJFDrc8ec2cMEuqKzSgsonaY/AW4R7GnJ8D0qNE8\nSQ3e50pAolRQZglk6dAM0klIHytuNMK4DMlPBUgKEp12lnvhfXdcA3h7seDC\nU1M4Bw/auwFMwp5gGnq3fPKdwcJVD/t/TGp8rOri0HF4sYgdLZ/T+8IUTz3U\nG5m6Q5B7Jax82/E9y76mSf9OySOGZ4TitrCHklqZ8g+A/n7GxAOftnuJ6RSY\n1Tp25Fy0JX883tch1jgHYZnCN/x7Jn2OWylc+dIvpXSF4Yp6ntmukeEqzsBN\nhhW+a9JSnPC0oXZwnMV5+a/saCc6UL4k+79WsgohoKgDUT3c5TS4HATWYn9S\nuyXdkZfZWU2iIyVqsmn6YNDotOnmZE1Dx4Lu/s112peAAroCA7OPIZYlf7SY\n8xRqt/9ulT/hZOXsk98j0xN2nH0Q1BWld2Noe9oLNMUTXFXdq12jNbE3NlV9\nx2Qh\r\n=HI7C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2827fdf50a2ab264554f8f307d61fddbab82c5cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.e3ec22f45.0","@material/feature-targeting":"11.0.0-canary.e3ec22f45.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.e3ec22f45.0_1616694872616_0.40195882570819297","host":"s3://npm-registry-packages"}},"11.0.0-canary.4ceb42220.0":{"name":"@material/touch-target","version":"11.0.0-canary.4ceb42220.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.4ceb42220.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"338f060ab8adffa6bd9e6579be5bf6228289a9e3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.4ceb42220.0.tgz","fileCount":15,"integrity":"sha512-Xy46RAgVGxCZqj4BSOFuDTRX8o0OvRm4peyC1VIjuWntmilujXXH/luUa3k/2Hdw6q6wMjqnZyQy8SNNrlj3IQ==","signatures":[{"sig":"MEUCIQC/qocM41vhQT2d4xpo9Rl3TmpMbl8pgSp3WT6IRy0bNgIgPBciCEQc3lcliD+4WynZa9CqjCZL8WasboAcGOZ7jvc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXZOjCRA9TVsSAnZWagAA250P+gJK/o9ySPjr90NQuWRu\nL5vM/NuforEfYO9vBSSaFDrClIZa7W6Kdbj4JFGDiMarlktHbLoKDNfvSgQ+\nMI2kBwYGr0DfEXyAdem9Hs68LP+wXLXg4i2vOXxOXx18v9lMJZigg/OFtLLv\nQwowPNPO1qc7svc2+x0f46A5Cz3uGdeLrawHGzvxoVrF81d+ckEynxCp19P5\nrSkOAdyQN6o2GCwgHoB3tPSXxCu/ET2ISRJDYNcTT/k3L2ujy7MqSwC2QZ8X\nBGvv/vO6dFWvexB63rT7xilovn9+xv0IlTVaGuHKI5BBcTqQYn7FM9v/59YM\nZWvITy/rwEJlGol7Bu4GaXtC8/3XVfsx75VNk0uTIM+FPGqpce3drsz6Vp3T\nNJ+QuCw2BA3cD40s8bqb++m7jeueNh0wYAEKihbfvJ4ol6PAojQ0XEG6M+Xs\nSfd1v7zp5EbUX9FHjZXo+7KkfpClVPL2QbFD59OMhuNWUqJSuyTsY7UIy0/3\nvbwZW76rYCfeG7HHnBfwKrtfjOTr5oOIFuGXL1/eU8gDbEf3hh9mFrj1WhIy\nJC5a3LuDvp1Ci8n419dkXU7mb8lJZaqp3UATPaLUEnWK5eTvsp1KaXqOq0i5\np7NyN0qU4TEP5w6UX2Dy7tXSUL93eENNKsLgQcy2u3Is49T+mJd1DASLDveP\nM8fG\r\n=0yjQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"75fb611f33737c857d1b59245ff5a31676d7f3ee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.4ceb42220.0","@material/feature-targeting":"11.0.0-canary.4ceb42220.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.4ceb42220.0_1616745378852_0.39377731119509574","host":"s3://npm-registry-packages"}},"11.0.0-canary.dc9c84023.0":{"name":"@material/touch-target","version":"11.0.0-canary.dc9c84023.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.dc9c84023.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"56a86892b6ac7dfaf36a0bceeb4cd79b00a29ca2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.dc9c84023.0.tgz","fileCount":15,"integrity":"sha512-NdVzlpNuxvT8KKJpznYRz4bImBOUwNyZnhxNqLAnh5z8+DJAmcBNmQ+LQpQ1TUySuSMyStigszxfzi8xc6Pbhg==","signatures":[{"sig":"MEUCIQCK6BZ+eEcvvBi6oki10ho3ggHgBUH7p6F4qT4ol46h3AIgCEJB/ACOB8p4DTNb5TZb8LpZcTORu7LeZtejdosKcrE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY2QyCRA9TVsSAnZWagAAAKIQAJl7SDH/jWjNzJ4wQCPl\nRG6k9YB/6ld7ICw8uKyhNeHDasF7TDKQOX6Raa+1AzMPgR49NyAbKrij8cVf\nEvkJ1XAjHXcACb7i6S2CGBtgQqnKT89IVET3IsDX0mdrqbIiRvvCYxpSpuWk\nLW3HuUH2tiQ/Su1BFuGiVyvD2b5SzHGQwe9CQ+QG1j602qePZMJYy34SF9lh\ngcsi1qqbRY7UsVaPRqSe4P/ohkJx1kZ4Y8iXl10ASY+8jUlk8K1GvyRvwRYy\nJEbWwcC4ol57a2uKvZ9uTMdGzMw76yHmKW/puRdLm2U6BgxHRD52HUHmCd65\n9tfFX4FIzvZEaRB2AYKAJdkmH2QFWmb47hfYY6Pj+Kvrm/YIt9te5Nwlhz0M\nDaNIYjJmMGSo6Yns9ZbsQk9J0mjY0emtRnwq2JAA8nJIisufl4l+V3hve5qI\nq3JWTp6Wf9lHbisLdQSEKIwA/Lkxom7wmdM8nB0zIzjkNkc+X5B7MiAs1E9a\nrP6kUGXPn8tMqJMqXcBbuouJ+lb7gNjK39jPCAh7LSMzOMtCtoOQfIh0BEJh\n7gdc5/FU8/43wdZQleMNFuQfg+0CGcJJoA225kPq4xTZ9MSYHpraYKJO7O2f\nU0w14GgeJrarSPD/bSGy9l+R2LsbnivH4tKvfKKQ1p3hPuy/r6hPqyd2z5Vw\nyFmZ\r\n=hQRG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d7f7ddbc4309b6a8ce5cca3772255dcc6acdc701","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.dc9c84023.0","@material/feature-targeting":"11.0.0-canary.dc9c84023.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.dc9c84023.0_1617126449773_0.08354352412765254","host":"s3://npm-registry-packages"}},"11.0.0-canary.56fc26962.0":{"name":"@material/touch-target","version":"11.0.0-canary.56fc26962.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.56fc26962.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b4f0782040c30c88aac187f6feb61f29192c1dac","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.56fc26962.0.tgz","fileCount":15,"integrity":"sha512-yguJYjr3RwsP8sDy/nGtB2BqEtFVu2RjAQyy0l7E+FnrmrOczjIh5xpopezZmfSIGPLkrE1fA3RvNQ8DA7HAMg==","signatures":[{"sig":"MEQCIEzbE0+Syj8Pan99rCaEiCp6Lpz+3gDBVF3iD8EjfKSkAiB4oVMquM64cfOQLsLNDDF5WpcgHZgscmUmbHhAbCknqA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY8AtCRA9TVsSAnZWagAAJUsQAKCvgFfL77cVriBx3/Ky\nU/IHk3DqxhYv80FQ81tFUArEjvkqsLPydk5/aHOG0Zhz3NLfLBEJKSCLVZwT\n+dB1rKXFVkailMqblygGRBZMaeLSUW8iN87CBYJhTxicqSrJzWszJCng7Etv\n3dUE2GT2HoaFq7i6n0frmvBxBh4hIRlT8wgbEeEfkMcLNTm1VsrL6z4v++kx\nXLbaBn82hln32Sk83EqIpF7ON/bIR7VnAEwCdb5t9ZrmKGhvLKADgxrVb1/r\n8cHCWLog21QAsDVKff6ZPR9LIgfR01Wa9GSTAEXWsqC5f4V0VwTBiY68Ar/3\noLNiJ97yNrohjwygk3SpazA02TIhwnr8rwUPo7LvLH0I7ILV4dO5rf3xpaWp\nR5CaOYBjwL2Gr0fdL0Q3uK+PKVeq3mIDP6YbciCd0NZpKW5xe5iLEZcRzhTO\nW/acLoMaccVCkW+DpPYRxsX7ua1MHbC3utg+CFTcBcsro1iiBpYqODxR7oZ/\nR3uF4FBbin196Za0wFfozZvwBqP5yZWDVtYXTLzDcm+mVbGW84QtddSKbetd\nzBFtTHIQN/LLDlEbvmN+9ARU6np5p514DHPpfoCM1Yz9JYwTfWP5U3WUh+hh\nd3slgtxaKIcME4x1P9Fj0AF2EXeBeX5eN/q+33w9/5s0GywHme+EsDGgLfnb\n3ll2\r\n=G35k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dfdb8792d4ee8bddc61386ac6a8e7e216c1681a3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.56fc26962.0","@material/feature-targeting":"11.0.0-canary.56fc26962.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.56fc26962.0_1617149997224_0.0159222180799512","host":"s3://npm-registry-packages"}},"11.0.0-canary.bc318250e.0":{"name":"@material/touch-target","version":"11.0.0-canary.bc318250e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.bc318250e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d6f35304cb59a8e0522dc9bf00dbc20f28341b57","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.bc318250e.0.tgz","fileCount":15,"integrity":"sha512-y9UrbRKP4M67hfPd9zpGp7J+jDrE1PHdqlcnPVse9srTkWU/JiCoBBnCA7M7SxVd6xxhrmQvgJhhOA1Gd5tXqg==","signatures":[{"sig":"MEUCIQD5N8bt/jX/m/yLVlGyhrPRWcmHDOqcCsEPZQQzZnLY3gIgVu8hdhPtVt1SCrJNGzve/l+fdRs+eifbk+hF7HMQ8Uk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY9E6CRA9TVsSAnZWagAApmgP/AxX3Qc2KfiLjuRphBIl\n48bITks32XXL+fD/y2WeC4JOzLeRm3OmSnvWJLdVRDiWWmX1fJeIaWNtjgrA\nS2xi8gCEY9/rAaG+rhUBRFTfDTRAjSYrqH2YSjI27pYZjKzI3IStTKVTNWRN\nzeYzH1T5EqaFIdFOf1CQpV8x6Go5kJ0GLHwXz7ZwuUnIo7rsVep5+1IZSipW\nDlO+P0+b+JlaCjeuuqtgOSERp7oFzAv0z1D27ZmbXs4I78Od1GBFgvuCBoPb\nGCMmdPEdvsrPgC47MoEPlUX8B5AWQF/nzD0rLPGy0JpIP32U7dx2DNZ04+Mf\nxRrQ/Ope65vAXz7sLZWhor6tqjJTADmVBD2NU8dj8SMyRsp4yFRPB5jS0OG2\n9MESwpm9zchemV6jbIzsbZsX+AwNqz6rbh4SHsJW7i9l6hvRSE4TePrBHydg\n70GSQUOO+wXQ8b2lfOJYYJ4zU1ZUWN3DnJd/vBZJYLWPew7pu4nJ9yH1mTL9\nbyTjMKVaoifuGDrYzeRB8YVrbFJ2Q7N1+BZVED2MLU7KiiqrY3M8BDyAoJ6X\n4LAnXRxqnb8ifGJVH+e+tc7pvFQXMSsGnb7Doc/L0Xfgb/RDqvpcdmy229xj\n64hjocpBjFB7gzgE2fz3hCey796nq02jvWfbz7KN5j9RorEEfj0Wf/EfY/bY\nd32L\r\n=r+T/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1de1daa9e4e0ee7a779d524a027b9e7566841b56","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.bc318250e.0","@material/feature-targeting":"11.0.0-canary.bc318250e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.bc318250e.0_1617154361844_0.8391172716157937","host":"s3://npm-registry-packages"}},"11.0.0-canary.edaee19aa.0":{"name":"@material/touch-target","version":"11.0.0-canary.edaee19aa.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.edaee19aa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a67b1a5e6d4dacf507c602c6d9b0b4e5c886a1ba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.edaee19aa.0.tgz","fileCount":15,"integrity":"sha512-OQ0Fx/m0Wy+6xjadNq/7LuNUmCnkS2wgqEIUE94epty/TcqZuz02kBv9Bv+iBAQ+RLTZSmkabxW5Kg++3PGxYA==","signatures":[{"sig":"MEQCIG5dpkmYsg1u5MzHROk73NEvegGC5EKRXQ0lmVkIg2K/AiBtt2UcTG8bwDoxD2NxgvYv2kI+A5DDkhc5fs7aoJLKfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY9onCRA9TVsSAnZWagAA7o8P/1tt/fCCtCGUI+WGqUdq\nOClyI/TEwHCuIIj0/IlkUfak8DmBaWm2OBhiGORa8OXl9D1AguCzmBOS8eey\naERDp30t8uhfTrxvOaBJS/EF/eQomE7+s6i1f5kDTk3egloSoHjvRKWqHBSl\nsT6xtRWP8Ui3ZLoEF9eDi2s6otoTEvCzI9g2IDyAjswgUzkDfG+GS/QyW4k/\nM2sHATT8luzN+VHmQHIQsAusbCtpVipgae9+ATMhRQrWLvsvIJWNaWxlC1iI\n/dhoYpczuHOG7LKrijG9oFWCNvcyVcdcQ+T2bYdRylSKVMKTnogH2gIFmBKC\nmOydvMe/Fq7U46CfrEQW9BNAoPTEy+gf0A87X04uxCSq6OGSKCqYwO0PkzKM\nRz3pB3k2ZPg6iie5tpP1ToZTjHniMASrAm1WUVSuMpGzvRNdq0QwF6Tk+Lf/\n+ODBSys/KLHBcsm+itCywRoE8Yv3M5Anfi51DqHylKJl4IfvFiHXS5/REdjm\njlujgyYflxymTSq/jwnv/GvJP3h+IKvQan8ZqptbAjBX7PWI48aZv/itzBjU\npM3QJHdkqNBSl6kp2sL0jzGC+JRLRu65nyk+kEQIVDQwqigAFCGVg8vwOGju\n2QjFJ+etDrFSp3gtJxMRNFD22a8zafTNZgDh6/oELLqyvTpFjeb+wW5KSntL\nmp3w\r\n=0blm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e2249b4be4cc5bba6887f28ddb9a3b9cc8ee09de","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.edaee19aa.0","@material/feature-targeting":"11.0.0-canary.edaee19aa.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.edaee19aa.0_1617156646610_0.881853678543931","host":"s3://npm-registry-packages"}},"11.0.0-canary.24609b822.0":{"name":"@material/touch-target","version":"11.0.0-canary.24609b822.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.24609b822.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"04e71082d020f7594ab98da445ba754aa0ecff70","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.24609b822.0.tgz","fileCount":15,"integrity":"sha512-qzjVIiiCvLOiqtyGkY+dJ7RJfXNAWL4QUi77u1YZyficPn5bN7T94g+razl3O4cI7vzVd3eH1A+r3MvmAjpsMQ==","signatures":[{"sig":"MEUCIQDq7EzAWuwPE3OciW9vTznEP433xK2+kO45ptNRgVX4ggIgKULIq84DLqXK5TpJweZPOJm/WhdYvTaAcnPbAroQq3g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZOHuCRA9TVsSAnZWagAAvrwP/0zvMnVNOXTkuxYjcFSN\njjAeQUjSm/7BMjkJCAx/lsz0nEvvHf4TURbaQe3G2RaAbcDJp3coUqdW2H2D\n7aTB9MeSnLQBvhqa1QwAeb191CwywgnT3RrblXKyrgDx7/KL4AfHFS9oEJrz\nyUWfXJ6enRPClDN2aRe+HVuNxLTtu6MVIrWl1OAtjImwc4AR2tnnKEm/PrpY\n3wTDjM8ibB5yizhWfe1EW+4k1nuvh52HQT2Hii01RI1LhNAzcv/ZH4WfSg9K\nUGx8SYhIqeXb4woC9kin+PuI+jHcZjvuGn2IlZsc+QSsS62b6eo4oofTPRV8\njt2gDQ463FOFZMXmGT+OqVqX16Tq9rT5I6ezl5FHgi7nhrXaDI/gSxjmdohQ\nBI1VKcZzmALgLdxVVs1cYMZ7xC+iPOJy7wyfvX+WiyuHGFYgxW9cpVz4Rxrh\nBR+WZkXhI7MAIMatsuushKjyGuJo5WeU+RKoYdKKw9DpPtyhcbSK2fqLxGNZ\ndzwxYteOYVTIVG6fHnBr1B2WLvDfLZRYsA7Aw1LojdRJbVnNQCdXz/F80CPi\ntfOlmtnDHMJc85sGY92RsB5SrblY29BLH5BcKW7lkG+1vjRvHaXZZrTVB5yQ\nnRLpT3tMAfVM8m/eqzX8XAT7zxV8A2VE5YrDdW/+ZMZMN8SRsTPz9iTZI6qG\nJzGE\r\n=VFjw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"50b495134dae6937c2262389aba694d7664f78c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.24609b822.0","@material/feature-targeting":"11.0.0-canary.24609b822.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.24609b822.0_1617224173656_0.1430447362407845","host":"s3://npm-registry-packages"}},"11.0.0-canary.b6cddc2b7.0":{"name":"@material/touch-target","version":"11.0.0-canary.b6cddc2b7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.b6cddc2b7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c1e0f35de53c7f77efa534db92d3a38e2919b29","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.b6cddc2b7.0.tgz","fileCount":15,"integrity":"sha512-rX49FLXixebSdGlb8JRvPxnES9jPvCCWj5Cd0NDkYQmDyPv9nN8eiQPNlKACVazHmJ1j2dFud4NqJa501xBLhQ==","signatures":[{"sig":"MEUCIQDtL/cp4kNouyzlkgXmgW1g17N6TEgvAuKDCZRR8SAWBAIgCvCTRHnrOvjDnH2UYeAI/+Xm88ez+Gk7jNdAJQhBuSY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZeDmCRA9TVsSAnZWagAAFioP/36GMvVsE+/TgfvDl/vt\ntUyJPcRaY/D47x3U9O6eBUWhKIdm2YicwDYITKrq1ZZqoMbmWiIxFx0Orak+\ntWru/s/rAFtuTtCDjxR936xLozCNx7FwgQIg9Z5dPN5NEhREWDL3vl9cCK6R\n1JdJ+NSzweYVnkJ+WxTpIScEfISevlfvN6EfPFdh8WY9EDFZXDanOLEywrcT\n7bSabsrNmQTzcaR+jXRPUtINQ6Oeqxk47d7Pubm7hnQ0ocgVWcmAbLfLeTJg\nyICBdmmv4cPkMxozDNOIH1X0ZTbdQ3nILJA9Jf4PJxv0hzk2C1AgxL08j44Y\nyFe6Zmz/bW5siometfbRinRuyzCJcfEHYI/1qUEZ5+pQfXUjpRUfOl+Nz6Zf\nUxtlf9nPe4zTdsEhfLK0MWqGLimh+3nyoNdzZdYI7bJN5eEU/3o7o1e0OwT+\nHGtvNa9pe++kilyWRdw+uxa1YkXosFkN4nziFTAaEdUetEB6J4oscK0Yel08\nyWXWDOn78gQpSMiNjHz6gBFgYqR/5ukbkh5nsvZh5ZNqAL7PRRov5rWXOC+T\n6k7js7IQq1FXijlRJoMi3s9zRDT+ZInoqeW5/8RvAwImZR6I/TUXnHOnfVvK\neeaYD/vE1cBtlcMfVY9f1Weq/Gb9PUpm+VDXCNjw6M9ADKX5c7aW6DLN+1ST\nmWeE\r\n=JK3m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dbd92fa1a28a9b31a1e4eb476b15f4cff38986b8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.b6cddc2b7.0","@material/feature-targeting":"11.0.0-canary.b6cddc2b7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.b6cddc2b7.0_1617289446529_0.5177661030167677","host":"s3://npm-registry-packages"}},"11.0.0-canary.94937c78c.0":{"name":"@material/touch-target","version":"11.0.0-canary.94937c78c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.94937c78c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7221d8c76c00012551fbb5188fce62201d7e8614","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.94937c78c.0.tgz","fileCount":15,"integrity":"sha512-4rHDnxTCE3ehirXM8z1Jebc8tHcT4qCMK/87fM9bMt+oVgL5dCO+T0uscLRyeQDI7i9hF2qxNYBzyifHfQRYcA==","signatures":[{"sig":"MEUCIQDF30njRX5b9/1nLS3lzW+VqunT91UBktORLKz31jEkgwIgDU1OoF9z/k+JDIPSrNJe4vDhLjRF/sbVTgH/t6n2v5w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZjRDCRA9TVsSAnZWagAAtJsP/ihzvjihETui0g4eOlGu\nC5aLUOsNV7Aft106Zxx+tBwyqYrVmoWj7dddTn2+1alrfZLoX/DwsYzr3XvI\noxT6klGzUsPso0Db8dAJ3d5zSFMVL8UKjhEjkru1/hFjDcqM6tj5rfKMzLa0\nO4q7uGPcmzuIw2oilcr/hJkb3ec1Aze9YYgFOW+h5VGXGImPa6lu2OZLF4K0\n45ioxsXAU9Kqw6Wu2gboK9LuumyjeNqI8JEvX/niS+L6YwndPHaL5FOwCYaC\nQw3FzcOdol/NDlbqmBfG1OoF2C750dTb7UlS2+3701ohbX/d9jZJaNsj5NlV\nIvebhgrzzkBcQ9j4iJEbyxNSx0v48Md0/RDLjZfClPgAQXOiB4oeNYoKmFQY\ni0da8ydKo8oo4UaTIrdW7VILlvG2liVSRimGG714qs4fWr1/YuxMqB4DPQHu\nK50wOZaJ3g3gG+zbI8MHR+YDWqXkEUEZBvN/f73uqiiRjzfgSNiaP9lZWzJ3\nlndJZkrOU4c4vQWasT5F5W3QaEbq8PylgqG4PykFH5ASFYxKD6ss93+uMVTs\nrlBTxp5AGEniKr9vDloHSrCx26aiMCMoRiEVzEhd0dU9gXGNMw719svNPmjc\n4zWTFjCcV0sujdG65b7q7pZdAb8bCfU4OK0/FtNDCA9lEB8apThnXNzSjZru\nvY6n\r\n=mU/4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ada608c773d2657680fffa3be444debd83967f00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.94937c78c.0","@material/feature-targeting":"11.0.0-canary.94937c78c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.94937c78c.0_1617310786645_0.7701988362098489","host":"s3://npm-registry-packages"}},"11.0.0-canary.e7202cb57.0":{"name":"@material/touch-target","version":"11.0.0-canary.e7202cb57.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.e7202cb57.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2aa82f6856ac359d1b964a83d992be91128f8bf9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.e7202cb57.0.tgz","fileCount":15,"integrity":"sha512-9Uw03HCr2lL+iamCf9xls/4Fnm+yIseEpHoGzw71m2rMwirpH0TLihMsIba8Eo9Lsc2nhNsAVRrl45fqUtTqTw==","signatures":[{"sig":"MEQCIEa2N87ngb9pCWoJ/rD+CWJsP8SZy4z9LITpPvGJ5RESAiBcjpQJXssgr1CGKjDAcSBxM+b3hvHurb3379JFiA/xjw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZk0+CRA9TVsSAnZWagAAzuIP/0i0UlwDhOP+KX/6F4Db\ns4Xe/3W8akwWJIreI7knAqEgXS9cMYTfSee0aSD+aG0xRnG52GUX2w2vgGoB\nAW7f7VokYktS//+1Yzk/M4Awks2cnxB7pygzRsGuqjdPzoRVL+ZDXItre/7T\nHbJhcDMh5MX0cBKgTLNGkN9RaISv615t2UU7g2LcnBlu/8cLid+s25j/YPUq\nmnFiusZZOT5Ht2Jfzs3Mo0EBF2FcKdvca8Geikbd2S2vX+TksccdujeV0Aea\nbFU4oqz4lbHblVAW8EWrK9nEdCigKAPEuMGvx666RYFbum9ur+/sctW+WxEd\n9H9PXP/u/ijRlO1Aa29S6Zc4PmNK8xlehYcYT4nXIOVN34WU+ap1Pm7YW9h6\n1jP3Vp+omxZGC8MkRODeggFHjGQYK4isv/7sIRAtUbb4Kj9ZsF7TQZmk8rLO\nY4W24wENpZW0PlXmqwP3kvtZ/Oa0dsr4gq2YCgeGRvVUIvu1n+TPqhLA4H9H\n4zxBVZe2Zx/pk6nkbP3hCNgHI9Gm1lynz+OBJOJv+oA7Tle9MUt877hxq0zK\n+3N4Y+bYtFjapeAVh+HZb9NzMNS5u/t5d9Mtw3OW+Uu5/Vkrdd/BAVnSBumJ\ntYf5qrFZ2TugI0Hm4McgYf/2mjwfrGLqELaYSJlojsRpJjsJT43ksXzBuo17\nG1BQ\r\n=gcda\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"113d79c2879cb1503ff12c8064eeb38ada16b472","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.e7202cb57.0","@material/feature-targeting":"11.0.0-canary.e7202cb57.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.e7202cb57.0_1617317181931_0.48731791961650983","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f636b205.0":{"name":"@material/touch-target","version":"11.0.0-canary.1f636b205.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.1f636b205.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"deeca5cdf8464a226e86b57e9215f88cbefdcaf0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.1f636b205.0.tgz","fileCount":15,"integrity":"sha512-I8A+Qg4+xG8Q5j5StfttgF/w+jDg1D64vLKrobVtVKIno+7kmk32XGxWuhSUz4tcZmHiU38wJmzeZDd0FMMTDw==","signatures":[{"sig":"MEUCIEuWw27TSTxcjPNWwcewgzCZZLRYdivSeqBb7IXEXVSdAiEAvVsw8QFroC3JshTbooDVmrqzY2ZCiQ5WDpT9uaMdc5I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZ5lJCRA9TVsSAnZWagAAwEMP/0GehJiM3CxdsNCnggSr\npA4WpDfvpTKGvSFTMuKQB5U+h6gr8VZ5AMcfohwVoOM4oRiEKz9NQS4Sm2C8\nfeqVGjkhgTwinXGX2wd2eNwR3Xj0lCDpLDpe0niRMyFvy3szKEQUyoYZxsm8\n9G4gylcpV/+/kVJeD05j1wKVaZ30jmEPxvJEAHHoP+Nm4rgHp6ENgl0sLoN3\nPRPzGYKmsiOC9SA4hhWWGuEMo/MTjMbNcedfzVRUnx8vAV4RJgawYZ0dzTiO\nOuQM09RzdpbXZS1tuWSSMiLC9LUrqV5JRHUTbhxQhoPfgABzltezzYzGCUiP\nfo9McbgN86k+2a3NnaX//S7NlJT9brbBmyOr+svOM2ML13jeX3h0viCJfN6D\n/DT4L/0BMvZKl5c9nVVFYLb5lLI/2q0S0q1K6uhosdWVNQp6KgAmHNlYQYwS\nKzLyebKYk0x/HsqZdoRv/y9fmLfydnoNmjedJKIcouh9GKYx1SaMU1AP2Nu6\neSD6J9F30VT4jFGCC8c8VTy1W9PxnqQAWgx4NHu2EPco6LFi4nNDLFm5Hf3N\ns/cOBvNy447RJ74HEttxqAqHznP3MlGrz81DLSBsfSuqANSKf3A3+t+8D7p9\nLGiVfDCEb1xcErcwKNu8A0Yo+M/xpXG2Sal6z+/yUJ1WHUzOSM2lmvIQesJZ\ncnlq\r\n=xgZL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a523c6467be13e8aeead7e4e2e5f20c418871bb2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.1f636b205.0","@material/feature-targeting":"11.0.0-canary.1f636b205.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.1f636b205.0_1617402184713_0.6098203995222162","host":"s3://npm-registry-packages"}},"11.0.0-canary.94f50b260.0":{"name":"@material/touch-target","version":"11.0.0-canary.94f50b260.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.94f50b260.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fe10a79191e9af0f95a0bd36407353d6607b4bfd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.94f50b260.0.tgz","fileCount":15,"integrity":"sha512-1FjwdXNYtUudslESMKPEOcB+BgwkFCYI2Rh9ueHc0N6S/WnXR09JHVpchS3kvxatn4M+ZKT+PY0YPhmPbltLxg==","signatures":[{"sig":"MEUCIQDTrR11KDFhUa89GEZGA0fi5Korn6WfNOhs0SaoCvGEuAIgPR13dP2J6xg8mtmLyCzOr1ltPje0d+seGtoswu9FDZc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgayblCRA9TVsSAnZWagAAEuIP/3WMN/YwnXS5cN7uIoKD\nFyARF8g/tb8oaP3GTwPjXwTLiNHIEFDamklNNbOINBy+Q6yv+XoOZiiu5TQl\nD9gx2KadWJmVPoZ3gA3j2qq9rWz1Ba6pKa0v9MuwCJRlw/1g7qCmiLWnpczM\nw2TRm3Z6LVgsAsFQOaj087UPBzJh40sOkuo5WNDtqj95Kcc1wftPhVLtf4hG\n+ioiFbbIPMy7N1bYxbSgIo3OYbd9z+OyS1yCxtbEXINCS8YhQL+1sT9n7lWF\nXAmji9ZgfEt+N8MbeLkSCw4MRF8es+bytaWOEmSHRXJKZbtS4WhxhaHrz01R\nQuZ1oaOVXls9NAibTdW7Jcc/P2VYYMwX+TWqAZC3kWa9RZcKZqREVNLJiCxB\nuQmiXjLWhNVRDTRC37I3NzjdmcP+giF4RVt/nCCws1xY0ni+8XgBR9+kzVsW\nS7ZNBzw/HtU5oGx23W+0bGDSe1PJRoSxUB4RkCpt8+MilR2dyJGHHOpQx8j6\nnWFCIZ8RuYokEVAyddjVVy/Iq5iAlHlcJmOBZeFa6+yFttJ9l0vDFTxAHwh5\nrueF15wCNPuiRnXFBd0vtaeUV6GBVgpnOZiv2vbdUpCGgXvs92UV/sga2Zq+\nmbJHatgZrtxCjOLWFIhAholPngPobLNQXaGlXRXJ1RW1yAidjSreXcNc8+WX\nGT7v\r\n=QiPr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b5f84c677cd669d6958748a69435b56ebb640bc6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.94f50b260.0","@material/feature-targeting":"11.0.0-canary.94f50b260.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.94f50b260.0_1617635044702_0.21330041470262473","host":"s3://npm-registry-packages"}},"11.0.0-canary.a4009b80a.0":{"name":"@material/touch-target","version":"11.0.0-canary.a4009b80a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.a4009b80a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3285e07a3982c85187b47f856e82d5678195bee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.a4009b80a.0.tgz","fileCount":15,"integrity":"sha512-8ziaw8uFGrBq/dtbb4nT+7MnNljHV1r+9g9wapkU+SsC9o4ysLYUyAqRzXOvboBq4cQTrcbxqiopwL+25QuBZA==","signatures":[{"sig":"MEQCHxYcpy63g/iN+n8O6u3NSgZU9nxNHmzpBMME3TWz3nICIQCrCLOcBfE35cUDeqjlt7p9YHG+RexMMQsIVqChjLoa2w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga4hICRA9TVsSAnZWagAAj6EP/2YZ6nxseeedsHJUGqsy\nCARTkGRig3Fpcn2AAluzxq/GdT91O7IHA+TbS+JsYgfnztjLv2N42gat18n+\nv0wX7eeEZl2bGFV8sR9c9F0O36Kranr4Ze4vtmopYj0nvmB+Jn3Yh6xmIdNU\n8anyB7a54hzt6ExXXstb0FCKoDpViSxO4N+CJMLMFQPuLLUTOv79t6pUDSVB\nCnw1t8D/Wn4fiAeDRJWvmhw82IDyyU/uiVPL2uFIsv/+PXx7dFIeT/uiRE7C\ndvjw9nT5S00WVGgtm5S3INU9/WKkuFs7c2urGdXXGMY0pf/YKjt0Fa+/40jf\niNA8/o0Gg6cyeVqPVNW0nx1UpJeG/vIbWKA9pZJdBvwT4B9XD5PdT2Ak05yV\nAMQEoGytWyhZCwHR73knVnoHBDAEqHbCG7wrDXrB9WAXSfVKfI6nSjtgzp5V\nb6Cq/JsCOd38G3FDKwGwjvj9nN3puOJW8GHPScwntc/VTYqZaw49PQtUfrOj\ncTPZiJ6aiyDF2kQ9zSwkgREzVU1Nz5BVeaqGIW3gcgos/powgGLkjXSCIVcb\n8pG2JUlYhdmFxEjHfeWPXXiBVOPflKKNdN0IP7j65AxGh8kuPl82UWXU0ytp\ndixdYuRL00C1zuD6v8+7RPaJeLLkavxNPI/q5/sKsTD4kcxJo7Ha+EX0cIWI\nxZ29\r\n=k2PR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"35eef76af32a43b61b6a0fb725dbb83cfa5d3421","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.a4009b80a.0","@material/feature-targeting":"11.0.0-canary.a4009b80a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.a4009b80a.0_1617659975700_0.41199289045999854","host":"s3://npm-registry-packages"}},"11.0.0-canary.15604bd0d.0":{"name":"@material/touch-target","version":"11.0.0-canary.15604bd0d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.15604bd0d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5f3c4d45e603b0d05b61da2e46debc3bc4c77bfe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.15604bd0d.0.tgz","fileCount":15,"integrity":"sha512-UUKY0cdL2ZhdNnuXdi5d/Dch1+yuGMBjSltglTZrSgKFrinmz3IX+YsFfMLKZ1FtJpuRdTbpsGJGV33/JVyn8Q==","signatures":[{"sig":"MEUCIQDnHcuyHD9+WAnuOu99D77P4i8CjAxO+uDlhXoEtbWBqwIgUbGb6qyRki3pJNFp6MqQHeVCaZHmKXMjQFinmqmWwmk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga5IOCRA9TVsSAnZWagAA5RMQAJ/6J9I3m/HAGOGJSBRx\n+HVG7PeyYhyZgG5OvUqDioaHjLgz+gzOQCRqgybIUCXUwJF9+KvcjKYzZS1D\nW5o6Un7ccIK1KuNsv1fah3WhcSDFKV7wtsCkmDBZ4ONoUQDm1qUUkrF11SkK\nXefOymi+SXmhQ2tJs82uwLZbxYsRWC2OcYdfIpJqRqboZ4X9yRL2blaQN+Ik\ngBMBiXywgrjXGV8eH8Nh5vEvycbDgRkYMb5TQhTy7C/4ispE7ISAGjfb7eEo\naTGJqiPdbBnh9GnPuJBxrSneiyn1hTf/iqlo2RAZGNeMfarEAvBebzVuaiSB\ngbAcaI9UagnyJ2q43jmQgoAcRW9sQWsuoIgq+5qicB2ptf37X9zq57F0BVRw\nMAGvR5GupwSR1cFZlOq63qETJdbuYRCfIvV4LTUezdn+OpjBjC0YOiFb0Lvr\nWbXV3kFCNFAc2H6l5LNxTVLBkbhKm7OE/25Gry5P7IW7AbJoSeo4oZCotTkJ\nKs3UX+jWk/gqjFKCji4oiCvP5qC1sKA03kCaSnEd4qyprTY1PvPc0bz1pBZP\nixKbQwkYM0J6QKK0881UuFHE9VecJn3q83BS20QAtghrV61K0KgCfZSDWG/L\nBaKEwdmRjESJrZKp1Eus9VMjmCtlqQEDaOqUoa/l10RnLMT7tQmvM6pOgF9U\n18FD\r\n=9YIA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ea3949c02ab8da1a812a2127f1fbc7e7a3c98532","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.15604bd0d.0","@material/feature-targeting":"11.0.0-canary.15604bd0d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.15604bd0d.0_1617662477551_0.5606601986665172","host":"s3://npm-registry-packages"}},"11.0.0-canary.76da7876c.0":{"name":"@material/touch-target","version":"11.0.0-canary.76da7876c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.76da7876c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9755f5643681d170c473455cc45763517e2fb14","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.76da7876c.0.tgz","fileCount":15,"integrity":"sha512-QEVlxB6aPyhNIB4CkPXFI+Ne0yib7+PJreBUNmrqo7xwJK1XwLiVJ+ZQzr8NJO06Z1U7Ifu1mHcdIipd+IqOgQ==","signatures":[{"sig":"MEQCIGixWT5hvnva8Agz73ReLP47d0QoyhaIU6PFRS3aCN/oAiASC6WXZ3XqAjbbHGYHprvUrKwXMwS+6ntMhsO4s2VifA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbQ5HCRA9TVsSAnZWagAAcooP/0+sl84h2Uc1TQ+5C64B\nstLdMOfKuclQu4PW8zghg/vUc5jOVavcxBJR7T5ublVHig6pNqd6EX2xiSCu\n+YYYvrFOx4+CYIT3klF3YRAoSVSi5tyKIf1xFA9dbsn0z+PnSdJCHio1DBJw\nFOKmjPigZQgxnIWRzdbtsXSTLidoaCc9KtrlzZnlxw6DQsiuzqarz/NYCwLV\nOreOgnW+xWBSlC3thVUZerY2GV++nVWidC1en4y4mIiytHx8tkRT8Op7BJmn\nX8GAtTOEdYPFMg56ibgFIzAi+JqQQUnAqJpu6JEbirI48BsXYWLY2PvPd5Av\nLNbLITW3QJAj4H6lg1T6fmb7aC1Yjc7fqtWFkC5KfENzRVZpAMPxSB5oa1vO\nTYRZ3LdvvEYpvEYHa0PQWWKmc/3KqU33UNvdFGQ3c55RewTerZ8pm3YvQc18\nT/4P71Y9f3rlIc4SkKLaQ6btZwg3cZ2yZ1FxFsy6Gsydi4LHNd/suwn0eoms\nCYuuXEcpOU34avmj8Oa7kUll/XYDwSgf+Nn8FbgcbpwsZdE5BU8NWwsfwBSr\nCEOluHkCDc0B67edGWNrYEaSULg6jnENXsQLG58nGy8BgWpq3fAqKqZgaaiy\nk8pkz9jGtVZJSEXv3dU9zTY6to6dq+Re9ycSEbfxh4XKLtsGMCs3eIz0Nayq\nft8n\r\n=MeoE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4bace63831a45c0c9e6f786768b2aad0d79087f1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.76da7876c.0","@material/feature-targeting":"11.0.0-canary.76da7876c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.76da7876c.0_1617759814755_0.6792923386618164","host":"s3://npm-registry-packages"}},"11.0.0-canary.6bcb6cbd2.0":{"name":"@material/touch-target","version":"11.0.0-canary.6bcb6cbd2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.6bcb6cbd2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f7672984cf3e2f185b1b39f5f732d00ebf24ae2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.6bcb6cbd2.0.tgz","fileCount":15,"integrity":"sha512-qsny/fjUHLdHwiyVt+a8J93CbDsnJlLf6tRlwLm0vZ2zMAcHnil7MblnVkfMQ2Z6LAcTAqd6Efjr3RIqkTkM9A==","signatures":[{"sig":"MEQCIFkuvOIi7AfQPRPhBqB2VW0s6f+xr07RD+I6tJUc8A+HAiAC/Q1/NE9G2BhmQ5OK1ZptCNtlBgk3YG2jnMSiRCibyA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbf+KCRA9TVsSAnZWagAAj4kP/0k+zcIEUbXAC8dVIgVI\nhE4jAFymtgTb3jUZ6y8TsHQDi/St92+04Qv2dInMB+LTT5aII4oqNQ5uOe0z\nxh8uxU+oR6zZQPdMSCDiDELWPd2QB/0AZNR+Fz6cHDnre8FACJDQISCJmH8D\npkl/XkkN6zDO8omL06JS3slISmYoEcLOQWrhttQIt9tjyD4hgVCQ0vZCXIiD\n9XTGBbxF0O+LExU1z94ppNltBvIfdHpDolp7zL2oB+T9hy0dOrgQn7ux4Swq\nIemVCZb8Pxnt4qpx4C/UDPzK2MYyLhJqJTRWRDyBPCnuh1gFGjRLjIt/h8R9\nEfc84PbR2DN27gBTM/QAeBmQ0zr5sur6vPyCmAC2C5QoxDC62INDhLksg8Tm\nwCo96lMKpUfE7C6SN8GZfeCRzQhZ4qCKojSE1yv0w6qwu5edAoVrQtemAZel\nUdl7FCmckyc1XKEfNB00cDsiy5ev/oPW0rkVo4YmeXiDYUPzI691upau8lSx\nsW8gbF6lTObu2sZrPLTYTm9jCp7o7SvfT2QUtL0k0JT8t6o867XgZ7rZslpq\nr5IF/w/RmEg9jQyrzGTnA316F34BOPUnBBev8Md4xMS16qfzcSZIUfwSY9w7\nXF2D9d+iL6L5MFz8hOYJGC1n7FP7pFrXoH3a4rtsXeMj+UjbZG+6JbOZKnlF\nRrkH\r\n=oz+D\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f3ec57093899a7f082bd51cae05b398c31619392","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.6bcb6cbd2.0","@material/feature-targeting":"11.0.0-canary.6bcb6cbd2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.6bcb6cbd2.0_1617821578153_0.5359942512884233","host":"s3://npm-registry-packages"}},"11.0.0-canary.c91e8d141.0":{"name":"@material/touch-target","version":"11.0.0-canary.c91e8d141.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.c91e8d141.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"40f3465c1e521261418c8be296cc3a8215baba24","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.c91e8d141.0.tgz","fileCount":15,"integrity":"sha512-/jepA6+DXiKniqZlJ1M2pkw9602lgBqxtix2p9l+YmYriTgMoasrS/305hpR89zgdiY46aan975DxhYhvWTVVA==","signatures":[{"sig":"MEUCIAwO2FK8bDt0h7aDAirr9gu5nwIxMhu9761bVv1JEJbcAiEA2qkURL/iKSXLPh7FvfejIYoqrw0570FxFvNwyCfMcgY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbgB/CRA9TVsSAnZWagAAtyUQAJyY4yJlfwosMV7KiBuR\n9pC+lxi/nvEFKnRsrob0O9EDyEVGYq0XvFMEg7NTshH7KtpLAmYFLq1QPZmb\n88MNacTPKTYPs71dw7nvzDcjxzr8/cl9dn0w7hBPjVg0xxpFRLpjqDARq4n1\n+OYG32ZnhmOAPdFuCMN8XGi/FCY6TdkjupbEgHeXsbqYiuByapJ8O3xHDAeY\nJNApisKgvzOV8tlB2ntIHFx57IVdSPFI1wnDVGD3jxdpbyf234WIK+XjIafh\nY8WHL/dxkFAmnUxurPG2Oigpkdyc3U5J/T12brF3KBuWEk+SDUm8HtVNI335\ndWMvx6pU+dq8wc60t7AT8pZVRiWyn2wnBW4AnUP9c0rgJwj6yK3J9E1BYcEv\nFQRKXLefqMzU2rRUDM5bTJfilcLcnX0ipb+N1OUgBhyWX8KQ8VecDE3RCQXc\nmHkbYTxJlJu8kaJLyXZw7bBKZRBhC5Vp3/wDXhfWTjAe3YueY+g37HgDUfWf\n1XILMpHoXUEM9axcBWmSoG+FZAq9ABxEAMw6I8RRKi1XAMdysYzxsDIWJU59\n33JaH6z7IEPVxj0msRK1PfuCrCH+8Nww7JHxHwrP1inzdRVp9xxy6VLzF6UL\nd0XLfnOyL0rg++ZdiYtxeBxqPvOd1NkN1j7tR5bkVND4jNQvdyTEUF9a2vrK\n7krU\r\n=fau+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b13009a2b12843e6eefaa0c3ae66fc519af7bb29","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.c91e8d141.0","@material/feature-targeting":"11.0.0-canary.c91e8d141.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.c91e8d141.0_1617821822566_0.967363661754099","host":"s3://npm-registry-packages"}},"11.0.0-canary.f77c50860.0":{"name":"@material/touch-target","version":"11.0.0-canary.f77c50860.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f77c50860.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1cda6ef371a15a11bcfe98f4dd1ef3b5650cd602","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f77c50860.0.tgz","fileCount":15,"integrity":"sha512-xQ08umU/6LuegI4az5lf55PWd8LtBpbWP2/EJY2bFdYw91J+UmkNYLJJa5f4K3ywW0hpbK2kIwUAmAvj5g32Mw==","signatures":[{"sig":"MEYCIQDSJa7vuZGB6GsUYqbDr2lqXqdHUB6Ry8J+jujYBOAG7QIhAM9MFmw+VPdvOmlto+E4UZvYrrAGAdJfYqX/Yf4dEjtE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbyKfCRA9TVsSAnZWagAAsVAP/3sgBk9YyliOLsuUSe8C\nVGH/QGFGjeWc7SO91+uMrtlcQN1W7M744H3AANhiorRHkVUNIkPp+Yf417Yh\nR+zetPLoRMaiajV8xYtjkx8KwrF6zFWFUyc1kJtyTwG1EchmqjPUDZSubWmS\nak+jGokM4oLgVhdUfktZuI3eXwByJJaGn8FIK8kO2xhSEWZErcWhyGMcemZs\nwEmowImQp2twdrnXCYMEM1SfM9aM8SJrYjhQ+Ae6+bILUrcYKl72wjRJ/Yzx\nfxsWn+UGOO0xpR1/CKM2z0mYrljl+E6cvvPHdz0vGDgxpwYVaXOg4gW1OCSz\nJr3V64c3d84dGSmbyl8teDM4Il4AjdrovW3OUrTAfcfa1L/S6z7i3WiRd4Z/\n7bDgZkY6Rclgnb22k6nEbVHy7kmGE6fOoQOlYofARbltYmL2x6DG08OXstQl\nSM2vjJgSVU4CIE5lMPbdhvEbvBoaxtbUHwBmuLWPGtU7BKV5ydmPqWBulYUR\n96D2x+tehKBJIuKFbgMmruBj42ZIYDyJRDVpI9mfxmI1Txb3SqIvPKD5Rysq\ndk+xJas20U+pMMBW9LF1AZi6fvHViqjnv5Hdnyyr0CXgY+X38iBl2zsuMD80\n+3gpSnlqz1BWNPZyMp9pp3oYk2mc52wpzAPEWqZcxj5jbImI01y0j3iPGhm8\nyY9g\r\n=5/TI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d35db9665d4a8a4f385b134c9c1a23bda8668fa2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.f77c50860.0","@material/feature-targeting":"11.0.0-canary.f77c50860.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f77c50860.0_1617896095184_0.062199487651166674","host":"s3://npm-registry-packages"}},"11.0.0-canary.367d88bdb.0":{"name":"@material/touch-target","version":"11.0.0-canary.367d88bdb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.367d88bdb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b3e1497addf9835a4a6fc67db1743efbbecce17","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.367d88bdb.0.tgz","fileCount":15,"integrity":"sha512-G/43Inc60xE84xRAXS6wcB3RD7yWKPfY8FvvnSLOmsb/mruOYA+0STfW3quSefFm0JCuOAfUu10o9WfgFR/0iQ==","signatures":[{"sig":"MEQCIFEEp/ShZQqIKd12pMafmXroHbYioRzc4PgPNsHTSjIPAiAgkf0lFODqotN7cwUO3tSuvZr7majosxdR3Xo42sWxOg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbzFYCRA9TVsSAnZWagAACjcP/08kh4yKk7gyyrrYET1A\ncVnn1vPBC6NKLtN3gccNqpIQI8nKuk2B/iBV+VpN2urz3lYQR9ZH3GbfNczA\nDkd4cQOjp2MtDrLSlVbh9yibGf8TXPU63PCu49GdS7mTctA2GA7p3W0ADu4u\nQLn7HCBkxD8WXAw3Upw4UmxrFlPJ/4WGJiAmHYkT55o4eu0fMuvsrCfczDrD\nXiHUnYiHJNiPW8uvZ68egnPGOZUdnc8Xy06IoQhlxs4c/UMC3UmmyKMGH90H\nD0m5zV8XlIOTsZQWaCeA4F0j+W4h10P9L7fe+wyko9+QBG3CK5VUsuMq4ors\nYo9O/47/LZ8j6MrY4IJK/tLhIef/sHQelmvRIDuujyfCxtOixS3JTDh0qI2S\nz+GmgddGEQ3HhkE+rxEo3EAJmn1YsZtNFU4z/YL6u+vM7RjoXMn1rP7FZW/G\n6qWdduOuhmQQELlDuA0P3DxF9tSgCvLvD7qaerhLHd4PCqpdEaJdk31caPzK\n9rAjf90PKqWTfH6U8Ak8bqbiE0J/IjLVXXLoxJB6cVHABfixJF+cbrjyuBP5\nLQ4652RogxSCnZ36V4GtoxVVpSHN+5MDv+epwOTLenjuw5ggyVBH50ONnxBp\nR2hU7OXp+XyFBJxveyvFWxceF/5lqMpKQgwOaZO4+b2UXRi64tdDoAbo1XJB\nwOeG\r\n=sylg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ba9cee87fe351c7e76ccb32f2572bf3ca91e88d7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.367d88bdb.0","@material/feature-targeting":"11.0.0-canary.367d88bdb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.367d88bdb.0_1617899864349_0.2200478853174359","host":"s3://npm-registry-packages"}},"11.0.0-canary.0ec437d3b.0":{"name":"@material/touch-target","version":"11.0.0-canary.0ec437d3b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.0ec437d3b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b4c77ba2bf071e07f39733e4474bed80594286bd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.0ec437d3b.0.tgz","fileCount":15,"integrity":"sha512-poeYFrjUDCFR/iwQDzqAGTssGOHRBiqB198Ssup5dgM44n+yjK2xWHq5Aft7vp9hWkpgS558fWFm1l+qx6rr/A==","signatures":[{"sig":"MEUCIQD984RLfdkpdO+8Ls6CUYP2h7vcFaRNGXw/Y0voTS74hAIgOn7KeCH9UqtHuBz0yIrx+0zeJLea6qFNBGHmC55h6rg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb1rKCRA9TVsSAnZWagAAsjEQAI9K9hyEs4zWBSIu4qAx\nyUJkqfkF9GrIaBZFFT9VToDCBqHWB0YyUzrlg5YlgUOg/I4wRG6ECE147HYc\nhY5senKDuU+3lYJ2ph6eeiCNm1CnnRUidPtELdBtLaZm+6yq7zesz1zyWyMg\nRiw5tlMm/8wSpN/RgY8+Cs8QbTf+T2/oAj/hPMgs0E1yJibgASc2MjwmDM89\nqnF+H1fLWCiHF0F+Nhxohh8pt/GQzUZVcbh+wIJ1hGKQF0iGCD1qpNNK1Hqj\n9XNnJt8ybCohZpg4ehS0ndu5TWiOewLLRaVXtC8oPeT6apjeXhvRBn2mujfy\n/NDlITEMyZtxpukTiOihMZ20JBPkqpqCrRA1QzS+oYX3MACFSGb9kn4vvXQg\nGiVjObjYEvh0TrlpD3QgaEiv349gz5lKhZyqx1L8DP6S5Kh6iZe6FfP1dAfd\nL5n564qrEQRDPwadZV1La2fk9imeo2eVE+nVRx8KLAWpRGCl3UKh0VNKmOP6\nC77fADlvr8+XPK7/50fHBeC73qlbD5KG9ktxtbsfn/IIXECJU+Qn9cq9yXdP\nFLiDRwI5tS9X9PygqVkq9glXz6+mXBYPbuBmpL5pDtHEYRCrxvU6XkzcL9kc\nCM8Me/om9byRRrcsT5XnjTHWj74dQ1IknvRq+2qfb4y0gOWQUNKQepCue5Jp\n4t/m\r\n=0IhY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"50ed2429a570432fef9747a954d7c31d2dd11f0a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.0ec437d3b.0","@material/feature-targeting":"11.0.0-canary.0ec437d3b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.0ec437d3b.0_1617910474149_0.007907871411383383","host":"s3://npm-registry-packages"}},"11.0.0-canary.b2fa996a1.0":{"name":"@material/touch-target","version":"11.0.0-canary.b2fa996a1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.b2fa996a1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fbaa0a7f427fa59758ad2717f80fb256f9037046","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.b2fa996a1.0.tgz","fileCount":15,"integrity":"sha512-6AxopEfQ9a/3Iy8dUhstGggKF01hw+TyrAxKDzlPjYqL6wrVBQOYBHCZ4fxgsDzjAe/j5YtZm6Dl999c+V4vzQ==","signatures":[{"sig":"MEYCIQDrx+zQlg8mYOF9fqTfFxD0+ebZd5o27HtYLBmE7K7XNgIhAPDdd5jyPcGFb8IA4MK2LFIdBrC8kvsohhbsBYTu9nJm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcG5QCRA9TVsSAnZWagAAjiEP/0YFe2gu8IRMB3mlKd0y\ntNwyW2xhV7SPxEbEN+/nsWxESnRNAoM/tSJ2UOaq11WRi9917/TcKj+urzxM\nudpK4YL4dTMH9eXPHOoP93hnYWQDr34GZGcBT8AiUN3Ln81Oq4G+tOB17ZsK\nz/iuwiePAkm9ysfiTir+8oePPMsCi9M7aYmC8Uwz39fjCLL+nzMUG+8Fg3YB\neHeR6YyPwQaXkb7wN3LkIGBW+IUsWv8rFFMkOeYT8oGbw5OBTaZLmr/DViqx\nRDa9V9bbLfrGRICYwj/PpgA2orkgMVziIYD9bLYuq8Q0Wj11JWcp6rrfJg6M\nW5n9eD5ML3l78S+kxh+pV7g24g59pVKBuy0oDJb5V1S04UHqikm4PFbgBoxe\nVH2ixKA+kxTKUUPKxTjg5ePPCt5Ch252kMXoebRC02pVPwPtY/KSlsRN6qxy\n1z1+iabt7pZXxJGBvr/UAJlSli1sB7cMAUKxkIcUVCHw4tylI1OA7rN0tK1u\nrsav7vMgRjN7cJNAWy+uSICQ8aNwOyOm8/RXf7SRwxeJCgPwXnrJTxmnjG/a\nw9LjnHlps+FJXrnfkW6+1Vzv/R05wEPXn1TpQ3i4eHTdllQPXqm6AARvi47w\nlCnYg6SLCnKuEK/KGTr2cxHJYfMwa/m79bXHa1U3QtooQ84T46rUaaG0KeKm\nzy2n\r\n=KGve\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0b4eb5b2d30d6d9a7b20f57164a2beba3c20d65e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.b2fa996a1.0","@material/feature-targeting":"11.0.0-canary.b2fa996a1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.b2fa996a1.0_1617981007605_0.327003837223772","host":"s3://npm-registry-packages"}},"11.0.0-canary.24255c408.0":{"name":"@material/touch-target","version":"11.0.0-canary.24255c408.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.24255c408.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab08b8687e4249ce546d1d8cfcd5c062a1727315","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.24255c408.0.tgz","fileCount":15,"integrity":"sha512-A9fvH04OTeyOHPe1RfuX1JJVXASOopN37j+mv460EcAsmvlR5XZG5tOWgoQZHGc6GhUs2qRQhBdB5tz1ETwsKw==","signatures":[{"sig":"MEQCID3a2nTnmSkKpqutMW3p7Fe4gr+zNyqYNfUkPw8Fd2rsAiAf9a83Y0cLhauvjXRZsUTARZ5cs6pG3wx1njM99sjvLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcLTwCRA9TVsSAnZWagAAnacP/RPt6QI7tUERfRWdKlzC\nKbrVVNOKY4MZrf8NpoZNZUaNNV0fLRKG9A6HA9eDQMfIyIgaY6RHHdHcDPs2\nsgTM/1eRhu97ssMXiikqTPk/zC8e9zIy65N3Q/HqiJJEbG/f3HjUwiOwf0UZ\nyxGIL9wiKV8kQ9Gmn5IcvMA8gf9S8NYBO+aH8yaLu7bznS/YRoIF4SyW8Jyj\nL8yKmMrlT7Q79I8Y6kxsdYwlq9Td+rVV2YxiijF3HL5VKFosXUdyFIXIuAmu\ncFrTb3q3H+RjFoGc0AVmKGpCp8+fF3oiKPQP8VVtyYsDz26NQQc/4OfW9BNU\n78BRJkdJBGDL9QEOmLAJ2T1yLSXhBzGA+zdZ9BJ0fKa0CwjANRizTPofi+A4\n4w3mcruBow7oSp0D9rgDG3v5k08C03c2emgy6ze9Jbx2MOT3QnKGXrpYjj0o\nEwgexrvCfb3HhLYfsyzkXX68X3Xgk2DVb0kccNIKLzWPd5Dm58NHdE8OpPei\nn2eYuTYBzgvO7JYmzwFlPZgkhtVnUFnnB+UViRCEbl3fugGMFEZU3wGh6wRs\nV1eRxwY3tVDvgur5poZTkW8ckHzsnnBjfoT67Lon4tyH+I9d8TPbIBKATkMx\nrANCb+HnXTp1W/0aiEaJ7Vx+POjwYh+dwzZ3gFRTqSyvqzM2nyUhSJ0fSJSg\nBHIA\r\n=UQxA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5cc224c5482fd736af03872db458f031901bb693","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.24255c408.0","@material/feature-targeting":"11.0.0-canary.24255c408.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.24255c408.0_1617999085454_0.4190345785513687","host":"s3://npm-registry-packages"}},"11.0.0-canary.7d6a4bb72.0":{"name":"@material/touch-target","version":"11.0.0-canary.7d6a4bb72.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.7d6a4bb72.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1db297e1663e6b57b247f31d4c3863cff59738c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.7d6a4bb72.0.tgz","fileCount":15,"integrity":"sha512-cALx1mbdGf68wzt8J9HOtWsaRgeSGPZ7pcWuZQ7VEeYN6yQxhZUa1pPLZrfYW8WJ9DLhscfCbjfB9pCP9LC8gw==","signatures":[{"sig":"MEQCIEz5wGSP4Llf8GB5b5H9hYeQTz991RQ2Gr07YgTd1N2nAiBXNMLVy0YP3L9vBsq+e9WkiQzr8qgmW5QRNJ6Zgihi0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcNq/CRA9TVsSAnZWagAA/j0QAIryp5h6ADfKr2E3fsBB\nGUh4ijj5XabMoIDWBjn3hY8fA3Agy6AER07XVzgrEALKJEMbljOEEzORUqzj\n4Pdges8WHrDu2ByQFLnPlOB5ejS0gf/sU1bhrJxkNl7OcqtfDzg1yI2RHx7s\nP5NOpmGWv+wsnTnStaFWV5GFtwQohjgUglMAYsb5kgxNjIQP7RWXwdfCR8+e\neC1/2N9MTgeyCySrpJ7BpBFHVkoho5jAtujVrAdE9BuGUKzJ3hgT5Owl6vnb\nwKxpVTFI1K2zToBO6aA5l0b8bpCTrA79S6ZyArOEOa3jqqkoZLQYUfsbWX3H\n2uT4rwC0dppRD9PWYJdui2sgJraXviIhrbfkxX2LLDUba3pnU5yfB+HFERsO\nVCPGmkme2pkfbsz2PkjGBjpGPs4NozvKlwmiCGemoDTxN5UgT6Xa+UBXEeW8\nf23+A6BjZ7MVSCPoK6yGId/gmYeaTeVcC62QixJnlHuxBz7l2YjUNkP7ne7Z\n+Dr3GoWo/b4EU+CezBq1BvuQjPAOxAIupX/nB8/6egiz8SfEd+0EGmbGq/1Q\n3LJqQ0RMQkILWTmvT8g2NBFlmJsXFAIC+pax+jca6cXpDt1ouduzSrGzfbpP\nyewWfqNkn2l9MA+kJzNvW3PvmEdqxvxL88JNmNOcsldTZl6GOql0u4Oyxd8K\nUsHn\r\n=FENK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1e1f0ea898fe101863062b7a760600cfb1b095e5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.7d6a4bb72.0","@material/feature-targeting":"11.0.0-canary.7d6a4bb72.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.7d6a4bb72.0_1618008767588_0.055179980451426136","host":"s3://npm-registry-packages"}},"11.0.0-canary.352b295c1.0":{"name":"@material/touch-target","version":"11.0.0-canary.352b295c1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.352b295c1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e0fc39171f8c13e617e3c3c9335bd42df342ee6e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.352b295c1.0.tgz","fileCount":15,"integrity":"sha512-U9yuEYNr7Yf/1k1aAIFyXIGihytAwUUirUUEwb2tQbi6XSTHDJQWDX6m/vQAh3dLqcuAouqch1cVsKuhn9FwuA==","signatures":[{"sig":"MEYCIQDiep2YhsbGTjXBj/vIzCywDX2081NRLxkrld7/dEf6QwIhAPj/p/wyvRBckKRuglj/yARBVi2b/yFYLApNcqoqkbLi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdI4UCRA9TVsSAnZWagAA/+cP/0PL20UBaKV5bIa1Xp9+\n4gPFVNKKKsHFih0DUYrya/HW+uwl6zK6rdA3rKKM+zwIieWmBMAOvwJ4TOTU\n/K49q969T3oojMGZOLZaLtLfUibULy5rX8UW7yCAP1sLGJ1k9+jfFsv5gfrW\nBFCMGkePlunG2vtQyw+0GZNXLMEbSdwrsfTe/JgAae+EVK713GdKVMzt6LSM\n8sZGQgmL30IS1GaArXCokQz5STNKwSWxaDFvn4CwJNq1WBJ3titl3dM7Tz/8\nEd9NVaogyMKE+akQ3Ux/8mQfvNUIlvFZOO6RS6Em3QNEVnSQWpXipHD4EunI\nY9m9Ybmge/O3uNWvG6evdDxIrnzWyQPpYSACGOqSKp4roKKRviwU3jC6iYOA\nDr+qnzj2+qo5frHcAPQpf5oJ68+609emoi2/bUBPdL/SoLZAb7f1VZM1+VHI\nZdrQVgZ0uaVshp0AwQMlkbwtVc6Vzi4XV9RYnzkuplz1VcHqEVvyricJhnq8\nQMec6+TBr/Roy20aVqmxurpRbJjtJR7p0xAs1KSbIONOL9nHjjZ2tJd+mPuZ\nh0XifuxvNACVr9Q2sNdJFZxl/DM/v1xQVlgccbcpmTu4r+ijhEyU6KS8OQii\nukMcOubBzXtVXy27/NMR9HwLAYpkiogbHbzty4b1NmduzJfi0ype6cQyTpBs\ngNoP\r\n=8Jz6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"472a00ecb08e85ff1b602e3bec15d38f2a028f69","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.352b295c1.0","@material/feature-targeting":"11.0.0-canary.352b295c1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.352b295c1.0_1618251283986_0.983161743722083","host":"s3://npm-registry-packages"}},"11.0.0-canary.ab99b8064.0":{"name":"@material/touch-target","version":"11.0.0-canary.ab99b8064.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.ab99b8064.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4be5fc06bb2e0e4732c7b9ba102872e880917d9e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.ab99b8064.0.tgz","fileCount":15,"integrity":"sha512-L50nhodqypnOH2KE9k47tWJjVkf2YNRTVNPiYa2pglHH89OTt0LMW/VCR6Lf/12AMTCk8alAsVSNHaRCQdzMvg==","signatures":[{"sig":"MEUCICBjD6QEzuDV9ZCyivVEPzCYJ6bCTVClscUcH4DcZmaPAiEAkQW0P2yGOOjwNO5mOvMpdrktO/3K5JP5nTAvUDiL0zk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgda3XCRA9TVsSAnZWagAAJeEQAJOH8zPyrGrjt6GsIxy+\n5ScTeQISGZUBGASzwrc7plGRKG1qUnBIiNwX204koIHVsOALZJPSCxCoqkbO\nu2a7DHMh29Nk3DDUbE/sRakqbXEJ1NinvgDjBcFpT/nticzGXPEnBTQmHr/K\nN7Fj/SWzP8YjuprX6OqA58FGGOVzj40OwAPUp5eJtG1Uxd3K7WGCtLoS6aTr\ncbnpwYVDSFk5ZEelQn1uRdPvy2j8l9+zBZur9PUSea5M78gGys80PbLLNbsb\n7BAMPdGk34poQAF1lN8EBQ5zGffGlOkMQ4DS1LMZh/MIVN4kvS5tYSr+fqoc\nhwq4gpebuKk2XE8IAhi9ub5AN/DIchZ2kScmy0jdS1AjaH7Koj0lfMWHU2VM\nwlvL9D5UJ0JpTnD1btyRSbSroTt4C6sHEP7J6NFS93L4k8/Yhw431dYfaSCA\n3/ISbEnFJELatQnem9fMLbjQjfXHcT1OqxqDnA5eqbrZnC8s+wU9GGbMKau6\n+XQd2/AKrpyOv+l9esqp72W3DCdAgdq0ZVLZxcwZEJi1pIYpWoYfEAXwzEff\nMRZXHJv3q9H4QCgSsKoF2PUM7qvmF2z2iMB/w6a/geKEHuJ86+aIxMbk0FT1\n+C//oRlWLw4bv4H0WkiE9y7PE8blmHTNV0mQ65vrWyFd403aTvistuQgkKdN\n2ghJ\r\n=CO1K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7a67c09690e367ad8ebdba2d551f6432c20ccccd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.ab99b8064.0","@material/feature-targeting":"11.0.0-canary.ab99b8064.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.ab99b8064.0_1618324950882_0.0981868563702113","host":"s3://npm-registry-packages"}},"11.0.0-canary.8f0a11e32.0":{"name":"@material/touch-target","version":"11.0.0-canary.8f0a11e32.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.8f0a11e32.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"194f458c75be7ae310b8a4ea4e3a35bfe576a9f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.8f0a11e32.0.tgz","fileCount":15,"integrity":"sha512-9zt2ANUnjnjvpUWMUrd6gPMc0OBr/x84E2MPkOqpr4Vl0SqeiKTZMPbIzKF8mwJ3hNItcSeF8kRaLQPQw/tw5Q==","signatures":[{"sig":"MEUCIFC5UTrsLQ3+QESBDjFV6gpy++8qjiEvcMNkQtdL4m0yAiEA/YeSo7Ig3XeozqB9lr7/u4HnODDF2z3CQopGxQYfA4U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgd0pGCRA9TVsSAnZWagAAjlwP/jruhanZvoD0XQP+m6mJ\nbAxVTqUvkli4ESi2x17qPo/312XtO7xou5LoDPVQyFv5RD/oXRcQUmcNSkAJ\npr6mHJTH+9/BtBIzDrTQH4/ONDdAJn2uIK2z4DzxSnekeQ0V0Yy9Pd58KYpu\ngRBx+xQkKVSaWV446jmTihxIEdmdfqodTMJjw0EoGuoP64M2ObJJnVSD9uvF\nNs4RsMKFmXNIz9enu0In3TqrAAol/8NGtp3HGw4vXRqussph5haflJ3PAdRK\ngRQ2Hmv/JSydwWDw/+y034dzX38S+CxO3HQXaB6/YKvB0jkqBggB8sUCNUnb\nU615AG+hjkO4WB/tOiWjQO4pWcqnSJb7xaBY9TsfNFYWYw7Ha+zps8DRG9it\naz2pLqgmh9tQiG9w8FQIskFcJPbZX4+M/u816n0KNQK7IdAaQbM6m5ucboZW\n6BTNk0vn41TPSXZEIR0mXLVvfQ1Js923KaiSO3lvlfLSFBovcifZ/XUtt870\nx4PML5qy5hl28lVNwqsY20aI0VLRaogw/+RGo6jI7NYkQ/+7Eh/MdoSZqN0T\nguNnGCPBnwhdqP5GfkbLeV6AtS76XDqLxOpzruDJ2lyuulXFLtJKG21BJ8Ob\nVyIlYG9CgQz3HXjmtrKgdWPd/VSPvAIp3rvtKX5XS+VQsRYv/pC3AGzz5Ckg\nOGjK\r\n=LCd0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f09b2c0c350e2f684e84766c95eed5c92b5afb0f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.8f0a11e32.0","@material/feature-targeting":"11.0.0-canary.8f0a11e32.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.8f0a11e32.0_1618430533789_0.42557230983106353","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5c6db8fc.0":{"name":"@material/touch-target","version":"11.0.0-canary.f5c6db8fc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.f5c6db8fc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e92b2e83b155c1c1df9d43e3b9f47985373c53db","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.f5c6db8fc.0.tgz","fileCount":15,"integrity":"sha512-yY2HOC6usd5sxoXT2nrN2S3SugC+3pRquY13m1soZDfm+iyw/JdeKLendoXoTjXqym8HQvWl673uunCvZcG8MA==","signatures":[{"sig":"MEUCIQDxZbneAwnP7pj+YTp7pGEuHZfuO22AeBgdvZa0DMEEjQIgV/3v1oub/Ho3cW5nFbHEQaGstqRz3UIlzSoNsiwf5RE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeH/gCRA9TVsSAnZWagAAFuQP/26SRDiIQb1kzd4A8wDi\nuv9pRuw2WGFZ/t+oHyaLqFOBvZ5qr2gSlvyxM/y6bZBlY2Uf/Q5U6cu3pxKO\nBIIOJnLCp7HlN3/v2zyrlYoxiLa6vK7CfpViS+DzGPfUdBRuwAUl/ptBmJlY\naP8Td7UsdV9LcyTk2BeUVED0dKPtiF9GyBC2x0sbKG8W822KvxFU4s4PVn5q\nA4gZ1aN8ryhfEj1CE6oVYZkX9YDv/6KgKUtPfLZx2J4tpB+m0Y3pSOmmtNRO\nsgzngZtPzSA9xIyij6kD6fpmIT2YZz5C2WzpsbOEnQJk+Biewxad4Yh06gus\naakXfYm11APqm9SaMlx3aTchwLJIRip18Q/9fbI7unuHj7vP5JExQC1fOJCd\ncFe7q6gzXrBK4v7LVOPBEMAwJWdajtTCSaXDIN68j3v0ajO5h027E+DXp7HI\n7Ys9P92a2i6utcdKWDSTYP/rM0KVs8NrZJZaNnLwvpK/lHpQT6NpDM2mcgxA\nAlSNadyj8GmdD3ofRE6fznZ6/pMuKtybPh9iNlr2WHsR6DgK8zoJErtt2y65\nKvjLwoa8hvvJueOBY86Q6u5BXii+jUC/MHf84osNn5+bi3GMXqiTRTI6vomW\nLuPR4sBrByaGofv2PSsu0HtexBFVhPOGaC6gZju4Xot38V8uzzOQre/oOLQV\n/MgA\r\n=2zV4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"eddcbd64f4309f4bf5faecb13428405a28774f15","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.f5c6db8fc.0","@material/feature-targeting":"11.0.0-canary.f5c6db8fc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.f5c6db8fc.0_1618509791792_0.5703562858585955","host":"s3://npm-registry-packages"}},"11.0.0-canary.3793a3143.0":{"name":"@material/touch-target","version":"11.0.0-canary.3793a3143.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.3793a3143.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c0d1be9f1859d4541d5fcd49ef183f871d289b0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.3793a3143.0.tgz","fileCount":15,"integrity":"sha512-d9Szq7DiAyijbOqLEk6M5xcaZ27kInEmNre7Eu+TDgIafAg8B+bDGvHLwDtm1AouIOvA6YEYpd1UBXS/SXxhfQ==","signatures":[{"sig":"MEUCIHoL1RenOBk3jETNe98bQEfXKd+k9CKAAD2TnecU+JsRAiEAmUCA8YxXTwXGNhZHYNA+k3PN8L1+Q67nJWwgGV3TBbQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeIY9CRA9TVsSAnZWagAAnbkP/ip54LjtEzEmZQTVJOJK\nc48ByjaHbJfjo9NkxrVxGtJylXWe7fJs12ZBIQKuan0vHuj6VPY6CEu8f2um\nxHich85xFv9gBiDpmyUh2nKFP6VxrLgeu/fY6EmvYHiL1hUEA3+kV1nKvdzr\nsTAdh1iZlJ2R9/0Ik8NQ/ibb29++FWyjViu8thulCYmKIVv25kFwphXRKFO9\nmqd6jkf9PHCjz03iwTVfT8cyVjIsGIyCTBEJHbCZsPvn5YA9JuMTHk3R4kOT\ncJ3EFXQNHboIVN4xvGd/ll3n86xru/QdDTihd4OUuDl98+5kGcu1HjFEX6FP\nr4SIO4qWtZv8faio/2Z4VbliClQS6hCY0C90A0fSLONHnZ8aTrMjpxk1cw86\nrwklxStBe5VISl9uB73IPIOk6RDEgw02qRuvgjxrQ3ZO+7myfanTAz7+1+zr\nUuFgK+I88DbVDHQBv1dg/6tdJ02cE9/lSo4cSx+ZcxZgQbOJwn915jcnLxyL\n4OE/6OMGVEazhA3PKAGT5rUrkEU98vsGLxWQV1UgczEM5aBC7Ghm12Xu9Mpr\nHeLEK4M/hJiVdqngEoU7MVUBR+NXCaNJADVU/Ej5zgOiTU7a6Bc+lDYuCVfp\n/Ya90g0YDoXNcY5QHLOBpjFoYPjQdyng+ZnAMFJ3cnZDhCv33EpsJWU66yqs\nOyR1\r\n=aOHD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3cfbed34975d8f2990425af21414290a96e2240b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.3793a3143.0","@material/feature-targeting":"11.0.0-canary.3793a3143.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.3793a3143.0_1618511421259_0.6338370113196505","host":"s3://npm-registry-packages"}},"11.0.0-canary.bc104bae7.0":{"name":"@material/touch-target","version":"11.0.0-canary.bc104bae7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0-canary.bc104bae7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"91c020c8ef20c52b4f59a2c20674fd1f8176d079","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0-canary.bc104bae7.0.tgz","fileCount":15,"integrity":"sha512-2vUTO3I/F7RU02WyDqH0uHkR/Ka7yzMer0mJTpsPqQ+L33CYki8iEh+8eBpT2oXs3wlELy+Etk5XNx78yimA8A==","signatures":[{"sig":"MEQCIBmK2woeE4OuewylJoK9ckLnQE2KrHP77ZkmpGmReyFmAiBtixOo94uiU7eHBBMmjTYrMDY42GNJ7n03nb66LJgl7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeJfRCRA9TVsSAnZWagAAtI0QAKKbKjUiglQiW63mSk7C\nOiARD++ZpaSkwlzNkRMSeBkolU5CSLX6jiWeQvLWP/ZibMJkwHhqJlAnKN01\n3qgq61U+59Fim9UFwyTEy5J3MnzTEa8tr0Ss1SeJ/graSH0WJ9niaNQnPakk\nLzYQyivE5AKYeLN76gL/keKnXMZ8V9MWz8sbNBR6reB0tJxQJZuBTtt4GXyw\nd/QGoSOGci2eImo6Hq5BbJJa++zXTHnTbafLtggOziwC+mvuBXnbAzKMF4Jb\ntkeqOBqEd5+S86FqD0/0pEPjNRoyJie+LcE3TcU+MUQVSp6g9+Xe75TQklsO\nPJXW1ncN+ZZEX9Jjqz1x+iBncQ1ck/loYX/PC059DrYbZjB943NkWbQMC5+C\ncg2tCezYyvMLt05VHB06kbFIHhP0yJrL9QfmtOewxur1QafCEnqcALsm0jF7\nhmwSZUEcF3WM/gPjdvlrFoRBxNwsN0y47zI9wBQOGb+68Z1UkY7vN0vqDUct\n3W1dgZ1EDWGd5Nh1IYIsYOjfTHwcjU8E/OQLyaV1NDKNgII+nN0Lgt8UB/ab\nrElUBjgP93QCj5LxAKEjVWKcxE3lZ1moxertDnG531Bc+jfhbcxszD0Pi4vi\nLJ08/Zy67K/lB1MnhdeqY7HiLS0CtmW91CV7AOwOSis075zsEdT3Ui1m5u7Y\n3vB2\r\n=eyXS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fefd0309d7bea91a430a20913f05f501364f2ece","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"11.0.0-canary.bc104bae7.0","@material/feature-targeting":"11.0.0-canary.bc104bae7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0-canary.bc104bae7.0_1618515920651_0.001976078176344487","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f342c3f4.0":{"name":"@material/touch-target","version":"12.0.0-canary.3f342c3f4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.3f342c3f4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3fbd094ab4888cd601c59b6c067dab967883cafc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.3f342c3f4.0.tgz","fileCount":15,"integrity":"sha512-scGpv7hmLTEIzsmeAJAaWg/X1OOJMduMkzIh2Wri3Ro7kZQqezEJ1GJLus4pNoovrOLn16k2hqpEIfe/XezxlQ==","signatures":[{"sig":"MEUCIQCNo1UDWq4WU6Mf6hPHIDXj85l7aN9Lba/ana6qAwjRgwIgeEoOjFP/ZGigP6w6HqZqmOwKkLDFdMe8TWBHrK4yPak=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeMPoCRA9TVsSAnZWagAAi8wP/0A/UP0gt2UzvSaKCzpm\n2xMUucC82PA3HCCDx9GhcuRI4VsmKqiggSFDUHqplbYv+oqEmxj3c3BYAXZq\n4oCGgSgFia2WkUAR7WUQ2ZiC8PBs7PgckXyjKs469A1CBxpNayJP4JUSiMyV\nZ8qfgRy8Qb8e5UnDfAAaVsaGYvMZewYc78VYSbuOygujCC4LP2VdpxWPnOEC\nRD/kOsz58q5bi1IP26eyX6oBqm34fpflDSe2NfDSZUIBsU8s54pCj44FhDQC\nmQXL34vGvRdyonsVG03zujt/4dbG+USQZjEYgttpWgFCO23qA+uMxraGSEbr\n6CwcAMl+cYfHaLpNi404amEn07h9+0L2uaA4lR1to/3iMVXvy0gdgG1UsbEo\nooDKLNJ3tL88vVIR6Trzs4l1N4js5EysaTx2PFvsNCFEgTkmeOPDRIP2Lygu\nnCNvKtcvbaCtLncBgM/p9/0gOZCDSDAG6jHsImPkD21/zffHQvSPA0v4ymX/\nb1fx/XfQkqkCLXvNlY9gCGAZ2pk9l2zvGV+mhqFPAJyvFD7C9QHFdRCbaBXc\n4VFmUS1Nllw/uoTCAqwmivWmTas9pz3UrYph/t6rism5sry5u2colS2DNluv\nbuqHCMdQIzE9NpdNwYhk4VYY9WSJyofzocQPtR4ajiJEWDHEeNt0ka7IUTIC\nk14k\r\n=Ly33\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d82c002d3f314f99c3413389c77960016a48bfa7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.3f342c3f4.0","@material/feature-targeting":"12.0.0-canary.3f342c3f4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.3f342c3f4.0_1618527207795_0.25793822011044165","host":"s3://npm-registry-packages"}},"11.0.0":{"name":"@material/touch-target","version":"11.0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@11.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4f0cc0b928c90114f8b9b4538688215a1769e629","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-11.0.0.tgz","fileCount":14,"integrity":"sha512-S1XPYj3Bnkw26nFdYRZ0BHcNLfizF8HBeX9+OR7KuJUKaFB6CN01CtyEmDU3XNI0n140KjMtJnsZykWZommolQ==","signatures":[{"sig":"MEUCIBmRPjPtdNu9gYpMiMaUPYyyVGZAwQlH0Sy2AyQoqmupAiEA8zhwoNZTWqyHI+Cym2M58sAefpoz+SmTpri90VQopFw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15029,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeMTcCRA9TVsSAnZWagAAV8MP/1jbJKfKgcPAZooR7siJ\n6wN2lYW7DwPrOKB+TkIhL0wMF6cDESeDdLIFTDRppKbmgvfGC6eCWgQ0SmSw\njARXF0tHf3ln1AJuP0asB511DZf+LidoKruu8hTOSktolQQiC8T3cng3ufHK\nkPMYqW3KIlhi890AjYbIVWws1leY1V5u/VWBHGqBcmC5sRjYaH64pEojIiO8\n7M8gTJ6GA59VMk2+y6onyh2hyLcED7tOIzIAFoBkaipPuLyDi6wDW0HLNMOf\n61ffGw7vAk0kmQozjzMzybI1YzjurkgJUerfVO0DvcCAFr3fZ/uZ8ctgLvXb\nUqGLiJOOcoEDYBOEGBeYDqt78h31DhanF/TJ3IMgv0Cvt8EokyaH2E0xHn9r\nZAH8LQJD3J7zfgmCjjp1B5S6HupmommXlUbSMqXP+nBAdgoHdJJt0qtJgYOZ\nWo/NJJ22oOF9R70BXJX+2veLeZUqyB0J//wDdmLMlIhGOmH0F4Vzom1DkuTN\nXEn/+BSUEUF52HBle99hW4qo5XZESo3xzYpGBSjbx/dI1r1Oxs32ZYgt+NDw\nr7/lGl7pi2ik9ll5R5zy3l+jLpygwycO36tWtXrFn6WZn3ShykvKy9VY7BMJ\nO7Y4Kq9+87D7D2YWlK/wVCH9tUbaezbbzOnDWivaAaKYfWkuMpIr7pd7+FXD\nXNFh\r\n=PAY8\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"3f342c3f4715fd3587f327ce4ea6b5dd314c5c55","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"^11.0.0","@material/feature-targeting":"^11.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_11.0.0_1618527452057_0.13340358468045377","host":"s3://npm-registry-packages"}},"12.0.0-canary.2ebfc5374.0":{"name":"@material/touch-target","version":"12.0.0-canary.2ebfc5374.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.2ebfc5374.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ac0b41b24c7b8fc9f49e20f33b90f2728aebb35","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.2ebfc5374.0.tgz","fileCount":15,"integrity":"sha512-Yk3LINyylBSwtPvknQA/grel4Iq0g4lXrX4ydIwElOQ77ULITA/1tJn/ewOnC4thVrEVGrjbzRYb766yynXk8A==","signatures":[{"sig":"MEQCIA1uiMqauhJMSemsJrZbxSJF3HK1ZSf5uSWgDtxqoUtMAiBP6tEa0lGFVGE3hv9vRzC4SvlV8a2p3XQcsNt9dvj8Ew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgefcaCRA9TVsSAnZWagAAoaoP/336OjQBYL8rC4AkOfhf\npwSRDuxK1iP5d7znhNdQA6wjOI8P3pSq1iiFDYaVo6Vu3AVFoDz/J1ZnREgY\nx0DZm18JG8APw0pQxfwYSHnzTaWOXMWRuOwup/ZFp94nFXJNTvKmaap0yE6k\n0uqxBFjQQT5B77Bv6uotzIWQC7EGycdBwbRXec3VuxedhW/Iv/lz7mhwQ62A\nkGgozhGqLFjCJCBNMori3LAFeMa4CtX/A5QHGryp5cuGwlupZrHej/VONMrj\nA4WTDxhk3+9umUQ5VoOOcXaodzDbqRc3tXluu9gglkDK8Z9eoic/WBPrvUPn\nmh+hQBw5nMsx3bLfNJ6nmEB7KT3bzYsoKo4M0UnpHzdwVXjO4KbVmbnEsPvv\nCCfs4LSPREdGRsFoHkUVFiJ4MWLdbPwNtSDfRUuzPVWnfskM/h4Q28Kfo+G4\nCpjP1CE9GJwd83uk3QUrNayoEftTXgUaGfMMyTN+DoH39Ee+IQumDhRF42l9\nD3XTHY2jICs23OwoV89blxNpiHSgnAOJ5J1iZNRIB0a5LVWzDuvVs1YmHaGf\njifXJCr8idfFt9hiv16J+O5Zb1ku+mu5eBMD5/md1FEuO1jqmgXSekZBNpdL\nsKct/4ACBx4swHDsfxPgZ7V9VqDmlkhRtqwb7U6yQC6MnkE5fgs1ssjpZ2Bt\nKL1v\r\n=Mf1A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"603bba9493212a7e1b6350d2f12e7488ae1d9594","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.2ebfc5374.0","@material/feature-targeting":"12.0.0-canary.2ebfc5374.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.2ebfc5374.0_1618605849732_0.2591775015430049","host":"s3://npm-registry-packages"}},"12.0.0-canary.5631828e1.0":{"name":"@material/touch-target","version":"12.0.0-canary.5631828e1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.5631828e1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bcc75271a78a34d7f97c9a6013962774edf70b96","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.5631828e1.0.tgz","fileCount":15,"integrity":"sha512-X6otYRn1GVVVJptVs0zx47IuZpfiaJwIOWfTXY+toU5NPclWwu9eojyRGVeAWvXx+I3V71mQ5rdyvSI1JAzwCg==","signatures":[{"sig":"MEUCIQDbT6Yd8mO27ha6f6lTtnl3RSVXku8BKIp4EBjkOipyywIgaziaxrdJy1qV4ur5JmcMDKiVDjYJMDNTvnDLeRq5dc8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgepI9CRA9TVsSAnZWagAAofcQAINkhlUMqOn+8adgW3gu\nExCMke6V2E3tubQKhjjIOfW9CRh/sRaHgw95+m3hnS0Kx9v/uHy21/9tNFQ7\nJaGGzf4YsWa4c7hsRSAPT+CaQPoPq1xrVIGv0dJ3MjTdW+QdRZv/S9gyFFP6\n7NtDcKz8Tkpr1WWnl+ko52AA8r6eBgc5urqtOIwKVed0OMe/TtGngBM9RYeh\nI01ptNqVzMRCGxeRbeGQdHSTp9nPiVh4/4HwM7NMlGwu0PuZH9POn2tms70I\nIEhcyjW/DG2lcLUklrkfRUIT4eDi3fXKW+21w6BTmEHgnCpmYRAaICDDmnJG\nPHsAQjPqoBh+k50oupTJ66I6Z3KMqERyAcAeOoW+5s/BxBcCXiD/gSbGeUjl\nupY2q2QqTJ3CdhSF2eiDF3FKO1/O6WKJTMKPmg0qnPJgWOTXj0i086j0xq6X\ndR68b7aOVEWXtMr5KSpnAYM9bC7GA8xtMrU4kLfyS6L/L/eBdEPKiyxWjeVf\nZHJSSQJUS7hPjB2IYfWkwKfLoZlKQDa6Iec0+Z0cTsmmChhatESDDdJfTq31\n4XapCpgGxZIlvM9FUpqowv2JHc2pUMC1LRYmMtYlopi7HrSFRzZhzcsGz4nx\n7q1hMgWOcr8SF54aUj+vHFBKZgjhixZbdrfHv4QnE0U2eegRRJD75/8RPnIP\n0oNt\r\n=k4oN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"497e1a2527ce0368b4038766ea4893675ced3523","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.5631828e1.0","@material/feature-targeting":"12.0.0-canary.5631828e1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.5631828e1.0_1618645564617_0.3719195715514114","host":"s3://npm-registry-packages"}},"12.0.0-canary.bd685395b.0":{"name":"@material/touch-target","version":"12.0.0-canary.bd685395b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.bd685395b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0389c670e88284ef2f8a82aa65712f1ff188e2c5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.bd685395b.0.tgz","fileCount":15,"integrity":"sha512-R4EgWHHz686jl3yrxt/PhtGbYI5aHcnpGN/d+QBi5jWes93sCaH+Yyf/rbDabEJpnxt3PCNedHigbtqlEsGIzQ==","signatures":[{"sig":"MEQCIAxqWdpWISZoSramU+7fseMxc75oSfOpCBTJoeyCkS2bAiBysLKa21NrPs40/UPw9st0qQuyyrC9RIcGNXt+LRLAow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc6hCRA9TVsSAnZWagAAU2oP/0ZSQOycl9yGAz8+gaLP\n8k/WYAfutlxi8+y62YuAMyIA4TgcdPKf0glXshaVF9GGzAJWSNLhF68jje8F\nU84akyERhOPILSixXmryRxnmc7U+J1pFtmGUBmBE7zN60FmLQSswKF+74po2\nPP7KVHDgmH09/Dew95kN6R2gtLBDatIOJyNtg9Y7dd9T4dx8nDCiPQiyA5TR\nHm8nvxmXrSqMfGj80l/ViC7zt3cLD5BRZQBWsC86dm50NLXLoPod3KPjlAPn\ncZYioHEvEc778TFrdJASeGYVNP9++y2EJQXsdw7FDkoLb8jxTAei5Wme6yQt\nJIQbseXZ7elAamD7kH7HfLL0DiKHEhHqmpZvyGgDcuwjkGOMhN5HCVYb0viu\n/RFPJ+OhT1uKN+m/LW4jYRhg4C1lBOx+pWlO+/WC/WpdS1yc0MuEGALQOuzw\nVDRX4SbtzPaoGrbOlsCZeBB7Tmi2JN8V75+dPng8aDw9WSPZ1WeqESbYFSYw\n1hPNu+JZ3RMHAiR9VMbB9NQKdEEoHGoT1Zz0U7ncq5806h3vdcbqo8oNLujR\na97FFs3m4NeJVhnTPmZ0M4gGkqS2f99OdUy/c+FvLqo65EliL70dcwUe5QUx\nr6uODY2TmeZX+q4+ZKABDPJcrhuK3kmL1eAYpbjZl3FE1fgubWu1zVHdNnaa\nEqjh\r\n=PX+x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"69c7d9ec7c5de65144c3b2a9b283b6baf7af107a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.bd685395b.0","@material/feature-targeting":"12.0.0-canary.bd685395b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.bd685395b.0_1618857633106_0.8576329904136581","host":"s3://npm-registry-packages"}},"12.0.0-canary.b52196498.0":{"name":"@material/touch-target","version":"12.0.0-canary.b52196498.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.b52196498.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"92421605cbfd9643569127832e6190aa633bfcd1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.b52196498.0.tgz","fileCount":15,"integrity":"sha512-BXx1KIuZU687rPY95SLKKB1nOO6qJvxJyliFIPY+at2j1frCPtuyqyBRLQtb4BgaACIxWpcz2w+2M00n/hyQNA==","signatures":[{"sig":"MEQCIE5lgGKfwa1GwXbo5/hOOqPvXoA9JUoYV9dzc5+Iq8JJAiBBvzTtOgkzarBc/IE5RHDuyZBGcF3In/X+6IKc+EbXRQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfeCSCRA9TVsSAnZWagAA+WAQAJplWeHxSC2wiNWr+E/e\nZ9aUvNzCYnnlstOArCNYd/ZOeeOF24L5+2O6CMVREeRQvbguDO52LWj3ZTWT\nk++Ml6plsYJVRNRvUq5jA0SBiYg92uR3tF3sjfExhpgt/q3TwlYEYvWc5o20\nokpkD1dK1+mX+0yIEVBXaV3vZb4u9gKObytng3DNP4Auwx0eE/meo9kbrNII\n1h1EoPtx3BVgRd3mgH5hs08FVnr3n8uISzG5GO6+oHKWieB3MIQVj3rCKmvj\nUNBnf7XbCSksug7zIYAe/t1R9vhrV9sISyZ9gckg3HwsMS6Rg5b7pGcvbVlr\nK8/VSo96V/kKzQ+IecGQw6GWLdWU7NYqRCYiZ4fUXExu62vXz8eN5mBDUWba\nKyG5mcGy3EidAIsR5o7qWGovEssFPLb1x44vr9Gfb+Oi+4uqOWfhg9W3lSpt\nIo8t2Mg3K8c38YZdAVecveQ+iu8ujf1zZlsFtyrHp8y2UM2BLKZR/1Q94bML\nH0TaIs7VuBICh4mgZfp45Jj2MsRSmPr1ZbZSywxjiKxDweygRbN2NfZON5ZB\n+acMshpmxrnIUPfnvhS6EfZddaftakHxJk53t4uATd5IPMz9+Wpk9YWqBuzh\nLliJYqhvN5ZyKBw72BBdEzrGjcBEL3ZbDqMEf/AizknEAJKitBKUt51g571s\nVJ6z\r\n=wC1o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"953cfdd3bde4c66a4b6b90171d4ee702958ae1c4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.b52196498.0","@material/feature-targeting":"12.0.0-canary.b52196498.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.b52196498.0_1618862225814_0.5733644842115277","host":"s3://npm-registry-packages"}},"12.0.0-canary.8ba3e298c.0":{"name":"@material/touch-target","version":"12.0.0-canary.8ba3e298c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.8ba3e298c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"15326d32edaa9deafc739f22a0048cf7ab7fca4b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.8ba3e298c.0.tgz","fileCount":15,"integrity":"sha512-Gd0HEtaK3qsgHco9htyWfUbAXw9bYhZByVsFMycVhHZrqQ+U4Hfzy0H6cMd70lGTa551Qsn5azPpekNO2G8VWQ==","signatures":[{"sig":"MEUCICZrtva/uHGUJ994A4PHUIPG3Dq2msZNA5Oijumps60WAiEAhWxa9vq5qwP7kqk8AJIg8QlVyNYsC70aRx1sxLEj2hM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggDGvCRA9TVsSAnZWagAAxEgQAJHLFa72ioh3nKWfvtzj\nTlah8aQ2C+pf35Wa6kP+f3mBPVjwg6wlI+Avethn4RQMka/CVPJcetiGN3Tf\nmwvmEK/0fvh30Kb1DK6HV2fJcXsoK0sE2Z1wdP+DBRckk/l8O4vmOwd85byv\n7EyVeduRQHpVxu9q9UrtyHxZu4PpO2lrqfxJ3yNcNDXZbNj3U/X2Hgvxl0xR\nlUfwq+xeoQajDw2lfi+VvL5VA27O/IdKEi/1rWfzIKAJ98RmaMkIRdF85y1w\nyMcXyfGe5wUjwKp8LTDQFC1s7QCnJs5ub1S0rFILxsYiMl1sxtzuEe51wcq+\ntupq1pgXz7+V9aLjacZHvhfKWzT9/hjHfu1t2TIZ2FDhzvoW8tWuywVTX6GE\nMp1T6Bs7jzDUN0dUG35K7k3t0p23DeJ3MKhC4R6D3efg28CUc7htUeTYSAIK\nojNj4P/zyuDPYvJG1CVm+4GIX1bwIC0Kjysc9SzW5RSH3WfwiD+RgC5H/g1a\nz+99hgDwK7zyjZpJXkN2dOfes2qoTyGMoIvKGCnutms6YXPnFGh18Dnzx9SZ\ntHd3uSaxpOsoYbZI+lGD67zfb2TIf6NPOfWW7xtVkN7tjD+gSWUf8YBZku3Y\nWVo1jBNGsvdMvfiGUBLYscAUHGk4lSLebiHqhP5WkVTSYnqNO5ALnD0hZOZ6\nUsNx\r\n=RVIG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"206fcb6cb686d5de97867cb4e4005926e2a94501","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.8ba3e298c.0","@material/feature-targeting":"12.0.0-canary.8ba3e298c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.8ba3e298c.0_1619014063171_0.808708271192474","host":"s3://npm-registry-packages"}},"12.0.0-canary.c629eab71.0":{"name":"@material/touch-target","version":"12.0.0-canary.c629eab71.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.c629eab71.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60e84ba4054e03d3f65e6701abfc3cf239b25b16","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.c629eab71.0.tgz","fileCount":15,"integrity":"sha512-Ae08RVj8uP/uH70IUh6EZ9QMTZMy/Kb1hJJWe67GP0hscbypu8C1asK5dJVlmsuwbjY+h7TviCjutGet6+hfgA==","signatures":[{"sig":"MEUCICoXJyEkZWcJDGQOeRQveDVDgmomBmHGwQp9BJXC0cyIAiEAqzcLPuo3nDo1vs/dh5K0YDrGxV9fOx3hKtHYPBNkIZo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggINhCRA9TVsSAnZWagAAM9cQAIjbaZkuLd2wCz2HZeBV\nyWca1UxUIVcE0n+mjhJCxranmVfV1OeRBxeyIsWRmD+qNvUtXVe923KGt/VX\niOfTZQzqRvLP28X0ZmuwpVO/pBbdWYrH2YDRiFwGITjdatn/dLBD0I2+ktDL\n0mJEhEj6JUrSQqN2ZDPiDNoePJaLFcCVlni1W8wr1xXOH3s1retw31vWvWug\n7nmmr0xfxsgpycAUM22CMgHVcmZ2krvzy6p/Cj6IRSVtkNjW7jHVK7SnqGgv\nmlqY+BYCifU7k6ml5lsQ8vI8IXVMR+N2ngFS7ImGGq/EJoQC0y+JvvQy+F2I\nxGuWSTWBgMjVgFOKxLzUchgfGguD6B9spzPlALBVvCL7b1KmjFmOcboV1Amj\ng1YUIgTftyPZeHyPpgHan5+hHOYmR5L5lmX/TDFUWFmGn0DWF62My89cpUVa\nYFzMBr4JYysr4YVszQ4HWuLYL5pw87QXGiaXuv46FO8x3bsH6ynTlq48tTlX\nxWNaNsXvgIWedJohQNfmbrTWgkR9Vfb4YuKhKhNEZHCfxtfr5QJAH5KSdjzl\nD/tSr851mFaOhbytTVeEUU8udqItTVNMtOiVcmzLyw7M0WVbJTFDXXYeuqLZ\n3NAfHZ1shurwLlbzAqO76T4fXN6hTHYEBVhaFU3OZeJ0gndySHI6w4vN1rmw\n4Lln\r\n=4k52\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"13ae4a821cd20abff4520de3f38c689af7cd0edc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.c629eab71.0","@material/feature-targeting":"12.0.0-canary.c629eab71.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.c629eab71.0_1619034976984_0.5184906615725913","host":"s3://npm-registry-packages"}},"12.0.0-canary.8ace3b810.0":{"name":"@material/touch-target","version":"12.0.0-canary.8ace3b810.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.8ace3b810.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec17fbca2c157247c4ad1b2eeb5c58b90265dd41","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.8ace3b810.0.tgz","fileCount":15,"integrity":"sha512-ZJUX7AGoPU6REEGgStfur/fAuE7xDTZ7TR+1dCiGKglFvMtjTODOZT1ewrHekuGV14Km7KKLrE+WWiioVmYpyA==","signatures":[{"sig":"MEYCIQDK3wgLzahs2R9F8NjRCbvjZw6FqLI5SQTz78fBpUvo8AIhAOiHnFQ/JV/w1lXKq7Ok3udOEiYSKp66Gjz/4M769k3c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggIzvCRA9TVsSAnZWagAASLMP/0LEijSBiVMQw9eIfJ7b\n0bQQPNXKQHXqaBA7ra+dwdtJehxDxVF9Am1Cyo3+O6sKUOUGPvVJ2X7/MhTp\nzt06uS6x7aKlB9sIaA4sJR5KD3d3n/sPgtnaIqPkIsaqBt35xkVw72HmO5e3\nmQ13rqjHEUIEALoVHuSWtOydq4IEHYpuVn+7gPMItfIV9GrPTktxpUsEdcc3\ni8n+eYrdua/3eqFLSL9QT0KrpJSww9EN986QT5LUHrmMHOOID4SD5oMBMGQT\nPkqWpXd+hS1yhGVkkPD3NEjD0zgBimRBqpgu/sD5OO0EYLhxC+l/HaZk2sMr\nNVPj/olXDQjj+RzlVlzvTCr96Pchg55sd5TSk3gpkhizH0Q0s7wWg2QN0lvn\nSD188iF4bngZC8dxyKrIBGd1jUaB3KaQj4F5/gaMoKjMOl1pww2ktoIZgR20\nvWO5rXJjv1gfbpQb3BYI5+rmXZq4kaXzhcjhYy9cK2hnavCU1EpgqU0kWVcf\n+2kB+0YO9x2h+pYmH6tgVf3En+c5WgSoZA42VobTlJXKzipL9iATxP/rA84w\n7TZIHKr2r1MwjC+ZXqcbNCNSZzqoG4Wb2hyI7pAbMfFETMLirOLvyPHafsT6\n2YCB5KRzpliG7+rmsIl8COUezmM99bJaz9ztUGC0H5H7UswHNozAocmxD1NU\nY8ZR\r\n=FhZP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"622173e8e2308a6104e06bf943b6423381a17e5e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.8ace3b810.0","@material/feature-targeting":"12.0.0-canary.8ace3b810.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.8ace3b810.0_1619037423441_0.7168017407304097","host":"s3://npm-registry-packages"}},"12.0.0-canary.70beaf42d.0":{"name":"@material/touch-target","version":"12.0.0-canary.70beaf42d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.70beaf42d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9bb0e0f162829b259c1729420620dff5273f49b0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.70beaf42d.0.tgz","fileCount":15,"integrity":"sha512-CnmpNc8pn2A35uN03p9cR0OWEDa8PK71T+y5PaRd0zfJI1HmoglYWtk4S1NTzq9FIWHOd9O0oFOiShWH1rzLqg==","signatures":[{"sig":"MEUCIFQVOhLyMiK63NyHCxS37cJAQiTcN392FtzjbhtEFQeuAiEAhx+8b+9LcOGT8dkko3F9pe6aIAwd5PSuj4254e3NmtE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggI+oCRA9TVsSAnZWagAAsFAP/0qwacnxNHBEgSZM6Wfo\nOHD4VjW2aTY2Kucc8oyMHGTDWiiX82ISaq0GIsVhIMBguAdy4tTKCK5/jPto\nmlRqj2pPhL/UabDsYRAtmW7HsvFSKP8h2WSGuGCn94HNkCXIKmoOCVQwfawK\nttTVBAe/Hqw++PWYALdVb15NawpzPwxtW9neXBwkUsNOasgJXlKDQVTm+pie\nJPcRExPcrYcztJhgF5xsO/I1uURX3lvd8zt563636HTY1Ke5d0Ag2Rz5DXCP\nvCyMuIh71qVN4utOEEHzziSKjcXqTEiVFXisJn02YNXLpOt1PfIcW7oi6yHc\na3VY+b6uAqpVcNLKG31nQ6kUkYaxxnJ8llxBf8ukevsZNoRIdeYLXU8DHHH0\nzJ/jtoyu6Fd9MWtueabcBN4wGgQmmdfOuKOCQj4o6M9r7uM939w3+s3V3eFp\nSCyR5aREWBZi882BpokS52Y/B+SM0vpxZOM0pawpsjnMmH0WD/bVbX9iRE1c\nVrIX9qa9YikXdwVaB3WPZZA/+THQGK8pTka3gtabcYPr4FfSL9JkK7F4KiVt\n7ZepbsylM9DCaAWZI0HnvKbHV8i2hRrgdcdN3jirkjVTi/iorI3lKz0bklbv\nOp0I1Dh07R6BQCwDNruQdLpbwXze7Wzx39LPV4SAmTDM+cPRc146dxF6tlJp\nHbXG\r\n=2RI6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c5b29092fb8fcd0102b908417d8ed3d61c3448f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.70beaf42d.0","@material/feature-targeting":"12.0.0-canary.70beaf42d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.70beaf42d.0_1619038119706_0.6528416310378726","host":"s3://npm-registry-packages"}},"12.0.0-canary.cad489689.0":{"name":"@material/touch-target","version":"12.0.0-canary.cad489689.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.cad489689.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0745ab2e7eb910de4d2eb963ef7fea5222b0db9c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.cad489689.0.tgz","fileCount":15,"integrity":"sha512-YCdn4dopklqwMPzx3a8hfX+W7jmqSKwWrS3cP7lpLQOiwLTi3BN9AG+4J8pfYE3D1kQ6EwaA0Whlx+Yo+zCqRQ==","signatures":[{"sig":"MEQCIG3jCBQAh18aYhTg/tGReGKZlkw43xwX+oXhV/n6cf6yAiAqaZel9etqXgjCdpfe3BXVGIqb83HmTeyKyhYMYYbnbA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggajlCRA9TVsSAnZWagAAOuwP/3CZMw1RnmWsGsgQzMnp\ncPoOj3ZCPS//WRnN47r3dKbLTv89XAOJgPLDESQPs/voXTOsKBrjaWyZiH+o\nAuVNZR54LhI5jNXCY/heQMH8iUJ7w5t2Sx8D+ZbIY+YacQVwKSenY58DLxpS\nqLR36ADRtNI7rdedXv4nh1Rhl31+GAQAyU2AtFR/QvE8f+Olr7gQtLGrovNk\ntIZGdsuuV1NS0uOcrTDlZRRmf4c/oYenruZPn0+iWCmtF7ULexunZzLpR7OT\nlgzvdm95b7xvmcQEw7Al44auuOGoewHeUtwPKJlFRmD4lN95VrGX6GDlptdA\nljx5OP8oOyn/c3dnBd9uocLcSTd9DOXYq76MTPATSeg+IdkuBeMbOI2TFdnz\ntIi4dLwQc8c9yeps8D5Kqp3fR5ShcFsPTk5XdlU88f+y89JWTxUjUhfH1sRY\nQrPJOa3fh+1edd+oSPbWlCi5NXLpdHoTNUIe4vNLcheEYGxAU8K4tHMMAUNI\nfr+ifhiy1mIMpJuM68U29ZptSioUmWkaVp15bC5Jl6C6ycgnH1T3Yfk88t8K\n5etG/os4jFJz6WK2BuDnwpjb8TlkNC6gUmIA+9GAis6cVQ6Ogmber98pFa/3\nlGosGVPE0FdINsceFbUIp2OLrYJ9kuYN6PLfwRMUrrkVaNrgW40SXYRvBk0V\npbsd\r\n=zrrf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3e5c20e059b33965b63d0073bed7e300c57d5781","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.cad489689.0","@material/feature-targeting":"12.0.0-canary.cad489689.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.cad489689.0_1619110117441_0.2316354176373343","host":"s3://npm-registry-packages"}},"12.0.0-canary.d928692b5.0":{"name":"@material/touch-target","version":"12.0.0-canary.d928692b5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.d928692b5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"402fd5224042ac0f5ae0ccfd6c6b8d6893ab4c0e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.d928692b5.0.tgz","fileCount":15,"integrity":"sha512-R+cqTC8Gbnymx31ND25glpH7iExIalqThkC21tiurktupI10AYCf5tmFmdzAozzQeuQmcRvuLRb8TdzPdyx1tQ==","signatures":[{"sig":"MEQCIAO8QhY+QBBVZBUxArZ0EKa12V2/2t80hpq2/HO2vEJAAiAdy5esxuBm0yj16KlUIrmpjMXoD8qT839YIDvfYzPU6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwTyCRA9TVsSAnZWagAAkjwQAIg6l2XE2ow6v0kaMyOp\nkKXchEqO9FzddFmzLZj4F0QZHyG8tYyb9wb57x35WadS2N1hrDrOyJeHlZYx\n0C3QYNWjHLxfTqjB152TJIjGkRRB/vZgCqcjsn+00Ja9xyk+eEUZDiu4NJYQ\nPlvofZvwWJrI2xwt4MPiTw6jWD3FeE74m+uavMfDPB1+YGMxAQ2jGIO6njbJ\ndl55qJZtZwedUcZ1ecTyaszvUDtSdDKGIvf1C6Z/pU2djEVCh+jNtHYu6XwJ\nvXQSV0CJxUGd6fT24jGMSYmYamTjhVp7rqwaqVcmu94CLMZ6zb86HoKZjhET\nhH7W/IOK6uRURyqBpDXDZUkqXIUGBMqqvEE35jGseSvNOT74I5xlPyuIYsat\njplziUtGt9rXxiovFUNUSMaBvOq4OjMU/WfKeUpJMItVzrgJAPvYf241PGxy\n9FpKnU7PXQRixcQMzBmGcpiFIhRBRUqsl8KccKEDDq6gHsNVxJMI2JomR29Q\n793GzlSV+2KtGS8svPEkDuLzELRB7hHMPwVPLR4Ve26zvDNbcuKY0auOaS2y\nDYeAFbElMwpNiN7m4qRXAoKxv/Jc6RquuZJdimmMW2aIoyou5ECprUnruRZj\nyWClntK7Y9vIsGM1RpSlmj1dJlthQlLwe3ThnxyPjBE2NkFIDfihSSSFHQQM\nf+ah\r\n=jY3x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ced6a0237d36ed84c4d277fc25a11d9453108e12","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.d928692b5.0","@material/feature-targeting":"12.0.0-canary.d928692b5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.d928692b5.0_1619199217967_0.13748354855317912","host":"s3://npm-registry-packages"}},"12.0.0-canary.8f68de8f3.0":{"name":"@material/touch-target","version":"12.0.0-canary.8f68de8f3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.8f68de8f3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aa0b9d2b727eff63aac86e96e9df0379261e4301","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.8f68de8f3.0.tgz","fileCount":15,"integrity":"sha512-oQqEN21WtrfSqxrWUba3b0euU7nCAVyHsdc6JZ5fmK8zJ9tAKxg4WJ6icz5oTXUqKlk+4iYwRfzuv4lFra0lJA==","signatures":[{"sig":"MEUCIQCWeo0YHdGoi5t6o+2FE1NNV3ZYY6/YAITN11e7cEeC1wIgCF3oOoanH7S6Oi0D1SUontu+NSTWb7tavTpkZAVFchU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggw37CRA9TVsSAnZWagAAXPEP/i/7832ysUZAGHmcnZ01\n4rNJwloH2S07hlCpji6BMQM+6B0/gZt2eVpUqX9zQgFBzOZSrBVBa9JP29Fm\nXWfjQx9Vmav6jc6MvEiYF0ZtSNJNjPVBJqGPsxh0PYYHcJ4m6ZGkSzYJO5ea\n42tBOVTdnV/OT2NuNo/y8f8vub/jCWDDGrl0GpFuJDtGh6zq9TiL3rJnALif\n5H+5E+cHrWXSxWuQiVOe3SP+LZKqfccBdLlafo6KqHBp76gF5waOjsqkv0rS\nf2lBX8HVCG1HwkIbDRXfN6HRtNrzhIwUAvii5F1RlyKIXoU3cxkPml+g3+Q6\nPh1KROfcv57oMwnRWLiCdZCOGr3aYHZGfePmdSgok9WDBjBU49UazRycFkDQ\ncFdHioZQlDVMhU1mwipgWAVeokMbN7/yoGNLlZnB0Qx6E9YX17rVRfMCrwEJ\nYj0wuNeDYH+0NbgDC9XEiumHaeENyCB2+cQeKGK/HV/719uH9qvrzEt93Ov0\naCv5bDIFKI/+1lxxgY5Lk0bLiYPUOwzorFZm0ldagTbvPtIKIRQTwYTByiSy\n/xwQ4+9veIsyK12CEtsfioIEnkit0wv8H9XKOw42II9vtKN3gLpZXydqxQpS\nMKiNFyMIyWnjqi5lyUB+H+haJSuHDlzHzMX1da2jufzzUr/SUeTM5febaXAl\nJA0C\r\n=oKIU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5bf06e910f57a544c428d7559d72d5fc2a5f30e9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.8f68de8f3.0","@material/feature-targeting":"12.0.0-canary.8f68de8f3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.8f68de8f3.0_1619201530872_0.330577714979422","host":"s3://npm-registry-packages"}},"12.0.0-canary.05753cf77.0":{"name":"@material/touch-target","version":"12.0.0-canary.05753cf77.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.05753cf77.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"efaf4a92c7b7bfc1674f851b86e04643825af89c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.05753cf77.0.tgz","fileCount":15,"integrity":"sha512-k1f0mAaOWHiS9ZBnBSi6/DaviFd99vSF5UEZfwAcaOjAyVq50eczw0B4Nz4BK1A7jaBXWqDZvr5bs9oFzFNC6A==","signatures":[{"sig":"MEQCIHsS0BNASk5fQFP3DPZ9ytW0cfyEptr5yuqWehKNT2aQAiAHI6a21TQzlUZtfRPGdEGaxmsPfwJ9N/2TSdTdn+f6Gw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgg1tfCRA9TVsSAnZWagAA5U8QAJT1Zp0LTSK9W9G84QsV\nnWhN3tc007SZM2zAuYf79WGg/0JGeyc55ctsobNFhrSAosmDkOPqq3ETtEi5\nyd8v1MWuOJk5oBmdkXSyg7Xviy/IgXWmu0b19ebfLOqh831ahYs3sYDK6PjZ\nwu4BbpdPhTCqjQMhWqIfdA7SAjRR2pYUYCf3QcEllv2SbGW+lRNdN1qREl/i\n5j43zPibcGdcdPquTeVUyRo8AMymDZZQPn+ffu2480WnKKdBoca5yn+DY7T+\nIUGQshVQZ4Rlqmblh/cYCTcFWpnmQhaPcaUeJzdkH2uFz7bvdxkCtsNdjL0K\npk5zstgnJRqJzcYbMe/2183PGh8EU34GN2FGijuKwAcHsDT+BPMslCYDmNIW\nEgMGMOl4WRB3gNS/Lev1v7D6l9yHr0g6btH0ohtkEuHAITnFKiUuJfgOoF/8\nIbfmWeVycYBf0pL8lAXmYlbny2yfcCwfV7S1mb3Kd9bw8GLv+lkOoCEB4kYr\nNBhtUtCOWiIOaCeEJt4v6fjGghXBotUGx8GXrWB3RdOv3DecHDJFauky6fFA\nVaYK2xqbWINOfo75zMlb1NISeLWXy/VOtzJC7knPeEwp+H3XWth95GF9DxPs\nE9b8c/4yEWFn0uCv3FBBRsyn92X8bKktHl1tVu82hpGioUYLWQDhRcfyvQqK\nv791\r\n=Vh+4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3557c74d7c4f9400f0a8d2c88bc2610c1d600199","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.05753cf77.0","@material/feature-targeting":"12.0.0-canary.05753cf77.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.05753cf77.0_1619221343091_0.6252525279228869","host":"s3://npm-registry-packages"}},"12.0.0-canary.ef43e6d96.0":{"name":"@material/touch-target","version":"12.0.0-canary.ef43e6d96.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.ef43e6d96.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c811c92105fea647c48bec9da4645915c1453ed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.ef43e6d96.0.tgz","fileCount":15,"integrity":"sha512-cbJqWg7GEnSRLe4yshz9R0fI8pafuLuSFoipDzoMwB9Vh8Xjtulb7AIXOkATe2f8cgkfVNydOWE0BhDuf2ByRA==","signatures":[{"sig":"MEUCIQDgXiExQzY0n04MhX57umTDJeJM0kt0hbNhmLlQGYHbEgIgPK2gaAKJ9mZYpktgKkhN54alB7upY5ewiGeuNAEpOls=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgg1zaCRA9TVsSAnZWagAAT1IQAInsBuS0ieW7hUPVNHgm\nNUng0A9hY4uVquXpySX2xHsxFmiU5yc19Tq6PK6AOt/3nHyIxI8Ss0JpYFGd\nuGm0LCtuYM8v7iiuX+Wh0Ku1UVoNCz4tLk8geiS1D7wqZ9gD35hQIK4ZKuzk\nPO9GG/GiIp2E9nzXSyrY871ZY0u/IIyUjxI3BN+z5m10v+mlsnAMjsuH3WlZ\n/7uKmJvgQDGq26LGsafDTeiB3LMAQndyvEE4tU/dDG2UG/puPm3w1KOyOcbg\nf53ekLA+HhO3ZvZwT10Al/GQXXMINSWY9lUM6k1v0g/bg/VCZBlFS+NrJ4fS\ncAoR4gNd8ZLd9hK9ab2q8w1NRRdz8AcabjvMZ2SUfFWuWdDijxw/EEUp5xIG\n88gAMvEgcyaJCrY+ax9YUTUG/cU33AfLr8/u8Ge+ep3qRSfszTzOfaHQU7U/\nbdq2fxuRMms0ZWk4ieevljMOdqm9+uyTMO6X9X00dk0cTtQS2KQEGqpQJTgl\n1QYgYylAU+ieSRp+gJiYxhOaS9MVMpMYv8LC9lIk1Km+APZkbQti3nWEXi5W\n23/nTs0XiOjIaaPZm1BNwR5lAjHCo84puxx8aivIxojNyttljpXe8rZswMFM\nGEOes7jBxKXlo1xdSpYU1ujel44i/hPlK5wnwBB+vqnufEgTtw8fyqX3JNQ5\nkbeU\r\n=QuWt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bf61e37f943b49cb1c3287501ad6fc31f8c88687","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.ef43e6d96.0","@material/feature-targeting":"12.0.0-canary.ef43e6d96.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.ef43e6d96.0_1619221721724_0.05928192736026938","host":"s3://npm-registry-packages"}},"12.0.0-canary.197f64fa2.0":{"name":"@material/touch-target","version":"12.0.0-canary.197f64fa2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.197f64fa2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e44ad9e238449e82af2a66d1926c92bc9b227587","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.197f64fa2.0.tgz","fileCount":15,"integrity":"sha512-39N1C7jKQwmb2pZyjyJtZDh/uDrZskGqiVi5V5MdBaYLO3V+juWOB+1NdTqEMeCZNz1er210Uf3bFo42dF4BuA==","signatures":[{"sig":"MEYCIQCv0cVci5C0LhH5yMMB8+zKCWYZyc0YVnNu+TeF3yqOEwIhAKt4jTMabvRX5Ta6mW76dmIHhvZsK7EeGRHdZR0d9ilE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghvOhCRA9TVsSAnZWagAAPOkQAKDLQ1yd4R/10OuJTfiR\nIZ/nRFdrZdwbQnFJQoDQuVp8mkFIFBQU3HruQ+Qm6artf5Mxu1IBknBx7rUi\nyWk/I+KUN/F0iMZ0ADD6w0RATh5zOWqEM+jw1bA5fg1dxAKHik9KAijlg2NG\ndLc3pqoKDgYZXcxzjNTo/D1FrVrdEDjHWZ1aUy+9dsDKR6H6E9OuMbfPhqa9\n2YouzdCczla7PQkwsmQCgLBSlmnXtcJAopPqxozfu53PPIgsTYUkW0B3Eysz\nGZfU64FyLweItD5Diwv5fPgQ0Ddp5Uee739bae60lO23amcsWijkAHFv2I5x\n6EpeLV8HpYlKAM9WqfSS3f1OWnvKKkhk0F5VonR8K9DDjBEIX+S2JPu2WIr4\nK1ZwhjYUINcBWNtLfbNSHxulVhXQeS6TWDy96c64cN9rQBdXESCFW0Xx5WIQ\nqVLziGXfVfGTVc8/VsvyrN6L62Yj6mDfZwUfyXx/x3Gi2iGTb9YrpIC8qZTU\nmDvpNuJEpFVYxsW4p1YxhMI0ofQnddlbMtoXm5LNLyk/y8EqlB95mGzgH8UF\n+7Uz5Gf/absutzMGujAOiufeQ6Tafi8atrUMYUOz4t8bOmROe7EIOeW3AABU\nxYCUC9dLHCwoVoR62QG2uIcIoimhwHX70gGGmVpAvBa7qsLHhMVYjwqwAYYA\nuz+h\r\n=vxt6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8ddcd6186c353b0d99439cebca29eb95eebc705d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.197f64fa2.0","@material/feature-targeting":"12.0.0-canary.197f64fa2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.197f64fa2.0_1619456929005_0.4534295289335848","host":"s3://npm-registry-packages"}},"12.0.0-canary.55ad2d7d8.0":{"name":"@material/touch-target","version":"12.0.0-canary.55ad2d7d8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.55ad2d7d8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ed72e07436c8308427b5b95d8421e256105b5af7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.55ad2d7d8.0.tgz","fileCount":15,"integrity":"sha512-zrBjQ6DyclopU+RFzjIb1OoPlz63d56vVX5W00GwXqjb9PT5Ptu2WLbWfBm1sqLqg2P1cVV1C0aWUqahs7LxDg==","signatures":[{"sig":"MEUCIQC46Qb0wKsRt6jA3yFVZOVPrGnh7lRxupxQUcPzO774GwIgDQ1Stb8qg5OC6SBL8H8JmFmW7bXQWqXFdkyCsaahi38=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh2aHCRA9TVsSAnZWagAAIWIQAIgrSOPt5RQQjhsMXijy\n4weF0dp5QaYkZ57z4F6qUYeFaoXwr5tmAQL7KL1UBTxEBdkly0YjSt9/cUYf\nxr83vOWFIRYGKh8CKMXXfV5xRNNdU30k6FMpgJfV7D38XdhsbUXCtg+py2a0\nfW5YS8dmi26Rx1ScbvTUnUmQSrJBtSZKnsgvLkjv7Z5ngJmLjBz39ydPfW65\nrzoev2D2J0XjF/eHBUa7swIpJZkQhFTz+NHDDhBAZI5AGK3sVptN1FXjJ5eh\nGWvOGzNbE24ay0JelAx/ynd6QAAwxCSuBzj0LKQ6NM3ecHJpZzd/9VJJpR5E\nxV+5A40+V9Wv2oo60ekArgUAYUo8zVDfnQ2nBvvEJGY8//16hQz3EnpZzzFx\nksKoBKTqPlV2VX5CAsEt6bK8eN77oar4PV1hCB2oid+f7y2Si0ucUqK0uIvo\n2F6ycLxY+958Csej3r+stiMkBnBPk0UNPm5UG4EsRfrV2iiseMKwEhEX4ESN\nJxaXe6LpvC4RKl4ktA+vITcOyadByzZMRgjqtmzvS+hFafj6blO4q9ZBj28O\nh343QI8201LbkMWOeYPrBLXTLu1VZjbFEszmpiLgloYuQFwiJAXSZEzstKkr\nD09efGLf7zeyWk4r2cr95DAtuSH2MaxNwKhyWKC1GyqzJn4/lJf8EaxpTIU3\nPKSy\r\n=xfmL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ed8a5f8b1756d56e3973815a51d6fc7e51c366ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.55ad2d7d8.0","@material/feature-targeting":"12.0.0-canary.55ad2d7d8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.55ad2d7d8.0_1619486343415_0.24155244731441705","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec4ac5234.0":{"name":"@material/touch-target","version":"12.0.0-canary.ec4ac5234.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.ec4ac5234.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"43eba84978472486d368a6d5e0a78a1cbbd778b4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.ec4ac5234.0.tgz","fileCount":15,"integrity":"sha512-+rL/MscvLWJ0dhyWQW/7wSIHW+wxf6omf3TqqNoKWF5iWW1sBaaryjYAekX/+EhGAXPMLSg1QXslHHdcQFs2tw==","signatures":[{"sig":"MEQCIEBfI8wRfyuZkI0MCkRv7BZKiC4bvT4ZJQEVLG1nheEzAiA6HkHXSHvh6/4V/faNabvgJx6mUgFQKiyXkb2roXU80g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh8P/CRA9TVsSAnZWagAAyCIP/i+LH/2tKhKWF1OBhtUD\nN2twKYIVsWdfa11ngHUXYbV6y8Tk+O0bX7lLoeyQPApxlEVhXGbx851lZgex\nB3n/AOVHmI5pu8eYYHyWhtbqBqnF5eWyk4eU7k2AkHCaIFO3sPUWgOTthh/q\nyIzXYRYSzetf7PBc5VFANWD062qRFFk0+sZ0JjI0qNY/e8km87zPPsFbubmB\nz+58T2VC2ADObn8NTvJaLIr3szXQBE+ZeTzPbHqKG26fWpf3UdPNUFr2irJZ\noWPQQ3XJuXRa566N2/hsW7OiPPyc9nzluGwzYtfveBNAUeYZp8aI8OnNzPBG\nR9pmI67qLr4+XcutH59oAsLwJEar8u0vG/S4KIiJf+LSq0JaL5eOZ2RKXj/C\n30NAkN8FUJSeqbrfsAXNYLg6GZb4QHkbBXXGOGFjzlUQ+jMFXd8IJbca4lTv\nbDwkxHSFE0MFCypN3/UIzZC07+DkukOQjPY4Pyyx6+zeJdjp2vzdbV+ta6iE\n3wJBE3pUBqAydIIMayDYuIQr9xfQEnnx+N2+kocBNnh0B48Zk9XmnsTfVTr5\nNmdgCiuXSVxtbL04gDGrc5cqydjzj0+anR61ezlD7drJSKzbV+aoB2F7YdNo\n09g76iNohjODUzkRWgDrGwxR8rm78xfoiowYt6uGu7U//jr8OyUa5iXCDeGV\nF9rn\r\n=LfPM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b189e0be8deb45b4e94790f21c377c3884f551b7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.ec4ac5234.0","@material/feature-targeting":"12.0.0-canary.ec4ac5234.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.ec4ac5234.0_1619510271128_0.9680100702134331","host":"s3://npm-registry-packages"}},"12.0.0-canary.b0579acdb.0":{"name":"@material/touch-target","version":"12.0.0-canary.b0579acdb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.b0579acdb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a1f099a9419cf2e7e121e9946d387b7eb3f2ed68","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.b0579acdb.0.tgz","fileCount":15,"integrity":"sha512-d/HXdEsfoP9GvWAq+Sl9Ka3ooYvcGcmrKqQ62fDX5k5zhv6qGeO69zJTsb4owTc7p1nt1IjdBm8gJOUMz8A+oA==","signatures":[{"sig":"MEUCIGcPHTqsf7a+QBs6TIoWcWMc0vmx0hMqlm4rzhW30FfQAiEAyZnvynU2h585l5mx1PsDCRSzmJgzTDdKtS25+1fmxsg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh8zPCRA9TVsSAnZWagAAKuYP/ikpUQ1X+uXNECMNDKGb\n7RrLDuvpCilGr9H48zitcDnA7UcqYategt0i9YvGDRSXpsfnHwjzKku6cNU9\nAYIShwvVl/whgWrOCzuBoCsOe1DIy31fKRS07ahy8CVTh7lAbtDEwNzub344\nG+vg/Or20XErKNLkkn/0RBkBKwzoAFNdM8uiZayb5BrZ+XKvKhlvBC1caiNF\nH4ezAxt+3HfbXf6bcDjIfT+aU36WSG49j/ptbL0iWcpw3dMhdVmQrqcACL7H\ntNkVU8JhZSuyN1nwTrIllcAP/0IGqkcQtEwA9Y6YKy+5PvL0egOY+w1TVxCW\ngue1OMbphE5W0H1ZT9TmC3mgaA70lxDsoNUa8kLrPfmFLosY/jfL+EEQ+Ygk\nUvfeoqET6p7Q0ZHUXMOMuThI/6S1sCOQhmxyFN5xNkNbqOhwpDjJR2KaagDx\n2q6bkiDnmaeCO7qleEWgzVBcfUF4PbFUr2PtcrOwDkk8lT6ipOBH3ffWD0+1\n6K4bLfiNcFGH/r349hiybWAMLkXHXEc67+S0772N1jsvUiiNuERo+epvr0+M\nsbp02V6HiE2V0giO6v4rb+LqWZwXNux7CULXHETNG+SpjE9+MrB8CsaiNtyX\n/MgAMpGtzWxrRwZlTDYwdGnmo5Z2Vt2H9zR4Ci68uW1yjMNzYWqzfvBaq0kc\nzuee\r\n=s1xq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d1f704610766e7d0c46b8a40beb1848121809a41","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.b0579acdb.0","@material/feature-targeting":"12.0.0-canary.b0579acdb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.b0579acdb.0_1619512527258_0.6307245248375049","host":"s3://npm-registry-packages"}},"12.0.0-canary.81e2d4ff3.0":{"name":"@material/touch-target","version":"12.0.0-canary.81e2d4ff3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.81e2d4ff3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e252306980170bdd53d0ecde3c564c99540f417f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.81e2d4ff3.0.tgz","fileCount":15,"integrity":"sha512-3mhhYJny+Wpu3meXm2uS1v/loIQfwoRNjtLpFtE0f2xzeO2amQHbTZaq5DwhOLh/ccIvi+dhMkqSjf5kfYZ4wQ==","signatures":[{"sig":"MEYCIQC2wEN07e6QiqoYvZg+IqrOlS4NZKTryc18TQoEvI3HAwIhAI6bxJREGeBkZVpGBBN7tgaklYM3lqdznMw+xIuz1xJH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiHqUCRA9TVsSAnZWagAAP58QAJiOarJ6WaR2kcc3vZtR\nzzBUF3aR16WO26ZBha+Ms4zubMed81azzDsIc5KEJVDbSyCFS58pGRcyx1JT\nnKByX40IIbqscyhhuV8lwsZGhGH0hEUMKclUtt0XWBgkWlfPXPDiQGIXYFIf\nhqmG+p/67Hq2Tb1Qv0PpGmSO3xUgURDnCDkobx4uUrjS5EceSQq1DCR8lNM2\nED97jq3MvKwzqtKsasEGTjxOi/qjilQjzLhdqSDH3madPZ3tI7eXYssxrZyJ\nTJWiCD+oDJxtHvXZiqsd2uUJ0SH2q4ipzt8wXohiIN16ETMnfusodolp1sA8\n81wYczCL+QBCTF323V/fbsRzkPkrY1b7HMN0Rf8OBfE9gsz+cYp/ZVy+HnUI\nKmuJGZMsChKEQA1yY2BnWLnndYX9m1aocXau7/FCQhN9Av4U7DuypEOzL8jI\nBhVY6t9GbdWFXXvnfeuUMdFbfVDV5V925EIYXMj58mF1hxMesrR7JA9RB/cE\n6pr401Wr6uOz4Izb/LeGAjfvgQpBWWeozghtmUDDhnglDgxLF41SbAdSNRG3\neU6+IrmxreCM1h+jwQriPkFjoHIcEkzI/WlEYLSk0Po/RypDGXRfRIjRmtJj\nqvcT73gSm1AcJZR4i6Vg+0q2nZEKbMm8UXj2gOCYbaaQKmtR0nOySxCoFKyO\n3H8C\r\n=pY+7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f55512ab74610e3f3cd0db70822ad9b52b9cfefa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.81e2d4ff3.0","@material/feature-targeting":"12.0.0-canary.81e2d4ff3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.81e2d4ff3.0_1619557011937_0.42776837198021433","host":"s3://npm-registry-packages"}},"12.0.0-canary.c8edee52c.0":{"name":"@material/touch-target","version":"12.0.0-canary.c8edee52c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.c8edee52c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"18562bf769a686d6baa056e9b26ac300858d53ab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.c8edee52c.0.tgz","fileCount":15,"integrity":"sha512-0ewV/iSabHItRsYMAf5TuRWs7WnWd37Ie9636UbQmhahtsquKTkZwMMB/guAdQSSbtgiWfqN7LlfY+tW2UH01g==","signatures":[{"sig":"MEYCIQD4iJu8NfbFw36qvZS9D9wFVxhBL+vEIyQJad2Kkwac6QIhAJmBL7PpUCL6UaeynWVYGwy9aoLwE0Ku04pm0deqXWTT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiIXnCRA9TVsSAnZWagAATF4P/1ES8AMH9pQnRrYADkY8\nIZlw/tU0DegbLs94E60ZfWiqaWLkQdc3e4vEYMnLz2PcDs4Gz1FPWtGdrG6Y\nAV0E/c9aVm8mD+RAn9HJc9k4L1bmnhkHifAlxxnrZnLixO2k4nRJmPlfi7G1\n2xocCtLpLV/U//yq/ebUrJ5VAV0kR2JKHh5i6hJ6mUgZbIIChvfjC/JPy7wG\nczbM3jOQkZ20nyQ4wlFFFtBW7jadx3UDvfl6sy6yGLePu0faWg4E27xyJfK6\nyhDZCXYcLi4EoyT1uMLRXXunpPat8xMRka9Zt8e1OptUPwkbnTFb+6iW+Puh\nxrNExNkfNgmHlSlv6xXPYa0k1+3cT6UAG3njKtq/fmVIQOf3xZLxocNW+zb7\n385ZKH2eJ4gdCq/j3rlMJkah3OInSmsZAmEp0scW5NZncZIVqZbI2ZouqBIi\nh/xCQYDx+fEqwXxFFOlCcglN5Ix/K7EOSX4YV/op8RG/C6lEBxKLRp1vQTns\npumoDtwZRQKxlzWdRBBpli7y7uphIrrQ6m+uO1DvmSMr0cnGVgDcUuxoheMV\nWMBXQ+SnRpxPJE7ypXK0OxfZ6vpW16GDDcWHdKkKw1n0mCqHpjggvheqehN1\n4UVOrLlkowWaCspmOwG3Lmzux5UA9HLrrRAex1h7zONCe/VzvcHy0pLJzn/R\nCCkV\r\n=L4lh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e8c7902721c81225e1c8b750094cbe6ac4666a0a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.c8edee52c.0","@material/feature-targeting":"12.0.0-canary.c8edee52c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.c8edee52c.0_1619559911003_0.48746414132810423","host":"s3://npm-registry-packages"}},"12.0.0-canary.f5b6110d6.0":{"name":"@material/touch-target","version":"12.0.0-canary.f5b6110d6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.f5b6110d6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5dad059dac2b296854b3fecfbbc7d3e6de32f9f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.f5b6110d6.0.tgz","fileCount":15,"integrity":"sha512-wsJ2mbItcNhGPspCCS3hzTl+PdV8LzIgYn7g1BmYMKoo/LSFuHWBlqkzFjxTjtoTa1the6gHopI3lqD9dMUwRQ==","signatures":[{"sig":"MEYCIQCjWC+hjIWa2KI3ON7crG0XL2f3le7rKjFcCl3UJnfq2gIhAI4RcNj9LjVfvnNXIDhsBI3ChdTMloC8QvC5G9j4GJ4Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiIrzCRA9TVsSAnZWagAAZ+kQAKHt26E1jQgENFJyK+2P\nvRmCIzEUAvYp29Azi0NxnYodxHZn7Y6Us0thd1G8L4BmBIXibArOZ4RTgDYu\nkR1IbiX3ZgflGfmWpbNetCyHfDXouvIAEwPnYyop06IpbwG1urhLnTV/fGaB\nCdYigDoCUz/HRUbyVXo/t1pYnnGSU+R3whtpU9mXiMEx7S+Yt4EB2v27iCXO\ncXYVmZFXlURcenoYbPq+HfTzWc15xY5FREKoEhn3oG5s2keg8cklG68mHtcU\nRrZMM4AuQ8FHftaFS0LVITukUJ5oh8sBG/9RcvCFpNTSdFk7W++j9kjkD2lN\ndMOaL+xfcD7FluSNj9ynOEJkjveQOVg9Uf64wbvBp2BHZD63CIx2+Vj0AQEl\njg5Xqwum9l4LHPvL1jGbcKLDXwxySRP2d0G+uqteznQi4LOZoonnfzba2FNV\nXn7aXpfjjSBju3TyDj+HzqqWaATScDCe1zp34lcCwyNokv2lsAdZNsmEt8Kr\nZpdFs8gK5VCaHnlsPfvDWh+sl+8zqO6C1ZV/H4ay9TNtGDPM5Xfc3yn1mE1u\nrrzT2WnLvtOwTH53030m/NVpBP/CGaPZ3Tr8/79mpGoH3eBuN913mKr7U8Xh\nffx7th+LB7Hiqg5SiOh6A7IkWhuI7D0uEWXN5U1xnAyUohL8r7cQa2fRsRNM\nu1FJ\r\n=ycYu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c7be6486c9ad6826105a70187add5afee2a6b50a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.f5b6110d6.0","@material/feature-targeting":"12.0.0-canary.f5b6110d6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.f5b6110d6.0_1619561203094_0.7930570307827112","host":"s3://npm-registry-packages"}},"12.0.0-canary.cee9b9e22.0":{"name":"@material/touch-target","version":"12.0.0-canary.cee9b9e22.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.cee9b9e22.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b6105ba58cf7bb9d7e8e29f3bb1ac2043ca6bb8a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.cee9b9e22.0.tgz","fileCount":15,"integrity":"sha512-WP+t059iWoXKrZAxNG6Q/t5VXmktWW7fFNkyO/cQjz5v9ZEFdfW4k1rQBqMNYmHKxyAQkQb0V5N/SYwKT9r46g==","signatures":[{"sig":"MEYCIQDkggQn4XBlj9L6cM1YkeDLZNTAQ/vZOSSzBYW/+VmOCAIhAPfwVD6s//IdwgqCXfmAvuJ5fo9cWIHKMRS0gcq5p1Ck","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiKhXCRA9TVsSAnZWagAAUioP/0xtLgq38nK5S9zxyarf\nDFvNx3aQoFC5iCzonW0NxzR+o+TzN7rpuQ4I0zT6FVPOEcRljyUoaSq95a+B\n0AHt/u07UYfG255Q4qmKYv0tJCK+HhqRHabDhwoT6RWkARrypU1XI1VpCDHi\nkX7Nmj73X9X5C3Cuw747H3KTn2gxj+5zyQPBWCcRja3JBhDSOy4APXgnTYBh\n9gd+egyHzv1eFNVIkqAyEuyQTCYqhtlwXsI72cUG8nNA7/xj0OX0OYxnq94f\nB+9VtnTidwJA7/znIiv0Hkf9R15cHYmFkrBRczfuQjlXs5TZ+2MzlU3uDl2B\naXTUtBgEw8AcWzS5a5xKgx5KJE+KPDHUqO59KvmZS4ULTb8GXDB7IQvHeXlK\n4xaNiioe+BsjbtWPNZWoyNGx6N3UT2wx5l8VOkBbV5fokKV5H7O6WQ+UI54Z\nJrtM4a7l+HDYp/Qrg7nzLmjlgb1V3pDkCiJIYLnPRFKwCZm8wvNob4FC/nPL\nbCDQCyzWPC7Yht7qcXqgh4ZXOBWl7gUAZ0VkotXAm6iaOj6glbTlL9VVOyas\nldeq1lDWUmraLEGw8v91DbBWkAGI/uWfn+dC4yY/jPfGnSoDFC1aigo+izZB\nYbO8PE3qLxVwGDBMfo0I8eSD7VJoTzXQGxtjdc+7jrGfxrRoV9tyeHwSVMON\n5N12\r\n=Au61\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b0c779970f0809be4565910c1abadeed4dab0377","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.cee9b9e22.0","@material/feature-targeting":"12.0.0-canary.cee9b9e22.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.cee9b9e22.0_1619568726550_0.7359209300842946","host":"s3://npm-registry-packages"}},"12.0.0-canary.96e83fca7.0":{"name":"@material/touch-target","version":"12.0.0-canary.96e83fca7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.96e83fca7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f10281386bfddd1547b9c1e156178b35e805e1e7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.96e83fca7.0.tgz","fileCount":15,"integrity":"sha512-SrFpbGeVJO6T7ATSVR6BsWFPJsS+ViXlLIKWl07znyGeOGTUZuXaiPBT6QzxtUtpC1CLufhxBtCNDSofXE2BqQ==","signatures":[{"sig":"MEQCIEGLFascGsg1BCbG663G5OZbxFOPSmYXrtgCTIAeuh2fAiAmlwJR94+cXYv7n1aagVo3k2UyuFN0d4fXV9roSoF+7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiMysCRA9TVsSAnZWagAAWvwP/2DApSXrwL5KVW5KhdWn\nFcmW0ZMiXOf6TUqk6vRdQNfznkVExMO7xt1sAqtTnLewzVweIs0GYwxW6S7C\nbOTBaE5nD2uAJbqX4fDp8fl8oEQ/WhMy2UTHAu5p892t6qT01EbNi+g5YgpZ\nnpWY6uD1kdhm/DFiqkdVGZxMTiMvaynlfbVPStM653JGTsnBbhmu4CC/p1Lo\nMAGo9CtmgBFnlF0N7L877SVXXTbL0A2ra6jkrvH7YU9MLjd3p8firNuDOzjG\n69A6iActfgkvvWSoaAeX42jXgAsVrmT1Dm88OryrXziZos9Y9x6mG4kwm/Hf\ntttYCHJlVtnueEmKIpIlYLdWAVGtOPTtqrk7YCcR55jiR/ubi7MuIuTpteSx\njbnCCM+VZxHTHzRvEZya8CguBo8T6AeBBnP6apPcyyeFaHqTZhaCWzsVaYYt\n8DGvw1CW2nGa9HykEhfH1u6PGGr261o3L/mRQSemdLohzFqikPtMMzvVqx1E\nIw3AKJ+M00zRzR1gLcm80yButAHOOCyOOJhvqCPSzsO5PlgHZZu9yr4OPt6P\nPseyKgK8ll2hb66aj1dHaBqAHIBD18bGgdDajTDs8WBR+GButkpI3AnVxNbm\nHEGE59TM219prNKrmozcvFM5f4XeKYgRTsJBhHqL7ow4YoZ8gzbRQyLjgGxE\nqsup\r\n=3AjN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"377f0025088676d544c1393884e5f27e96143f16","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.96e83fca7.0","@material/feature-targeting":"12.0.0-canary.96e83fca7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.96e83fca7.0_1619578027951_0.7242063308667597","host":"s3://npm-registry-packages"}},"12.0.0-canary.4c497bd19.0":{"name":"@material/touch-target","version":"12.0.0-canary.4c497bd19.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.4c497bd19.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0dbe091d479576a2b61a7ac7db867c7299fa5366","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.4c497bd19.0.tgz","fileCount":15,"integrity":"sha512-cTZLOPlxTWTF1vybUV1Ghvb4fJtK+GzYYdytfaJu0vrePQfenDJ2miYEN4NA4OoYw9S4j/yYiUUyRN85d85VuQ==","signatures":[{"sig":"MEQCIHrHMo46gA3ICLfuJCufji/7IcBunTiJjInWqVh4jXy0AiBERzzSwCN8FDiCqAZ02eE8/4DBlG8bZ2fC+QKr8fl2tQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiaDtCRA9TVsSAnZWagAAhAEP/jfbWvsYV0Jvg5Hiymfb\nLEvfa7p6n845aRP+S8JjK9Yf/ZSbKBGjsVfoAUWfQBh8/7DH7aJNHk5AZrPk\nr3w4YkxT544ixfykPBlrgdWFbu3aEYxCPQXlelZ8bwax/OPRsfDamyVfVfC7\nQnYr2dXYBPrgttoiRF2AQTuWl3UWav2D9CpZ/zMssQ1k9syLxAn0qHWTosnF\ntIYdOzN6MlSqam3/GtTZb6evnnpBiTHM+OROnzAgbuThhM4UxKS6s2pIjuaX\nTL9prcreOU2rVAx2u6yCGLmFexUiFYbyayqYhVWlYk+K5tblCk4HoLY8EuyR\nfUg/rsCMqJp0enYub5GbKpwZiUudy2BiuqeB0n6ZAnyMjB5DPq6Q9l7oAGmH\nl0j62qcWF75HFgJRbPfLJWVHAFCGNKkzHafMdw0132ND9nmX2NI1ig9XKGGN\nx04Nz4XyzoqjVl3vjNpu3OWU5RsgaeN20/0Nn6cJn/rCEjRwyM9QvH/VJPf7\nX0Xy3oQ20cmg1yS4d0HinBV9PbWCELqQ9vMzGIhzmGTZc7PosE3zWyqni/Sq\nXjNbwia4XV7BZV2/zbOjcnFm54Q3N+ntXFjGVFttDbiV8oQm2uvn98TbT/7r\nbhxEfNknzbYuJMrp1UThtZn9E9kcUEPcjdHX33ZhIV++GMrn5b0ounrWy1sl\nXij9\r\n=Hfpq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"beb4a14c8f43815a21024c26a96e3c53851a9b41","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.4c497bd19.0","@material/feature-targeting":"12.0.0-canary.4c497bd19.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.4c497bd19.0_1619632365115_0.21651428059833933","host":"s3://npm-registry-packages"}},"12.0.0-canary.105b15b96.0":{"name":"@material/touch-target","version":"12.0.0-canary.105b15b96.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.105b15b96.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8fb5fb7a544c6b7dc68165584c2cc973fab3155d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.105b15b96.0.tgz","fileCount":15,"integrity":"sha512-vgOr8/tz2SpfaOB/mqSbyegB4gszN3v2dikra7/6Qt98dKlWF2KwphCTtTDZq+79J7bTlIGbJGFeykG7UT0jYQ==","signatures":[{"sig":"MEUCIQCP5yifaGtwkSAuTku77rjIIUtqdOeF8r/1EEQJXNj1qAIgJ2IKEnn9SiMOr8O+eHWIhr3+SwvR6QiTjVGKgKyadSg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgidcbCRA9TVsSAnZWagAA2cYP/ia6xpu0LNiDiMbHpIZB\nhoc1fTu1ieL/POcPT5gK8dBL1CsuRL9So+R9pww/a0mVnK/PaTaaeXAieW4P\n4SgCTSHnYvOnfZg4M7zeKX5/t35TzaLq9UB50ZHgDl/Hw+rk5HEVwx6nMLM0\nQh6RluYyFii9UV1EvOt8sqsB3AUt7pr3qoUXSYOS5T3tCEwS+XJ5vP/REJJx\ncO8tGojD+7b6ZHQmNE48o9WyCegETiugxV/ELsXIyjmql/eBUkEXuj7DYCpi\nzQPkhUWy7En9RZk17iv0zDKO3DWYKhjib34jiAric35ErFYuh+MVpKrrszB1\nvj8l0uB4yAkbtYjW5DCxndo+yhejTRtnxW+QDAkX8gAB5OMEkvBZql83SddW\nfdVpuyRm/AkPB1rm9/WoBn4tGAZjXjODd744LNa0eIchyXJr/EkTe44rcRco\nWChgxmDb+6D8XFgfsXPDBRcq3ucoDuEgDkkCJw2CkGpCjoNAIDbMSlLlagSA\nn9HURa53diUW9DiPPlDiCSBW1FaMvJOvQkgfR0JZrMJvMVPArnFZt4HxsQoq\n91QuWRSY7F5+wq0KtWL77JGa2YK4zzY8Qcjc39KRu/0mW3zlTw13RWU2gZ2e\nrYjpUIRHRbEGE5Yq0CMoLPQJ2e0s1Cyt/tIbkwKSg8htxFrPjZSEGf51PVMK\nAEir\r\n=A6p8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"762e9351a26c1968c772104d6d64f7874c81528b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.105b15b96.0","@material/feature-targeting":"12.0.0-canary.105b15b96.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.105b15b96.0_1619646235449_0.041789580672596305","host":"s3://npm-registry-packages"}},"12.0.0-canary.6e20259e3.0":{"name":"@material/touch-target","version":"12.0.0-canary.6e20259e3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.6e20259e3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f40cd83ce50ca6593d0a06549bf9da1e78bb442b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.6e20259e3.0.tgz","fileCount":15,"integrity":"sha512-tUySicjxOQt1LY0sbbdPRZciPtMBtqOn2vNIlWjLTpcGCIytLcbNfs/FwodDuNqzXsr5jqUgUHMiiTsnp8bICw==","signatures":[{"sig":"MEUCIDD28WJ/QVni1SPcetIK6PJKbSEylNIiyQ/I/kzEEovjAiEAmGwJwIKMNNGKR8rQbGnM0jkhM9YonTJgRw0hLFZUzTg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgidgtCRA9TVsSAnZWagAAGOoP/A/mUG7GCgMJexfFMf3d\n1i1PYLRs3Xd3lWZQc4EI7ya9tpMSabtQKbg/ildd7izrNsPmqQy+lWz0sP9k\nl71ICOoy+mapHmVBSwV+dIAGuzij5ju6NV9e8hxide6mV53+WiF8R3+j1rb+\n7ALsLrzbWjNsCy/Vt1sSY8z0u0VilOKdwYjGWM1Gg0kvvOsY+/vkCnhOx2pa\nNMe9/2tPbPOXNtF544n0VtgGpaFTu1mksPyJrglRpCxv8RFCY8xpv80sc/Rf\nxpoVVLl/YkWKYFdXGnZx57ObkzuhprtxMN6art4buoTBIDJ6rtd+6P+m+xXX\noaGaFjSNcSFTBKRsz/A0FttQ5fosSsCXLLs3BgWY1Fyd2jwOo4HyFeXvms07\nrmQsTbSmHPdwI8+W1g6KhengzvFjZO9SE37BxBlw+vLu7e8gaSdJzUoJvDBe\nvo7GFDogvYlAkZ01IWXFVmGwL4If7EAGxCtlZiGXkpw019Pb7WtMPqG/tEKq\n6UpOXXq6ct/aULBi6dqM4NLlnQB3al3YyLe0uYb0AzkaHg8pY5XPpBiHcNW1\nmHQqqxl/1HzXUFRallaLclvhdiki5LhlCxjJdDl2sCM0rPkrMOUGpxOg/LcY\nqz7iOB3jRHbisjHtzkBqn1H8HQut18wNyNAlre5AIxvyGelin25Rd0PJCs+X\nHLJi\r\n=+4fI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8e07864b42f463f977fbd0f9264b8930da72711f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.6e20259e3.0","@material/feature-targeting":"12.0.0-canary.6e20259e3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.6e20259e3.0_1619646508887_0.14520300667019614","host":"s3://npm-registry-packages"}},"12.0.0-canary.0f79a5d74.0":{"name":"@material/touch-target","version":"12.0.0-canary.0f79a5d74.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.0f79a5d74.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"58221f2c4c6073ed4e0dc3207820a590d084d4c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.0f79a5d74.0.tgz","fileCount":15,"integrity":"sha512-X0PHzlMV86QBqHWKz22s1zyBCgnqSdNVwF2p6HyQAPeuVk5f4+XqPkUBkkDoKohnTnVqIOY5nFv2nytBntjjbg==","signatures":[{"sig":"MEQCICossumAiBFolwu63OsTpVtjS3eS29bApZ4jeOTE6pjJAiA28DZ6tarWsiyH4WMwrItcLh8AWvgkY9UzqbyHD9y8Tw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgieTKCRA9TVsSAnZWagAAFj8P/135JL7BthS40Qd23HI5\n6IkL3M7rPCOqBuAKuWJrmKzg0/xCJ6oS+Bc/9vlvX1JjhXvgJUCbPIoeArER\npx+7QSKliDWSxTczlWBzqZIg9M1+TBKUimGaXGUrwB4F0HNrjRKU4CezhijH\ng+vKVgHTkZ0ZjzKmuzKAqr5Q0ohGU988g560BfjzKrk5w9EuuEgWyeIDVlS0\nT/tQo+XoyR8GAIlMYuJy7Tv07V6NSEHR37ezOr5R3a7B/+MOWorUlEhlcRBf\nLThGsRyWo2MDnEH5f40Tn6jCSii1QPJNNkK/1z4K8q25m/5rbnEoDgotRzX+\ngq15eMK0gboGKZTzDtrZ830c1NX/LKSuwM5uJxqG7h7y0sYlIIoIjZc6LiVH\nNlpYNbBRzjdanz2lOmWzC7lvyJUjjwfuJ9ilNIY0RDLC+W0KoMj4CHlPrV2u\n4I5tOKnBd0ZKSnLZTE8Q1CoknMykTjFvXX6zM4lzg6l7ZPY5W0HD7d4W31PV\nHpU6Iwglr/wI0z38K91lgZpcAOaDLoOXx8mm6+wIZw6ScOTpEpsYUdzp6L1u\nsCTCWGxzVGxa3ucRzBTcMbtrWw4n+9ma1xZIA2GRbF85GKWrb2lJCSA0zKGu\ny/2B8Rqj/NksXQFNIBND8gTjwDIQyU4ybBIY0aEdnf9ljUCl9+gn/H0IRWmF\nsssG\r\n=ciMU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2fcb990c07fcc62dc025eb258f87a8f04f08fee5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.0f79a5d74.0","@material/feature-targeting":"12.0.0-canary.0f79a5d74.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.0f79a5d74.0_1619649738409_0.97016280721213","host":"s3://npm-registry-packages"}},"12.0.0-canary.84f3db9ed.0":{"name":"@material/touch-target","version":"12.0.0-canary.84f3db9ed.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.84f3db9ed.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"80d0e0ae9f13006c97aae889e5a213cca429ad90","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.84f3db9ed.0.tgz","fileCount":15,"integrity":"sha512-SLStRnfSISQ9qdJ2mdgUHPSFWOgDA8hEiFnlppoZlbA2L9Cr8Iq/f7mfxrClVa59YWdfA569j/QtRhkNHLMQcw==","signatures":[{"sig":"MEQCIFibHNPTEw9oiHdZgvTHd30s3SrSu9y5iRwUnnV4kIkBAiA3qVGLDwX3SMn61I8EDCCI4DpC4d0RQ/ngRVpumEDvUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgir/ZCRA9TVsSAnZWagAA7csQAIV6JuYSGQCul3C6I64Y\nE5rabEf2NLjMBUdwx9dOWHddzTeVSgWlw8r3Wu22Yp9LFyduL0DtuoB3Pr/Y\ndgWhZfMYaqAT0YOR2bnompNe0gdIu6t7VrMyghyoxHv2wpXo2bF/Blmivwgu\n6Q+nYLHjVT/ChrpkOuSEOjHpHwePNzidyr/LeIFyCrS5Rn+n7chVfQDwAowy\niTldLlSUPC7/OudrS7Gke0TqL7MazfiIPvpQcOR4004hj0MV5XY5DV5UXQVM\neUABVOhmaIjBUqlDFlbE4EZZgeVZ47Pg5CR2P8c2kNcgj4ixJmr0gXnk8H7R\n7XBJXMys0LqFV5lFl8FNSIo4Edjqap0AkCl0uRNUXnPhF3SiRzGif4IgcuIg\n19zyAFnp9aIvTiHEWGJZg1P++0bobkVFpyWRUWqzrGMNUZnnRB8XH/UzHDDv\nPq+HtAkgenyZ23LFlv2N8gcZt2ySyOxAgvEGd6fKw5RFvVYZXgB0F79YTfT3\nkacWhafd0XUpuxLuSQK8rJCeIaEG8c1EZ9zGdFDd+iXgGCccRTBmP5YLm1+0\nj2lRr95WIz1NGE4zEB1972e6takD3/SB/Ijz5NVhR7Ylt86sitFpdwd0GfIL\neCruA/X6afgmK6HJu+miSPOLUwxqy2zS66goslOTbk0i/lRXhntrshDSWZw8\nCC1C\r\n=G1Uf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7c4b7e41edc7737412479194451432cfd33839b4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.84f3db9ed.0","@material/feature-targeting":"12.0.0-canary.84f3db9ed.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.84f3db9ed.0_1619705817197_0.23437918078192777","host":"s3://npm-registry-packages"}},"12.0.0-canary.8fc29273c.0":{"name":"@material/touch-target","version":"12.0.0-canary.8fc29273c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.8fc29273c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c12e1db1a09b71d2d3b81bbc976d22c1edd8b405","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.8fc29273c.0.tgz","fileCount":15,"integrity":"sha512-OaWmXhqc6DMpIMnjEV5A2cahX4BG9uXoDxQ8mzwA1J4wNSFYjqRSA+EJiDMd+KZ1e6Mt41zSwWfYAoDlnJn7HQ==","signatures":[{"sig":"MEYCIQCV/jcK4dwnehKcfIaDl08wGKkQRKRk83d8iqZP+y1YuwIhAJchijh0uMJ3DkkkhyDeckc/pyHCr+3cwWDoOPKCwu5U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiyOhCRA9TVsSAnZWagAAL6UP/0oSURPNscoR1No0WBPW\nPF2EFZ/n2VBQVOliQt0ihKmajWvqCprh6KR5bWnGAtkUlL+/AbYfgxNaWdMs\nRx2tUsFBATtwAFcQ/FWtUFg1RyhSHTkOKne873T00o6c25XwRVMeVL7zcQzH\nKXURTW7vpyHnrpfshTrB1Kqi04PTmmB5/SgiKCOSzPwJhA4Wl0xM8/tOKeRc\naRTPqvKVwsTDupdoAti9aBVzhEkMgfxlmCr6mu3lkPPSZsC4YX+4WxHm25jS\njHOxBKGai5xGffU3e43vYZ+FQSqWFDm0IVztJqPNXw8twEdLee2KmCvA8myj\nrqXk2P4844KI09LErrUREPCVtjQIzEf84euDuxtjw+b9fin8RWfHrbzHofGO\nTyIU2BewROTYLrBvMpwgGNgMxSMGoqcxNca4DGKr7zrds9Dxk+GdKqIkXNZZ\nMYd5+EwxsVWAl2om3Q/SJRuYOLIbFWc2VGRnyakt+VFMIjH9HHYFqLt8IKY/\nbdcwD2M9lEK0ZlnXiCwdySVm8avEl/xq2v1/jMOkYlRUktqlCnjxu9Ra1Fyx\nRf5eKWdbKhhuZNDdkDHxAVPsEwKMt1sE2yzO9TF3/9vulPPR6L7eZerDZdgW\nFgYvJcNSV4NkWyKZrjW4lPvXZUF+F1UHt33DrGQjZ2cPwsZRCZSL6BGrLQFI\naxu9\r\n=zhBK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fd877c3e50788fb95663fb8213bcd66f347cdd0e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.8fc29273c.0","@material/feature-targeting":"12.0.0-canary.8fc29273c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.8fc29273c.0_1619731360914_0.5084117737316376","host":"s3://npm-registry-packages"}},"12.0.0-canary.c50d20bab.0":{"name":"@material/touch-target","version":"12.0.0-canary.c50d20bab.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.c50d20bab.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34a05f02f85a3325089a92543777c2f4d3428803","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.c50d20bab.0.tgz","fileCount":15,"integrity":"sha512-JluV4WFj/bXnuRxmqPVCjHOb3eNjVJVzsDYDLOcZWHhlr4suGvrFfBvbcQO5p/bh/eZBB3bLq32MLmKCAE33ug==","signatures":[{"sig":"MEUCIGYjUv6dfNqD5EqIXrfbPVGvTSJFKwShgrARRQg2BEX2AiEAybEX+iaveqQOJwhEd2uKKdNYmptEj50QvWhZneHR9Ok=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgizqyCRA9TVsSAnZWagAA3E8QAI5DFV9kR16iSVLBJGGW\nUTghgr8u0O3Ormwbj+xB4asQlzKxCyqkqKbRBe/14EE94cQV+6POCVJnUrmM\nHAvoPWL68mrQhMR/IprUPuhAOmeBomZWImigTUm0J+R1BB87NMVBjZVshLDc\nKrbg9ZxtAypPOEL++gvKW6uwQgA150dV9WkJvDVTBTWvlvMdMzx53Dd4c2UH\nsD5RAu5nHA3A6ADnezeIGy/b5HXJEi9dQrQsni3IZKUTbafVMpm+NiQ9MAwp\nKgYBJ9pJ6zxeNpGWBJlqiKbgwLL8DhKeViqkx0+LPUvUQXQEfUspghnA+dgb\nN/W6/7idx3enS+AGn+4qdD5NjUYysnZBbhLQ0LU6rogs0IVApZp667cGD3Pi\n46md87EPnIUVW1phuOTJbnihrC64sJonY6EAVyhmUi/JOCqUSQejoBkEpT3a\nUX3ydNQDYMwa0kIhqsnFdLLPO0TUB93Zh7SJGZz1s92szQTI8iZIIJI5BDUP\neTfty4aCZjw8Lp5quEcnwf94zV4uaHp6VQfrmQIUiLUTJxU6LC9Uhm/S6q1V\ncQq4Bwx85ytgHwVom8xlBWigFqOG7E2IzxNhb3oZ0evrBgMXhNIevqCbyrDf\nX+v1NaVrArYKemO+xoNeoZPIPogA6FNI/FBx4VpMWkurtyPC68I1Df/g6mU2\nsAnQ\r\n=ZRaV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2aee1fe5eaed5267b0e67f1610c29dd399d323c1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.c50d20bab.0","@material/feature-targeting":"12.0.0-canary.c50d20bab.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.c50d20bab.0_1619737266144_0.7031614690873602","host":"s3://npm-registry-packages"}},"12.0.0-canary.474836ad0.0":{"name":"@material/touch-target","version":"12.0.0-canary.474836ad0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.474836ad0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"96bfc27e9ea56664c17529235d55ba3b345b27f1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.474836ad0.0.tgz","fileCount":15,"integrity":"sha512-gXZTJDQmygfFGD7A2HUigZIaiZDjtJLHNHD66uFgQ1fzHsgzUT1p0zA/ICzp20G2KFPLsF+UMg+7AxqxT36ELw==","signatures":[{"sig":"MEQCIGFS+5j1s13E9z6mTr4a/pMhPXIgu0leoGXjypwMqX4SAiBTmFxMV+qUyJkn4ko+ekasbEe1XOZrzyWmcbYZ8fCFlQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjMzaCRA9TVsSAnZWagAAn4YP/2rcg/9pNgMl1rRy+SRs\nVnMQEuFDhWG7E1r9I9EXzftNfn6GBQaGJnvB31hoI9EgqnlBLz0El9RlL147\nLqGKVzJLS1cLibEVu9m/wySM8yigJs1QzvurlUIOETQjK+0y2y48QQepV6GB\nW7xWhA05F2TJd1RkpM9V1fSlAbSqM43uMse6YGoCrOZjOiprYh2sart04N29\na0exSY/o/1C9n3ufTWwlphi8Gve8dsn2r0rjRW9o1OzXkEIPhYuzmofSsaJL\nwc+6vFr7aLC91xExZ/NBLaH3U8NGSpelSixh/5vfLSm5tx91WMZ2YH0SarNH\nnfpYBA09/rsZ1znNC3j9/SFKkDmcxGv3B5lnEbu/Ypqc1HM7Btg5dr5cqTu8\nNBMVoCM8yoTwvx8yygF1jL5a5m11ScLpuKOIzmwIhvnr/C2WvQAKT77f2bX9\nJBArqH3SwRi8xdsmDFqrf9oZTCRvYE/B8ah8PvukDCgPY0rv0fcJqh6GRCWj\nJ5f1hKgbHT6NGprosAv0U4cpP+yebIobbJGcIDFhPn33GZkZaMPG2Q5cWBJt\nJW0LE++ypCYrW6vpWkr3ysVqb5kyI++NZBLLCpRtw05aY1GtOMDDLPPRNPaN\nwEbJU5Bu7b/yz4JqK7wLmTlgYV7EjAb0MkYUvUedMTiykHYpP9dy4dUyhiAZ\nK9Zs\r\n=x44x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c9a6db3013566afb165bda88b05607f2ee398718","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.474836ad0.0","@material/feature-targeting":"12.0.0-canary.474836ad0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.474836ad0.0_1619840218112_0.3594287894709802","host":"s3://npm-registry-packages"}},"12.0.0-canary.f5ad92287.0":{"name":"@material/touch-target","version":"12.0.0-canary.f5ad92287.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.f5ad92287.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c4537a291d4b88008d16b9ee3922a61cdc8b3dc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.f5ad92287.0.tgz","fileCount":15,"integrity":"sha512-lpmXVHpOdhoXdgJMb6rFOCl0k6vsPUwpjKhsPaOdiqarNofk3AzA4HZR+9U4B1M4SO3GsBp2AgcYBT7jy423Mw==","signatures":[{"sig":"MEYCIQCLGVXS4PeZTDjpRidJGzmF/AVcUPtY2jpMTQaVm4IAGAIhAK66x4b2VLFriIOaw2TeEftSdPZUFsRB5t7rR8rdIOfG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkD8uCRA9TVsSAnZWagAAZ7EP+wc4h82wuvI7LgKUfWwI\nKOAPQHuRbRlSfqmXEmq4CMA2b1m73n1vwhIAF2nxR/a/pAVwmGQzO2q9d7S/\nPKpnmGnju5FYk2OHZPTzZchQUADld81+MxLJUJrwuGNQZm22bYtDoztQZlI2\nzU1k43nSrMh3fhbZu39gmyp+R+FK/xAParuu5oaKOeVCUqiiM32ZjMiDBAae\nCyyhaX4g8Oe8MGM+/HEFDfg+3uVTLJeoN/lcMpRmwXBnmANSWb79m4FQbWZ4\nrkwxAw//PyG3Sa+RxIVGhRR/1rKhXvpvi8uUQ6Cw/LmdcL5ZZog+GchIuf09\nTx4UevH1YhQum+3/hDgifXqtCOf3Ghq+rtYLs9GP6fNSc/8lhJGFewUIXp6v\ns42XmkQzCbsVOYEO44Ix1yJXIodhVp7yWtE880YhjbvXitqwg6P5Uq6nlSkn\nt61LBs8Lg4EEjZ6ACysiQa7R2m4FKsI9retGxTtQ+2+E3WFLtyoLRe+7gI/y\numG+epvd2Y9Qc3sUohpxIahMpofG5U47BYcHDQKuoDHh+wvZe4weyiTkXyO7\nK9uRwxe52KUZbE4WmcqM7Z+5CocUJWcP9FRI7gtULKE8eG2ojKkl2VeJKf7N\na4hfeT1V+/nScHGuCPanGVooDq1FYx8yRtNy2h+508DXCi8kusuL4wt0ve8n\nlSc1\r\n=ta+w\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"493c206bef4cedd10981093c61731e1c1547227e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.f5ad92287.0","@material/feature-targeting":"12.0.0-canary.f5ad92287.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.f5ad92287.0_1620066093728_0.6977736515844524","host":"s3://npm-registry-packages"}},"12.0.0-canary.af453daf8.0":{"name":"@material/touch-target","version":"12.0.0-canary.af453daf8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.af453daf8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6eb0489ba6dd18b979ac49de8346f4677d8257b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.af453daf8.0.tgz","fileCount":15,"integrity":"sha512-8UOZEtxQbhgawcjwiQOFKKWSCRFTOmEIeHz9tKQD91p2RfUQaOC6tXLUBjAixlYLc17ffNJVLIapM6kBHMOxTA==","signatures":[{"sig":"MEUCIQCE2R7f4vrnftODzIR/XWcLZ92szueRbc6+rp23tzy2uAIgGZIF6Y2eqdvsQ7XRSeiFSrCE+JcsBrafZfV7wkfLZCA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkEZ3CRA9TVsSAnZWagAAhKwP/2igJM+8jmZb3gX2ysSF\nAeok4pbad4VlgJ34NhOt2xsFRZtuN+wbQk1mu1wVo3k8o6DnsTlL25jRoeqN\nzqjklH6MM8/3ayQayT/eBHaRRvklDV1N0G1syxszDcyZSTcJnRqKiwIV5V7C\nYo6SkasNb/KDr09a5Um7N9D6ugbdUShonNOuW0TLn5r0edJ7fLrTMnpqQOh/\nmzmuTiwus0/4PEa6lZQzQ5+VyXLh5xewI6Y6qMECD/xdUbbdZXR74okLXUSl\nsHLwrzBRs79H95jYmxfaguPHGdgsrrn/vDhuXCl8ccA3YRbgRF2ScL0BjNGF\nOWg5jz8rsL8quBUW9saXiuLjTfCFn2q/kC+rw3kel33PtaNI+xPJlKhQLSk+\n7gapfNTPUVu2RU1c5d/lvXuD5dZQomf+TOL3G08WJdTNuIFPw5Eo33rNC9rQ\nhRapXk90rEUZnDCY86VENmxTXcTw++V9TUVieAjXUXOTw7XyssI6Xrtkxi6o\nx6pxs2PrMK5NHfW03d8IAbb3i4KodJXGjr76sDrcyHE/rJIK6kTwKj+ttCWh\ngvO/ov7WOEQ9/gFhv0v9ikfDLbTwQp9RTeMiA7V8XpBdDA0PYiV5k6hsQleR\n2lEh4m6pxCI5T0ST0KntmqXjay5R8NP98FKo+4LBGQM8lbcUVeuTSXIFdeXT\n8TLB\r\n=cEmR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d55347cda19a4d9469eff68955185d9d5e235a16","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.af453daf8.0","@material/feature-targeting":"12.0.0-canary.af453daf8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.af453daf8.0_1620067958897_0.6407810528564715","host":"s3://npm-registry-packages"}},"12.0.0-canary.1f1918c24.0":{"name":"@material/touch-target","version":"12.0.0-canary.1f1918c24.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.1f1918c24.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f0875f5037cc69542b96ea249e2feefef2e4a76e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.1f1918c24.0.tgz","fileCount":15,"integrity":"sha512-wRF4mJVIWeYESrWeYIV+0fVjYoY4nu3YYHU0W6R6YA6oSi7A3zp2IWcA/XDXOJ429yEAUM13r18xAozlQKTvpg==","signatures":[{"sig":"MEUCIQDA7F9Y2AHxGcFaZcjvvTUGs98xApgEqt687i4Rg99RRgIgMJopnSw3Q/GFFvkNdq+LBmXzEkekAoDOOTqAHcswx0A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkE1KCRA9TVsSAnZWagAAUzcP/3VT6AF/YtVKC6AX/T35\nJbX5svy3IYkbkF7VvHV839kLnp3AZVKP5slOJdXzRsfNl801KMmCY1u8VMcx\n758bLHFBXOmTJnxI5jAdXBaYjfL0/sCR+eHltY9TqWLGkxxChlJ/+AXfssm2\n/MaXRexsl1vZagwrf/Gf0QWmI+3Ocn+8nSnRkwojWEb4cHFuBJRWP+TawFIq\nSqT+ihAiv6bLySfmw5Xs2QcUGYicbDndlL62RAAQPijfExRd4nqmV+mSmLUT\nMSeKCqChC4cupdOGosWty6J9JlxcaGu1JaxRjaaiwjqZ1R6nxzJuzAXm6jyY\n9lZ3nR5Sf8NZjeZdkiCxx0f0sxBAIoCJ5K6KZyEOTZ6bWwOmKX3jFu39QP6f\nIGccFx60PpTkXlnF0ch574B2tvnlOS1txkfrg95sjV4E767eBM2fWML8g1Ni\nbr+Jfbgfhxu9kQ77yGe774jlskBKOwErX5wdt1OIGAJgkIAlxslSiABcMdxb\nN1JiY/aDr9VrY9VUef5qeIhY5hurOMEQo4wrcr2kXODC3bjuCY09iQbUvC6T\nqcKBRJthAC/vTqPRiNfY+oXZe4c+vMwQLO6khAt19Em3ckqepHeChi5eOzi6\nLhtxzefriBtPmYdRmfRYLVgOyMAfYwKHNkWhCMQaIUr3iXQdIBK0C4KtPrX/\nu1Rn\r\n=zDDb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cda2e786bcb73ac46385a1c6459a8ab7bd9ef6a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.1f1918c24.0","@material/feature-targeting":"12.0.0-canary.1f1918c24.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.1f1918c24.0_1620069706372_0.19944721089967055","host":"s3://npm-registry-packages"}},"12.0.0-canary.33148231f.0":{"name":"@material/touch-target","version":"12.0.0-canary.33148231f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.33148231f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68fa57ba5fbb5cfc9323933eeadd53db19844724","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.33148231f.0.tgz","fileCount":15,"integrity":"sha512-YqoHnwbDJ2MCQZ9p7VnhwKK0gINpjQ9TZEUC8EBiY/00aGD1x9x2/QzGEr6frugX3d8C+e1fosWrCyF9PUn7Ig==","signatures":[{"sig":"MEUCIAEe2TOjlFiIjsdnxZKhi6///sZxcggLqMQekP6HYVOhAiEA0Qsvssr1PuaO7LZDo4dln2kVowmas2f4o06NSNEx2Jo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkFEeCRA9TVsSAnZWagAAMqQP/1dka9I4gooa9rvPud0/\nBzGr7bmiJSIHT6G2ZOb1R9lctObxO4cO6Y5Uis+lDLL+jtaFzTSiWUzfr6b6\nHHiGDthHf5TBF2P4opIo3Blspq8ngyZ9StkOde1wZODWdZW6/TiaHDaawMel\nHfPNB4INxFCCvy3g40ShV6PzMFj3PO5+7zGrCls75eYMzq1lN/b8oQ6XAzs5\nKmtxJgHYh0WsXPtz5+zrc7dPo6yVU+wMqZmR2geoHSvsP1iVYJuys39fy3if\naidnAu3/zSKijCpNZzGHp3L8NKcsZzsCkPbqfzXbA+lgQiTBkjaGaW+a2rTE\nwlR1JoI7V1P2JVAOm87O3hdPOk0FwGcZDTcmrV5fxQlEWRb+cMMUHf2Mzfr6\nda4cIRTwRoLs3aQh7Z8UvGpuwY+kAO6jSORSKVk4rvOoEg2HX1Lz0Bab2txS\nqrebrUfCHLUvaIxJsvi/J8ALb/pwhjO+v7TBEsqZfNy+TZEJeivlUEpK6scP\nLzjrA28uu5/L+/mY7/g89C0uc+EPmq0r2XNLP54HEoI+yyGWuyBB4oNPfve4\nJcoe4ifNQXurbtdJPmOpZtYUabADM5xeG2BixkstfTfLzQmzYVwR65Nkw50W\nLKwnxaThGYpo5QRtPvCfHZFD1l4Uev9ceJfjQ7uB4zIV4DsITRPx4X5chxji\n509o\r\n=lyfC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bb5a14b15a74fcef265050ad96f737d0acf36987","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.33148231f.0","@material/feature-targeting":"12.0.0-canary.33148231f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.33148231f.0_1620070686097_0.514367330048842","host":"s3://npm-registry-packages"}},"12.0.0-canary.06b76fa74.0":{"name":"@material/touch-target","version":"12.0.0-canary.06b76fa74.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.06b76fa74.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39977387e459953ddc653e7731af760dcc7735ef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.06b76fa74.0.tgz","fileCount":15,"integrity":"sha512-/uzI2Ba2ZQA88Ry2Vcu3AmNWigaoumiKUJiiX9FALAniH1+r7AGGmeB28ycs6rnUYZ3B6/UBIVAcQF6qku9Y2Q==","signatures":[{"sig":"MEUCIQD+WgBrognswRKxfM30hMUmMBm7wvX/7Xkmf9LV2J/1bwIgdiY/mp0XpuFQxf8R9TKolyA4Nik36zm/PBqTMYXMMJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkFLKCRA9TVsSAnZWagAACJEP/1c7CIW6NcP876AABdsP\nBE9hgGw0P1xc9dQ9MCOC4BNTP15TMLDsdMlDRslJXWrTLOpoZJd4hRiL1G+g\n6N6ZBLhFvh5Pfpbc508Gy5eH+ztNIcWSOQ134ubznpFB/Gwb5VPif6JhiJai\nMaXpBeooZ+2wc25kM2mBMGN/NdB/BYdqCVuY7GEqf4q4r7a0Hb8TSIv1inTH\nHqOH1uNEMouZViyZj1YMWJ/U+0/hyzn/tF4mbagcSGxZM11/HnL152bJfMl1\ntnHOS6z9U1Z7x2RpLL0h2y/6m1P/Gj0zFRAsyACZbUb1fJddpvdekXhVGdPK\nkjFLboBmm5C2IN65KMomr5l8bESfNLrc6f01TWlX6VcYY3DPb8SatlzuM/hO\nbM75slYzz9SfTP30TEXxqS3HsbOMbOPf1szLRT+00GvWn/zWSx8jaUYLXxIn\n+Wqx0ldNPMNitULMnW5A56/5ze+kYr/wKCZo5ynQrxtpZ/VD/F0ZqPX8QCyC\n/mkoJfLF6WWa4FyzdSF7TL2rHzNPYM/fUwax8FO0I4V+dHj0PbviWUq9376I\nTWup935rMRRBIipzw8DFE4fTTtwxEBXNJ9JIvpB8o6a5S/ssyG4RfCKdXhUx\nEbq9GoXhBp3FQNI/Gpr59Uvr+b1lw/UkEd2ARAsQjNDc8w8wt+3pT58j2d5M\nRj3w\r\n=AeT6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6a6a73c9687e196677329640dc1ed025d13b44a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.06b76fa74.0","@material/feature-targeting":"12.0.0-canary.06b76fa74.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.06b76fa74.0_1620071114350_0.9136198426963043","host":"s3://npm-registry-packages"}},"12.0.0-canary.7c5000473.0":{"name":"@material/touch-target","version":"12.0.0-canary.7c5000473.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.7c5000473.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d94475ed700cf56178072a0df11beb98d16f99e8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.7c5000473.0.tgz","fileCount":15,"integrity":"sha512-kyGEqblDeZSu0GY7S7TL9TuIaxJrs1nCLznsRRTcVTg0whhFxN4BpTVo8aD/oQILkHpT9NIsv1e6O5JF5fuzAg==","signatures":[{"sig":"MEYCIQCM3sNvbzoUTSWUnbJrC6QchVu0egkOhTdY0W80YwC6OAIhALjN2ksWihIZ3AZk46+auu7sgHne/Sz1vduqV7hrwpux","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkHv2CRA9TVsSAnZWagAAsdkP/1sUnYaQ5/Rx+458BjDV\nV6vFnHY56NWsOqbIg5VzIvc004MUAkLqIlnDhFNuEKQvEIcFIIQ6OUr4w9Fc\n4uhC3+gmMW8O3MRt4QqNEH+8JiQsmRHoctQtpzKlNKea6Y5kBStMk3U2L8NR\nmJaof5xnhY+LU3y1Sn+hwJvPQTtCSUS2L2Qnr0AgywLWtCyX/7/BZM/XdI5B\nCcdYXW7czdk1oGkGqUu7hci8cDhsDbNQVharLmmPDuXVxegEJf1XAkT20KcF\nyCiw0AEIv65TipNDycO/fDROg0rnDaAHNDYSt8Xu+/bawF4qqExCnWg1U1XI\nVHptPIMFXqImiGuGDsRhGn3PBAxuXVTnyh3bXQTMHU+qN2SJHcmyq47sw9oM\n4jhKLMQ2lgvkhZeZPHf/rfLKCNSqtKR+kmhi5D1O2/jwUOFLO+cFXwoavIbD\nufCj1Y8qexaSvDq6oLAfrU/OXN2fgDNeOO4GKIBHT2/Evycm2KsisseXFUvk\n+UgKD/3xQkIYLLo+d5Yp3VR7eiCXQ4B/4juT/9ElTI6AVmIEiX7dC0iSoVgX\n+m/r8Khimz4bHdv0IhGZGehk0zXYtflo8eXiZ62z9TvQZEL5ni6ycaQECORe\nnxcxZ8P8qtO8wYGpfrFLPUaU2Yxeo0mksvpEuJHMD7nvBcPRtzEwUQlo1Dfq\nf/CF\r\n=xpha\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d53e0032497f2efb6a42d541ce5cd2072711f86c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.7c5000473.0","@material/feature-targeting":"12.0.0-canary.7c5000473.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.7c5000473.0_1620081653671_0.9141250335377071","host":"s3://npm-registry-packages"}},"12.0.0-canary.de997644b.0":{"name":"@material/touch-target","version":"12.0.0-canary.de997644b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.de997644b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"880c488b3cd93d27762735d720fed748b8463404","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.de997644b.0.tgz","fileCount":15,"integrity":"sha512-o42FiWMasavIMFK2YYELedzq6kS+dbK5Z37UiBpyJah7dIWjJckdO5fLf0y7JMzjx5nTVG7He7LM5OkGfqY/qg==","signatures":[{"sig":"MEUCIC0mdL/j8KpOTkPFGM7YZp8JPgCARIwK7GpwvulevK7PAiEAgS67Edc5aB8B+aiacslJZoBgJafMdtjQ/2W3iikCAPA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYQBCRA9TVsSAnZWagAABm0P/2rizGLrXk89SuyAm6Eb\nVZwYl84Cilxutpp9DHkL7HiLQZfhw19YCRBRYnqY9y0tYjTt3EsmMV+7+hhH\n06LvSMp6olZaVKelPwkMoJTy6On/ppM/ZCbW9zzYq20OBI86/D0IeeesJT8c\na9JfDa9AsnnNFixNvxr8gMSAr8+Nf3xrPelNNJpz1xooTLKK4c37lVVQ1FBj\nq8YLaGk0Zy7ksWjmEkEGG7VUMxbdxDtKLPPBrEaiw+8YqtPyje3qsN099d2Y\nLmH02fOEKwBUrA6GP3Z/3y+Vbzl/5yyRcM5AUkKx3H0hQuMGq6UOtF1ll9Da\nIjINAzyZozn0cBhZDZp1RQJNs4C17EqBNk1MwApBCJMPUeEGQJ7ZXfSSyM1J\ngAToDXXBceXJz2dWc+oyIjXyYyIgnL59vBaMazOq4xBXs5fmu8212dAgnycG\nFUgggJI9itmfq4PmmFlqGq5guqASAz12AO0KdnyR1nnwYIGi7KYQeqY7tiXV\ngb436YAUz1Rlup3sz7RvpGXNeXfFISfKGEccuiHn5lu4kDaLGRQWyQRTDlak\nH9sm7tqml64UhiRWh4q7yzW48AWS/YBbfcicmSxm2zhCTBeE0U+wCWIHWHRS\nzDxj832Um1venNi7Nf5SuHaEooiD4pHtFr9UO6VIe7Jq/dCKegMd+bELpH6m\naF8G\r\n=uXLW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"efb97e2ef70bfc07ed9b429041e4f201bb0d3a53","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.de997644b.0","@material/feature-targeting":"12.0.0-canary.de997644b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.de997644b.0_1620149248695_0.7334161500765344","host":"s3://npm-registry-packages"}},"12.0.0-canary.d4d7f1cc2.0":{"name":"@material/touch-target","version":"12.0.0-canary.d4d7f1cc2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.d4d7f1cc2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0960d7ce8cbdf4ab865a98972d721bee133f993d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.d4d7f1cc2.0.tgz","fileCount":15,"integrity":"sha512-VG8pm0m5fSHESUyCuFLvBe36xLNR2hF+mQ7rcpX7Yk5zFoQNRw4Eex+6/NcAZs0eohqYHZ49ecMoz/909hinBw==","signatures":[{"sig":"MEQCIEQwe9EE/2uwHoAucaZbPb3+qDZFswXPKKVRjpG3XjqcAiAIVEMg0Q6voPZ+Y3OcC16GXXlklHEn/HMFQJaxMOSNdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYpFCRA9TVsSAnZWagAAefgP/jX1jUL1V2amDUR4tShB\nMqodBXrTQoXBhYk7cYq+Ujpc0Q8ilitThPchPceW5/I5wHxVK5ewmKL9mB13\nSYQIWFWjM0jKiW1l3pqqUfyBQwRzcEvpumQT0iIH+FL8p/jwLhOpIodHPNTr\noX8x/wr+/xc6zMLx+Jrp8UPYJ1nV6nKyyhTWnjA4fVT8yZ/aiSOQ7JqrIrz7\nElB5H+lWfO50ruQsRiOFl/BWSYhcPfZY5zVG8xjsJzETIvRMIXRbCfrD6AOU\nxFZjojSpKYjepG8EChjl93wd6kmxNZxVPiGzUaWJ24+JLSCOnhOz+LcdCqSk\n/0XvYKoG/lcn5t7oXFqrUiYCe2MysW29DgmygfM6tsPqbBaPkX/r0Kc32SFf\nV5VZLCUMsdIrfhl3rOAlnjs9lIMRtjTn14/pHHEBuhi3D8eEi83tc6I1kEyt\nEAELcM56l8r/aqiCzXnw/UlBXl6lInM4C9HzRbdo5gMe5oUmt/eSCA5Eovvd\nh0uMdq94DRnp1rpx1PF52uqnoEVrKP0rWgPk2S7hwwyuMQ1DwNfJKmxTQD63\ngC9T501Sbjn/T/mA9/WVeMi2OAA5CYvxGCDMuIuV2IGo2duWoJrrqyKws8Nn\nRXx9rWvJPmvQ06vsPf4IKATOjhRENwNe45v29LYGP6TxL47gKPZtnOkcYzI1\nRCZB\r\n=gc6c\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"473ac5e3a11b87616a0dcb004bd5a9411a271f6e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.d4d7f1cc2.0","@material/feature-targeting":"12.0.0-canary.d4d7f1cc2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.d4d7f1cc2.0_1620150853061_0.6370067191372852","host":"s3://npm-registry-packages"}},"12.0.0-canary.be999eb08.0":{"name":"@material/touch-target","version":"12.0.0-canary.be999eb08.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.be999eb08.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"747fedf5b08878518dc22a054c227349e5c934c0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.be999eb08.0.tgz","fileCount":15,"integrity":"sha512-50hcJlFVDUmC8gN1G3EOR6aw9+kBvPOgPaPuKRNk/Bqph/TevhvpGMxHrD3iU3sry3XRY9sQaQvbopQPGFZhEg==","signatures":[{"sig":"MEUCIQCIWH4L4hagR7oCSRhvDaTT2/hHgXzdGorYgXjql/cS8gIgNO/qPdLhKJd6ZgvqM6Sq1VZ+LKlkQS6OEICUX0kGL0E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYuGCRA9TVsSAnZWagAAJ8sQAIEFvgWiIOL11IEkGhDR\nZBNzhXuNaiMYLTT/A1NlFa5YLjfeh+5UisAD5pzSbm8gwT7cX/IBRL5fztsm\nGP1rxanT794cyS6gN7akmEObTzQva7YBqW86Fs0uAZgo8OQXjJmW0lxPqbEJ\nv22LmeicghkQWBfnixUtygKC3ypf70Ai/4C4/uZlPFNSk5oSNO9WeyHJi7V/\n6UUrSAFzuqTRzlvlZefhNHWvITSJJ3qwVBU88Ce6K7Mpvb6hPetfqQ6OxQkK\n5DqZxiNGFXY49ItJbID9TrxK7gVI7ZotI/l+9RNXkQFU1LcgIUxaMEHuK7f+\npkZHXNrsPXqR/CR8GR13brAgEV3eB4E+kyzbMK4m57aoim92QPCjbzU8vRgE\nYCnx3GAlwsSJQjCB4qksOTMs8BaVBaFmcXQG7zQutjRHpd2sgu4ubpVS0NuB\n8E+ZoGWsM5AHF7uvyU95MQg6beqQ8sfcI9LF95ckKEZDeKe5aRXFZJWDJdOf\nTKUX7rWjlSuvDPscZC0rqrcRsYRCuaDgGFnXg9jiEltnWEftaY35enNrXGnn\nOFnkDemjyOFHAIiKkRtXgp6PSBn29cvikjXzHvtfcUFPMWnr2D/YcuQYsG1W\nHXmX0jop74KNi2lT7IMfMuDZ/w+XoliNgGed6k5vPUj8DWxnt8nfmf5lbT+K\n7d0S\r\n=rs7C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"78911f7ba4a7d68ed38f554357f8f224ec7a15fd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.be999eb08.0","@material/feature-targeting":"12.0.0-canary.be999eb08.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.be999eb08.0_1620151173722_0.5116187777257937","host":"s3://npm-registry-packages"}},"12.0.0-canary.eda1705fc.0":{"name":"@material/touch-target","version":"12.0.0-canary.eda1705fc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.eda1705fc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a9c64b0f6ab4cf7709ec8143de505f570f9da3f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.eda1705fc.0.tgz","fileCount":15,"integrity":"sha512-40lqlbYh6xKBp7yKClvAUGuZiE2RQP0Z10lGqr6i5p2COh6NPpKLjbWlfEWegwZVm4xUBxGCY3RmmxS4bTLsDg==","signatures":[{"sig":"MEQCIBGDaAzDFVM+ZGCWn91x4QITtQTY9ErY2H2rxPuJnqRxAiBbJ15LJm3q4/3lGiyS+PKu8Ot+Pct4T9bUTekxQBAL+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkZvuCRA9TVsSAnZWagAAKCMQAJkLiB8pfRm2BQVdLBfa\nRTfEQGRFjBA29sK+7tVQziZkG0HxdnnUm9pumV8SFKN6OmgkII01uq3BYS5j\nmcKI3gJXv9ErcF8Aa4wD/CDeJDInJwW0ryQuIJHbiuCNSo60yc89wdgygUeL\nCnHyMLvZAX5EWi5AFmNf2tftakbqOY/BSpQPKrer/HGOwFYYqNJ3RewmM7KS\ndiBtaomtYgtbpJS6Tu7jpF7xpAPeOT7C5ipX6+Dah6WkOl6ADCTCuulS/yZJ\nAFWWx7Txb04TO92Zx8nRDga6Jut68mWe2NE0wjHlfdrQ4iunkRY6EApyYAuV\nCU6vn1kf9AHaLJdWgWCc5Co/oitwg6wNyaqS7P1uFE1pBzFVj/CXFDFvlwsA\nIiHS6W9iL9dMdTSy8BF2FGU378jYsUMQ3QvPHwKZxhgF5am6A6Y8kPEnxJjY\nsIA10moLOlj3mh21PfNuVilGuubdKlRT8KJxT/yX2wduGRTE06cPwo/Fa4OC\nuXEmLJZyFdqi6f/uAdA/h0157vXujzbHQ5379bRj5bW1HmLszGHWIcz6ycJT\n8O1J5eNLlcdxyU3jgHYBVRYdWoxQs1RBRwgSVF0u8J7sDoXl0pPvtNWUUoke\nqxqqrc7R/BGRH+hZ7D9hPwlF2arKWZ4Bn1+pw3rBLJGH87+aDlEes1BjkgXO\nPMeK\r\n=ytM7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a4c7f355f27d26cb39ac4876510254d165a5645d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.eda1705fc.0","@material/feature-targeting":"12.0.0-canary.eda1705fc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.eda1705fc.0_1620155373641_0.3389544139237908","host":"s3://npm-registry-packages"}},"12.0.0-canary.718c90178.0":{"name":"@material/touch-target","version":"12.0.0-canary.718c90178.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.718c90178.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e196665d3bbfd106590e9d0309688ef1d3590de","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.718c90178.0.tgz","fileCount":15,"integrity":"sha512-fWXMKCX52t2kaBI5lExSXWRtoFEo3k6jfelBns2cJ86Wn9K7+odRDFN2izLkdOcFVAgi0SboeFGMqCidTH+fsw==","signatures":[{"sig":"MEQCIHqcb84cqCe5fZc4NnUDCHg3f1QCqmvON/VelUhnXFBrAiAajIQwGfFuhnvJ/rvi7OpOhU+bDHFSifnVT3nglhlHvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkaAECRA9TVsSAnZWagAAif8P/1hkeVTK6qXyIKVCnMPK\np2EUHUIKWWm5RsEU9AdGD58cJ5lSwoz4IIQvEN9KwpSSxToP6/qgYltNUjmj\n6o1MMiefPi7ZPkLU3B6Z5QXete6NjtYo0/gPAcjMDvncJpBZXPvmebKpKNZo\ngaSbmDyf48uGlYts9lSkMzX1obJNQdGFAqt2DQUmosh+UrrP8UxZHKxgILDU\nA/OXmIN68f7Gearvxv6Ml/lfZlBleQ97BZiQxNnOFhYd5pzWdDgTz0uT1/km\nKGMCgFIUGPDvxNs7Wz/e8Ys5Mznvb2uumWsRAd1pT2LKVh7vcEhNryn3penp\nGSUx+WF4CBCbhgVpF01fjsHlnFeHvNkacg1AEZIDS31dP8qPq4F+8OdZMF1h\nOLxPI5HysF8hFLrkqYHMhzqBET6Id2Ift1BqrmdVhN0NuZzjChFIlGtsPqWi\nNpdgj3O+5yYpiXSvKOjJCIrt+9ZcuLZo+l2hGdulbRSk9kx0rAM0SXcWPQ4U\nzLms35TshzWb7SAqMmgS3dC4XeMJ3VlCed5/oYVikxvDyb2KHy0pe5JBQE3n\n7i7Qj0mb6CsouddqV4oGoJ3z+5nF+IjXT2rxJEe/Xysl2C5px66nthTF5hZt\n6JXzWGw6pkNADGIF5c8qdHaGexDfmyJu1sUb6LsvR2xZ6+VfiNUybToUoTgd\nwfwq\r\n=NbXt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"38bd77e93e567329d390e9784d4f591d6dd41191","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.718c90178.0","@material/feature-targeting":"12.0.0-canary.718c90178.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.718c90178.0_1620156420079_0.1639997337421366","host":"s3://npm-registry-packages"}},"12.0.0-canary.0e3917299.0":{"name":"@material/touch-target","version":"12.0.0-canary.0e3917299.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.0e3917299.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fe42c4187e72d1589ebe67506595692d6200b241","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.0e3917299.0.tgz","fileCount":15,"integrity":"sha512-Gy7DWpK7oLzcot4Onre7YpWMUsMWKUffuF9WJGiMNd+Ne1nZze1cQG/PNCVZFxcddYpOg3VOwTTe3vf8EIQ57Q==","signatures":[{"sig":"MEYCIQDsm+J529Otjd/p6k8HhdRzi2oMO8Tn5B31tKSM+qdu6QIhAICXEQqdQZ/DepZi/YnB13vToRE1li/c9aZ67G9uKbih","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkaClCRA9TVsSAnZWagAA3UUP/3mW0EGEu24CskDk3PzG\nfTloOKqVrdbw0c2PdSIoBDHnoLgj4wjtJtAxg7OKrMXHtBI3C/YZMno4nDzZ\nzefiys5XTYKEjGJKd2c66sgWS581xaondEpGde5EsekhIwZ0mRkxaDydM4KH\n5lRjr5QfjU5LuvtmKNfLZvDCuuGTslhOHJBGZMJHYxvVtYSZ5R1G6KDGwjGC\n1JSy+7W56u+p6dbS73kQRSKFLscznfgc+K1MsdzU3Cx304jd3JceK+wv8+r3\nWkT1VkwvHc2vP42ILfXDIkffBfXqZKa5/sjdrJDCbZNTDgc40I/RGZzqZdQb\nzfzBUbJHKZyIUsT2vEjzMxACjPGPif9qSl3Zk/2thijVjSejOK0zxH/PbkrQ\n5chzp7pKryJOmFu8aA5sAunucpdYlTy7mvuPu4fYdR0qA+3aDDAmrq4fuFH8\nFW7njIzrZn+cOGcS3k1mZfpzGLzjFspvqk0ZfTN3aYanex+BOnn5JOwYMs4e\nh6Ub9nEEXHKSyO1NqRnwDx0FVmUQFdbPFZQkDgCBQeW+TOQbgb4jxmXc+Ng/\n286k0QRSVy9jjnxKsZr1vbGJAI752VewrDb4PwV8yJaYU+5ZP7CK4a7t4Lm3\n9412/EFscMe+xVS8v0vs0YB+WFBGjuGVM4efF+mu+I76BgGo+ICwmwf2O3Tc\nDTl7\r\n=ARfb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b53d9d2ca98f518aa071c4933f2c0046916932d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.0e3917299.0","@material/feature-targeting":"12.0.0-canary.0e3917299.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.0e3917299.0_1620156581180_0.6354496929486719","host":"s3://npm-registry-packages"}},"12.0.0-canary.836b3c7db.0":{"name":"@material/touch-target","version":"12.0.0-canary.836b3c7db.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.836b3c7db.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"13b291784e3c2dde438d370b8c83439f1ab4f0e9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.836b3c7db.0.tgz","fileCount":15,"integrity":"sha512-tAP/eBraVM1/DB9wWDcA0Cobzf/+QwexhQoEah7RJzbXlIK/u9OFEz2XJ2Oq6i5lxxtYWCRONJN/pEp2I9GjyQ==","signatures":[{"sig":"MEYCIQDah8Jap5r/uTAr0cg83WHaKhjCbOaRTmrkvw1OBtTpvwIhAOtuj0H0g6ZKQyva8nLosYrr62aIvF45SQsJStwEkwOY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgka+ACRA9TVsSAnZWagAAPPoP/1tXzeD3z1zeblORNbUg\nAzPBZqj/qVdBwulTjgfHuq4Szz/ac26fnHDUHdpGN3WUgGipvSgLysyhfXfc\n/10ag+Gqtp/nU3u5YEq0pqMUy7JbBrt0pT6tO9e/yvuPL8Ush6hCiQAyQAq8\neTf0rS5oQg388UusLtoHk4eMuzRipLwzTtx9auhY2Uy1oL1MuKGsf5Yzxzuk\nhNKTETgavhrBNGtDtW/dTIjGvGlS5kE3yQfaxb6LSe4BF2TUT1tHEBEvh8ne\ncFwGZwU0XZugz+X1UUATsrX95eXNRyOk+rW9Y1bNrqBa4FOkAeFzv7ubn/3O\nuRSQC1FNZxbyCjxhk/J8d7gDvnsiXraDuR4dOUeIAv6aRJTZ73fwN3X+pRo0\nQOXU82COUWr+nGPGjWaK8nXAsXbXyHH7AaYiRYsQqxwfnEaDDJlQuqa+4o2g\nZXEIpHxA0CakoaXKz0AhOXMWUrN8EqiOZlPhg2D/mAby0ITNwK71g6BIdAHG\nyJo4SPr9jTUqog/JSfsp7vVFMVsZ+oqTORokKrmfVbv6M73aDyEXZloN+2Hr\nS6s7BWo2Zvp1nuFiV+g8DTlR8rb9bY2FNco24o0uVWw2KK+5sIbH2CQcYIt+\nbC9fwRNLm9ElRdou4FEzNca/1fsiCp/7TGkK5D3k99uAdFOMWPbe7Rb+zVR1\nF9MY\r\n=I+Wf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b39ef8f7b55792965f33ce0e4907f1811ba2b17e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.836b3c7db.0","@material/feature-targeting":"12.0.0-canary.836b3c7db.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.836b3c7db.0_1620160383908_0.43051666288101686","host":"s3://npm-registry-packages"}},"12.0.0-canary.53d4e6d59.0":{"name":"@material/touch-target","version":"12.0.0-canary.53d4e6d59.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.53d4e6d59.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74efee4f5f900b6aac47889687d5622e844d5368","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.53d4e6d59.0.tgz","fileCount":15,"integrity":"sha512-fS1ApuXqOaaFUmGxDW1d9lyqTsvO+Kp2wmTHtyyyD1jj83T4OaG6QjZ/C5fYshufI/8/1OMhBah+O7OFmdfusw==","signatures":[{"sig":"MEQCIHeO6uSe+e2Kmei56o8UCDZ7vyo9z/fRC2ctl9dORXyDAiA2tB0pQbv3ML/Cl/CSflWP18ycpGqhTzZ5g4lkJFtUyw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkbMxCRA9TVsSAnZWagAAn10P/RNA5pCZbklcyQnunGg1\nRNBExdYzIEvKOotaK53gtjEHbAFo62bDJ1Z88ZvxocMRRJmdJKFz3lFhmrL3\n9Ig/50zhqmW9JUdorVcH9PiGzvozOxnmuH0YNXduuSf7r/Jr/btcaw1ya2db\npbQau2tZsdNQzjA1pZ+JAd4hgLZ4+UL/b2zJwZYhdw6YHubfkXE2oBsbhegP\n0B5IBaM40F6Hb2mU93X8bFGAizEsm40dkqV/6TNwauO6Pv9vGDVwVWVHfaMB\najXl5JITaGllsp7obRjNI3pSvF8+SasEr/Bdb5heoC/b4T3ePVqczKlo9IP3\nyTZsMeiCWF4dknbDPtXvdIyuOk2nRiZAuq/rjiZl5Bu/S2UV/oHT+NZOdOz4\n/OtC7iVD+JLgCSTDP/AyD2kMBiQ/gWTEqI8BsK9rg3FYlT0RI7qudeutyHEV\nuI2wormjOdtaA6RYiKwUuLOUxychVB7/NAOPfcMYgu/TcdPhFpVxWqLE3V9L\nznCX96Xo/AFv7IXu6KvygExq39B8lhQW7+16cPexwNi9d1QmmM6aY7YOuPtD\nEX5+YlxpUQOqX2Z49lO2lA9jFiGO7/xEyTbNTd6VQpub0GQGUw4UCvTwr8h0\nzqsx6SaFC6pPv9gFeZs2twCuWlzPDjDqf4CrSP94BYiJMPLpRREj/1+uhxtb\n4pI6\r\n=ijdt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a89a7c81034e7bfbeb469ddc1e1e463b018f7179","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.53d4e6d59.0","@material/feature-targeting":"12.0.0-canary.53d4e6d59.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.53d4e6d59.0_1620161329478_0.8168149264144793","host":"s3://npm-registry-packages"}},"12.0.0-canary.18d147e27.0":{"name":"@material/touch-target","version":"12.0.0-canary.18d147e27.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.18d147e27.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b34f9e524d468216e87b96ccad64a5fd8f4deca1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.18d147e27.0.tgz","fileCount":15,"integrity":"sha512-ttBBqZiMtrW7fnJPhioSeQUH/zbPCJ8Azn4Pl2eQQVgCdjXZujloasDi0Y29nP+qIfxn1cpbPO3eMITHApiQnA==","signatures":[{"sig":"MEUCIErYXz9kb7MYm9nBndXdRoowOPsD6kRaWoNNxMEmed30AiEAhKvqIYQFRgEn/oQkXgF5LDbRz9RdWWb5GFViXa3vRbY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkbUwCRA9TVsSAnZWagAAWLMP/0bGeTykPiJS2eX9sE/G\nweNlgXCS/yHp6Izwr3+JvXRta8+/ID6csLGLCwS/ozudWLRExO+x7qedbGoK\nOSUrkSc6JnxbKDyZVuXl3SnoGRPdjzkudYLUlmFV8iwRZkPdl09XgprQN4z2\nonWpWY/sNfKiRTt+LFbwz4Sueo2truTU1X7JQPuLaFNCkuWrq4WGpvxWzH4l\nPGZdsmCC44P6Tz52cRbU1uNxkiVoybdVH+znJKE0YWjUhrCd+6En0YI0ACc2\n2C4jtwGl8qza0XCu/Q6sLtdjU2F82Wfufxrc+CWgNgu5lpGFpwgAKhjIah0s\nO/+dBcNDFczDU1v42U55A/0SxOG+5DwlQUV1ENF7Z5uuJi7ycOVYfAmrcsEx\nvmk9ArZK6LkbJPFuc2zR0KhT55Jv3/J0mQ0oPuHHlNmzTD26pLUAu62C8dAF\nKyA97JexEry1q/sWSwtwlZBMMdBVr79j3gT9F3nEbXl1rg1qGU22HyiFwFp1\nsPr/hSaMmDcCVqdK8cgTRyrXMejCBbiihzxSxFjbsQ6X+5GVDn0Olvh0IM5T\ndFdHwohcqdvuTa6tl1MIGJsMu7kRXj5X6FJ/nZhXxRk5FGICb3N1PTawGK8X\n88LHmqwQ8KZB9NxwHF8UnZZBxb9kjMECVqLM57lJaHKGNueTNpbjt05VdYFs\ncnfu\r\n=6Ug7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"02e686390dabbb1590eba968246da65476db162a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.18d147e27.0","@material/feature-targeting":"12.0.0-canary.18d147e27.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.18d147e27.0_1620161840229_0.24725109125341427","host":"s3://npm-registry-packages"}},"12.0.0-canary.b9984794e.0":{"name":"@material/touch-target","version":"12.0.0-canary.b9984794e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.b9984794e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c70b00010c495da6d26bc3d3a5c49a35fdca2172","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.b9984794e.0.tgz","fileCount":15,"integrity":"sha512-Ae71+iHF92N8ABGY7vkJ/98EmFjmcgQVC06aHlfvnefCYjxFv30wSroHNWFwAVjOLNEMXepoNLxeaorlvKv8MA==","signatures":[{"sig":"MEUCIQDF/xPICVXNdebtQVMBll23neldmvFN56TEZxlH/Ap/UQIgY0lgcDlHcW31ZeFnnkpGDtc9vXXbmBKwbNJhPKLj6l0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkdJ5CRA9TVsSAnZWagAAYWEP/An8H+EDozzF/MII722B\n1Ajb6hkHSLpTl5c1ze25XR3sTRXIS0G1HmnuyuSYAwkET1+RE2Bbs1q5caUr\nP7DF6NY3Ec969aIvXkGojvS9wInxKABXZwtS7bgQAJ/aALz4CJpaSRk11JEl\nzOYNSrC9a5ZZRJJsDjxvYvPN7FCPrMU7BAO8GVEzd8j4XFmMtwdVKhEiptHr\ngqPvk3Offon6vwHcQgw0nhl65ubGffoBwr8QVDAuWdGC1GPHpUmobX7zyCLt\n+3PzYlq+8hoQHLqredntGI5hTi3R2Y5EPDkVHfF9GsnfDjayKA5pp5xhU4HY\nilggYkWv78pPirDIddpVGRKmuzK4zLVwiFEt53iLFWbc/34+29AerWskPEC8\n1SJfC8qFyoOTmTHh2LWNQ4HO0LzyuJc4d6Qfr873ymd68gjS/XT0O+SP4q1P\nbC/eyzKjqk3POITie5EKayzVFoBCnX1Wxm/7bIWloFaAtkAIc2QwMoCDj7Jm\nBgvfS12WFr6XXH8glLR+z+PshKWN88M/kax7VKXKIUFGTqdcfQNx7hQ57f1T\nXlFc1JdHaTw+AKReij1cDP4HI1Ap55hSacnlVgaMCnmpKnUaddjvQEqNHQSN\nMU9k0FISISINT5o8U/Klk9fi9u0CRpCmJlplt4NILvYQaVLt7lvQ3eXjVUcm\ne+FP\r\n=g9yn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b9cb2c88737add4e6d3e04893ef4ca57b7848549","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.b9984794e.0","@material/feature-targeting":"12.0.0-canary.b9984794e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.b9984794e.0_1620169337125_0.6512241888286021","host":"s3://npm-registry-packages"}},"12.0.0-canary.b76f5fc9d.0":{"name":"@material/touch-target","version":"12.0.0-canary.b76f5fc9d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.b76f5fc9d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"683435547d003a4a33515e6cd81b4de4d375be11","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.b76f5fc9d.0.tgz","fileCount":15,"integrity":"sha512-6s2tcY3fd2HNcH6GPNEU11X2OQQDF3lCWNfN8y2qDWrBZiK4ElFY4VW8OaxesuGaZxONgvA5acCBXRkmjGjF+g==","signatures":[{"sig":"MEQCIAgRTUjoq0/y5wYkJVSyE87vWoN+9cupsqmhxv+iQdUUAiAK2Z0tYUivFxrhrlph8fAji6NlVzPTKmq6iyVQm4u1Dg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkdNLCRA9TVsSAnZWagAAXu8QAJDY8Jjv9q19R1ahsExx\niviS9dS8cYwcfIggzOqtT7VY9Hu80yeOgI6f/dlInRdvwn74yjJcYhR7ebpu\nfC/wlOtWYJ++qOeN1DEj4gxQXVqNuWlpWMotfRpL+TkiONLiseaBOvkzuOhP\nEsLZmjWQrs908Ang4WXnnPmeI4+oqjaAJYV2EVzIBxs0RDhMLEe6FQlcmG6S\nt1ulqzpfiZl+QzDFjUPd1JscjvPSNv/JBPSDLYh6yEC0g93I4JWASj8y1qxW\nLbOUarI2iwJiPttjrSa196etizzZnVAmpPFtWJHzvwL0k+fTiGaZc+asC2p+\nzbw5fXBc7uorORJRMh1Nyrk+B0huaiOe5PFR5DSm2utdjZ9og4W9VA7S3tDn\nslYdaYA56CzlzM3WCSTS54nPVtcyXAzHhCesnXF/i1VEBMxyL6tns+OPdI1L\n89O+PyjDphC8SJsDfwrzGLvDNJk0AUjPxKRewytJ6EV60WJJA0sdHPXkt/Zw\nQX4cEv8ZOhW2fhlHQHnmUK8367g/GJ5M2bSYb6oX3gw9FcUbKCYbr45Sc2KV\n0vFgcmCcIggSUAdmK5wuFOUCBT0QcdpNoyK+2LUjMcDeFnjcV6nEOtmdcVfP\nvswFH12qtk+wtfxgbpdaMeZ7Ff9K9iB2z6hET+yzWyZFV1//uEw9DhOU0fxA\nIUM+\r\n=Fxnc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"219c30995da49f5c5f458aa1b983f09054c2d4d4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.b76f5fc9d.0","@material/feature-targeting":"12.0.0-canary.b76f5fc9d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.b76f5fc9d.0_1620169546632_0.8672955823845825","host":"s3://npm-registry-packages"}},"12.0.0-canary.055d4f10a.0":{"name":"@material/touch-target","version":"12.0.0-canary.055d4f10a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.055d4f10a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b31f9393ee502d1be87f3936a9ca01d556644ad9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.055d4f10a.0.tgz","fileCount":15,"integrity":"sha512-ZL877fULKZP762x89idIRPE8mJdghbiTj5f9hYaMYmBEkGivAXzvXVSuT8NsSC6AxxVryefgfLTtxjiLEWVYUQ==","signatures":[{"sig":"MEYCIQCzc4ba9PAJrDz4OzS8I8iehEhvOcXiixL6WZ/zmTatnwIhAOak4A3WreYnGZa6Qvc1Cipr099J+umq0VMyeeKc1W90","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkdbVCRA9TVsSAnZWagAAEkUP/2txxPs9OKiv6PJXqqC6\nPbCQRCK4wE1y8slrnd8QpNYnmpyh/DUpsbaJbWiy8KJy2JW1IUHuGpJkdRUr\nSdVhy/L3ypqwKp+iBmQrL5IlO3RFdNCvQOO44FwWCmN2qOm62if2cmEjsQWh\nstSNY3miypqNQFVlC1uVMeKaUHyMdOPuw03oNHUVlh9iVlckd5Ky1uhMTym+\nnk0pvNOQXQNi3MBOlHhE6TrVVZGcy+18xCzFY41YTsFDimPKpsG+XuFNS9nH\no80IttB+Uu4qJ86i4SCFiR9ToY5K3QGH1Sr1BLxllmzEFibyXewcnLnO54T2\nNA99q1WtEXMWot7RaDaI8MuWEUAJ5Y6XFFYPFGyqxhRxENvYecCMXAy/YT4y\nbfGArYhz8acR6FImKrblG/1ixf+7xHxciBqIYTglgnyqCdhlJfXONvNCHQsc\nRXaYXVlEoBhwKCp3p+b3n7P/Xi4+aJP1vy2jBsO2bbNuicNB9c6WkFJ3Tn7m\nB6cOwoB+RWUC7OeoWW8UcP2CFb6c5+n4aaJF3GcOIahQt0O0K/XqTFsDwiHw\nZDjxn3HovphqQ/sU26QRYl8WXdhg0GeOm2zJNU5lKXU/QJVj+FQFaSqU3IhM\nWT3C4VOgMbAEakh7QZ356ZbguGZx+QHVIMJ5U8xNm66oiITsQnqAaz5CcvQH\nT/dq\r\n=zpIP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"df8d3cdf52cca2c339c1fa1cd18129db35422c55","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.055d4f10a.0","@material/feature-targeting":"12.0.0-canary.055d4f10a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.055d4f10a.0_1620170453556_0.031034842551673325","host":"s3://npm-registry-packages"}},"12.0.0-canary.5b6a46016.0":{"name":"@material/touch-target","version":"12.0.0-canary.5b6a46016.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.5b6a46016.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ad2834c32dc7420cf8d081b085b488751c73c04","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.5b6a46016.0.tgz","fileCount":15,"integrity":"sha512-lscHBmyqUaUyn8ElNcX0Dl3KqNbNgJv9QIEmZa5+xPFY99jmYcmA96aySRdLHIJUyOMZ0SpykyxbOWadmBGG5A==","signatures":[{"sig":"MEYCIQCYS564rkSVFPjfp9Hz4dwYA5Dr09qCiTWfG7yODTmB7gIhAPNHQq9CE0N32VuixMJ+bKLOBPpXGjcjkKHgXxM8BKI2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgksSlCRA9TVsSAnZWagAAxwYP/0VPeQF7kfF+fdhJ3lFA\nvnFPvkI51C0Q9PRAa6sJE7WvYiqECyKP0nqthmYn1sg6OfI8B06R+5OI+Hl9\nUPEb+Ajrj8x3yGEvmu7udmfocyRlar5S07SnBbH9QOiVUr5V7RgWhuJZLybB\nOPEiHD0WuPadXmeSHn226eNwVRHKD4t4zLPG+AZXqmCJYotIrsy74L8ZdFhC\nlz98zLXddpWB2tlXoRkbjVKxdFqpSqrVhvAQYB7raP91dIvXi5x7ZSLa0v+B\naOkRbIGRat+F9YhFygqXz4AY5eqSYjRsYWEp3GwKoQ78TIInvo5xk10BT0FM\nCZHcPMGB3BkrdcM/lMz0lo/bRt9Qw7Ng/3l6OtxyK5qme0qFJUsPKVdMrETX\ngHEPMONBdW3xkIMAlVXGHF9qKWtpJ1k13/gBeyuJIaYsZEVpyRLgoIDZcJLh\n9HNkx+4tR603Jz2YpHEUrO6bSuKbunbP05WLOxiWYCdlqlmpMfifsuMs6vJM\nxT3aTeRMid/nE0Hybhq/N2nypWHnMEHcRUQR6CS3HypVHqGhK83QaG9GuOZ5\nSRnoqmd9PMxJz1xxsEDUbitdE20eI0/eEGiE96plXenmD9u/b0RdsYLVrDTa\nK1OLjptsME9ocX7s8OZ1nFynXDajk+8jttQ9EyPuRqYjQzkrra4BApPrnFDM\nSEAn\r\n=qZ8A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3d9c7e3c179062db8b5bc243e8bbfbd9d9132e50","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.5b6a46016.0","@material/feature-targeting":"12.0.0-canary.5b6a46016.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.5b6a46016.0_1620231332971_0.6682339227993774","host":"s3://npm-registry-packages"}},"12.0.0-canary.33c9a737a.0":{"name":"@material/touch-target","version":"12.0.0-canary.33c9a737a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.33c9a737a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"344435eefe2aa4891cce541df226ec7bf0b87bfc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.33c9a737a.0.tgz","fileCount":15,"integrity":"sha512-2nfdo/NCjmfJhJ0q2Qa67u5t7yNmvciYnWjYFlZwXA6bHOjRUZOfajcVJ0q5T1mxq82KPN2MsjgHml7iO9ciTA==","signatures":[{"sig":"MEUCIGyb4k2/IbhG3m6WIL/TVn98L8SMFB0bRMRmPuIs4AT9AiEAj9fwSkMGdqvDrSy28D6HptQuvGGgvwdokoMqB5sgLI0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgktVBCRA9TVsSAnZWagAA2EEP/2Ny+8Pfu8I7CsY7bSIv\nF9FOJAD/qrSPR+rHUtZFOf+qwF/f3yp/8mShIfVIIRP+PesauQrwXGl9zpbu\n2ukIN9GYeq0aHBEcOqnvbDejxTyn9OO2oT2zlg62gSxeVECvLDPaYSLYV8+x\nk76mjJRho4X0Xe2gqdwNE5J98l10S9s3uCVEniBGcitEqz/cu6v8zILX8Njz\n9HLv4YEKB4R0BH8lJylEol2YzESU/Jxds9JzaiJmoweaCUzaBn8BGi0fyK8u\n6IIXJ9qzsGcL/sViFy0fip/R9aRvbsEyaKKMAu9kgLsQbcHh7l6ALMDxDfUD\n2wJHYTLus7JEfij7QaPDsmHaDBnSTkJdXqmIMy/0Hmpq/e5XCrGNmF9EbuCD\nEgcL4rkqZx1AuvrJLrt92ZTD2OsvmDVMFEywRefyX4LS4O9KwYjkFTLtTRb+\nZoUbsiCIjDyoANyNj3/aoTP5fZ1oZpDKE/bMy2DtiuwApEpLyPxeL7L6GiPf\n6zPZWPpwM0MNBcvCQwS+j2q72dalxIbUDkXITKLXiU1zuXSh8V2134ZnaAgL\nYbIi9xX7ik+TOsxeHHDuL9A4mLJhSU3jMjbzgGF9xlUzl9+wDO7lGfGbrY1N\nXxiQ08291+/C9EphGsh+L2xUKzywZmCwkuZYk5jZ2LTjoTWm9jxCoQJHGK2C\nkY0y\r\n=zVXw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fa5c97d28049bf03f5b138c0d97bdc267f43c363","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.33c9a737a.0","@material/feature-targeting":"12.0.0-canary.33c9a737a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.33c9a737a.0_1620235585057_0.9039350712173226","host":"s3://npm-registry-packages"}},"12.0.0-canary.9bc0effaf.0":{"name":"@material/touch-target","version":"12.0.0-canary.9bc0effaf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.9bc0effaf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8707a8aaa0f8708d3c0c8135cffa94bec8f146c0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.9bc0effaf.0.tgz","fileCount":15,"integrity":"sha512-P4n5HTsLXOUHvbzZWPJow7wLceuh6ROvb+VeEBX+2D6dYVT538cXqMiRCIPooQXifvWwAuD01IxlQoybb4I5Zg==","signatures":[{"sig":"MEUCIQDJBAjiugQiD0t90482yYrWBygcQJJdP9qRwbTN5mA/iQIgMxYzDoVi4NLmhQHBc1vD61WiDYohspydlCZ9VL6wQ7w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkwclCRA9TVsSAnZWagAAumoP/AtK1k5rM+X8/7HJ2JfT\nLSgSKC4d/FMfAUG2xZ+LOT31PpzfosrcjG1kYbPAGA7Jj0WHTlxHp8vmF4YQ\n9+Y2jnC6ycMLxKZ5GozX4QQ7dlscoaYYPSsOlUrbb4i9gV+/tRh/aC1yZKdd\nNxea+KfrbTCIGruIgUS8RGGOQk9Oh5vRQ+cVQfN5UQpsEdQ4G3R8q1te0PwD\n8QOxuaFFc9zlCY494pZn4BHUj1lBThYEpKHvFL0D1naXyJmq4EIUTTwA366o\nouB3vplCrHTvRsF9lGUi/3FOOqrRHk/DOWVDXFqLmV0Aog5531D6pewuz+hn\nebdIPjOWwMV6jl74jRxjsIHTU1fMZFQlm8p3tj646B3Kf91L91DGU2dAW1JT\n7fLF4aZfl716cP1W9xCCarUfPgfwGItq+rqXuzLYvLC1pGV3/dP3q8xg/RQG\nx9O6gzVOo0z3QFtvDaFGQXe7+07TjPAQ7UV9QHjFGZwZi0qYVqj4/8jo3sC9\n5F2ydmSr8DWstuRK2qNek0OdtwMHtu7qb0Ip4y0O9vvkNFgsohkuf3Axz383\nJc9siDWJBdglXY+R6LE8PkviUOJ8ZwOKSVTNM6vgWS8RrSzN/PvO/gcXCupe\nTma2geVm5HG/RbMOFApDOijJDQjoYRNTK1XOXsHp05jRpFZd8rSNeEVUexyn\nw+8I\r\n=osTI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e671ae06efdf42f7ea0cb40bb6700fc57f6a35f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.9bc0effaf.0","@material/feature-targeting":"12.0.0-canary.9bc0effaf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.9bc0effaf.0_1620248356852_0.18890871502078577","host":"s3://npm-registry-packages"}},"12.0.0-canary.a1e0f2af5.0":{"name":"@material/touch-target","version":"12.0.0-canary.a1e0f2af5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.a1e0f2af5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f70f3788dc2f1ec29b54be3837e21effe0e4cf60","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.a1e0f2af5.0.tgz","fileCount":15,"integrity":"sha512-UoqcnYgfxwmNbh4FbCD0dXMxQK5n3NCtnpI0YbIglXiumKL7Ux+I7WVW/fatkt1cRe0L55PsYx1oxXaNLhfq4A==","signatures":[{"sig":"MEUCICLKD/f+jUUxsYh5ebX2vwvgriOdsOGLoTPB/AdwGuCiAiEAwcvZyUkUPGH6osm/5AO4/ZIYenpTCZpped/B0whP2Jo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkxC6CRA9TVsSAnZWagAAKdgP/2VjmGRpXbvjg2jCidTU\niQyJwYSQ38hkjE2Zro1vCtHTGU1IQj22dgGaIhBfJnZaS82UdMDoATScb9A6\n+HwY4foPEyesmxiBZFvDtF6mblu9uIaGB4p+a3cqrqM1ZxM0k5QQ/W3nVXF6\n2a0GKRRDa1zFsasFhGNWpd+U4jZdGOpPYKR1Wt2tw2rkRmvDkCo1+6R5UJ3C\nmDn0ar3XZYVDTudax9pGhvzK1T/9OXklb+ANZ2bSqjZD+P7tTRYEtwgqB5+4\nNKaeRmzr6VnGwNBqCoeIlX/FNSaoatKUUV0+8gNDuK18j9VNFOsTduKw1QFX\n1I+1rNilLVQwF3seurqJxFlj29ZsOFUy8A91sPuDkPkXhZyROcTCw5FUyA8d\nqfii59uj/1zyNsCBGGP0K7Iop37wP8PEgtBoUyIzJqTmBl/Hr2gAwOGq+Jhu\n39CZnMp9DnPiOZ5BarIQIoiFt6I5RtGSe9/NscpczkPolIxD6VkvQ9zno0Wx\nzcMh7iz08m2FzSSkdHUCTk4wZxc1rUBZlWclhFnOneDyJoiuwjKoULe75xbs\nGIogQ2Q+mYX2uFTt8G7A5D1378BLTs6bxYtsvrsGNsEOZzfh/54o1WF/zBCB\npgoe2Opsw8xh171IdyzoZ1rY9uiCi4pLnNUlIS528khMDwslDJgVvh0+8Sih\nDPd7\r\n=J2J9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7e20a4b86d7cb59be9ebe12cead11b1e8c7bb63c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.a1e0f2af5.0","@material/feature-targeting":"12.0.0-canary.a1e0f2af5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.a1e0f2af5.0_1620250810472_0.3739442256772305","host":"s3://npm-registry-packages"}},"12.0.0-canary.06930c96b.0":{"name":"@material/touch-target","version":"12.0.0-canary.06930c96b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.06930c96b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0812f505e7847756384b0d0277d0b94fc362ec8c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.06930c96b.0.tgz","fileCount":15,"integrity":"sha512-GK6MlwnQkkZE4uFuIuP8b0YJkS6lzxnPb8z0CN56aNg7TcFTT1DmURIF+8ByXN6lC194He9cMwT1HldxmCnscg==","signatures":[{"sig":"MEYCIQDt8NRrK+wKgV1CVK9JYpOWA5EFURawS1Gn98jybIp4WAIhAMDEe5/BuHYjA3xNGN/LJItkSVbP4VLeqKncSwwhlabU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkyx6CRA9TVsSAnZWagAA0AsP/13W3h/glvK+AzEHj4fe\neKmeNDUiPlR5N0Uaf9yqpkt8PoZqJXX6q4HNk5+WT/XfToZGMjX+1wYxW5q1\nMSz3G6+8YCFSZTMaKHBsFQoemqKkz/eRSq+PSijHIW1erouvGz+2zz/9A5Y+\najOVlPZYTedSsz9bsBsKXfE1ANx22BK0eH6/gcks5hS3U0bEvGi3pUuFOxps\nGeD5JSmQ4yo90zOKdDanJAyaSVeE87uxFFm2JmkOd7rvhPQTtFC04QeY5wRN\n7DSRBhjqod88EzyiKTt5lFMi0AwjUzQYDHODOuW1DiBAiD4T123FWVjuMYBZ\n/JB2qynjrmto9zVY561Br9tzwuNBuNL0xNlPLw4xfLEboxuOC/Xr4tjqRnJf\ntZ4waVoba5Y9bImRbEtfUl4t4k0y3zhialCVZBn2dyT1o1s5adyDx0zLk+29\nC6Hu9BOctjmXxGcGErlruekPQPeZwWo/iRSZeYZZw2E89YuvRYfia99jjYPY\n5J91vZpdWefcD4thr+j4bW++o3cHPtbEEXlapsK/6qFT1xP/V38k8BX8Jjl+\nOCP5VtrYcZd4t/GOfSS98DNaJm086spMI/0hkper4gpRQ4snxwPdVC3qOt6W\n3/lfONBjNySJfAuDLQqwnWROIN60Ic5xVyFAuS12NInVvj26TeMv2stRT5qj\nF4Wh\r\n=Nqvn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"aef50df6c5f49244a2b0e5a941794f4e3e4fd21c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.06930c96b.0","@material/feature-targeting":"12.0.0-canary.06930c96b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.06930c96b.0_1620257914279_0.5206815953662296","host":"s3://npm-registry-packages"}},"12.0.0-canary.03f525f9f.0":{"name":"@material/touch-target","version":"12.0.0-canary.03f525f9f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.03f525f9f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6bf2224bf3f62db16c37d706ed1ecf95622760f3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.03f525f9f.0.tgz","fileCount":15,"integrity":"sha512-l52grldoaJhZKP6KdkFy4xp1vCQU2Qtr08rtpTbwT0EE2RC73JhNXJ1jTr3L9ki/oRRLoPZSEMUqP1DXZWrsVA==","signatures":[{"sig":"MEUCIFDlL8VvMXODFBGlKj8swTwjWGAecSVlsibMkdFs0LaJAiEAkT3kJJ9StBf+/+GIZ5JKxoVOS9nOvL+bStpN9bnXOKw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkzhYCRA9TVsSAnZWagAA4UwP/irclOc8yVarHAzlxCGP\nSTZo9Pnn6PR9hDvpBPSPFmn9Mg8ch/28NT0rJIVCACYhOH0rWfpWdZ/GjSia\nF80yKEdjDnDMKKiX1Fbx3ubl5iZZ5zm79f4IaIflRNdWKsTJ/X2pfhPkDfmp\nMTyPn/O4Il436RnWW5mBTAqEo1apZEstNQ1rkenjGk+afsWfcUYg7Tt0+noI\n9diIrAT8EET7tNH6qkAR20ifI2u/lX/kyaHno7jHX5oOAkH+iTBk9oBOMOb3\nWc78VZeqDTyZQICtP1eT3D3xctuQsAQd70JR47vcFGxyf+Rc7G9IHTyX3Iuc\nkmR+hT/xV/zoj+m1fOYtF6+G1Les7pBWFK2c+8Moe1tOdWbBjLCvXoklF8NK\nnFh6e3NdSKJLufszNpcen/jyIbFFZf59uJCxk9HA9vJfXeJKw3FNeuAOGUH9\nG52LhIcwhyD1zars5D9j2yH66Xb5ormoS0PxBJjZHIR39lwIorYNN7VWFskE\ncyjp7n5Yj+XWvUj9hkSbkkrtAH4zosQm1EALvGPkwJtH76fQO3Ly0MtUsJo/\nmBLmCMtpg4jd6p/Mlbap8H1iGKG3msikVdGJ9yvBPLE0sAx4m0I4KPgBLf9a\nux2FXDjp6E6fxJzU9Vj4q9wSdtb1UCIl3CMzzpcL+gRJzzpK5gswW5vJb1nj\nFiZY\r\n=AjMl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f9df1400e21c75e46fe6641abb76d5840dede67e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.03f525f9f.0","@material/feature-targeting":"12.0.0-canary.03f525f9f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.03f525f9f.0_1620260951884_0.0933399646287898","host":"s3://npm-registry-packages"}},"12.0.0-canary.e82ba2a26.0":{"name":"@material/touch-target","version":"12.0.0-canary.e82ba2a26.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.e82ba2a26.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"929f8e6e2121b2b5a13e29f02f2ec313dfbf71fd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.e82ba2a26.0.tgz","fileCount":15,"integrity":"sha512-3yYbSnODoIiIXvMujMgw7CVF+zMdbuB9DuL41xZHU9r8nJInGJnPajgJW6akLElXVlAgj0Q6efST95zpJh8osA==","signatures":[{"sig":"MEUCIQDA6D2VFsLA//K/JWN/MY1/K0xw31dtdgkSnKRWbv4AWQIgforsW6PCkUmXjcUN2GKzO/7/v1smgT59ud1nEDU4vD8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglBF2CRA9TVsSAnZWagAAyUgP/ibttSSXFL7Fh5vskUmQ\nSO6iuf2dsKGhNsBNNfA4Ev+Y6JRo1eNxVy+n0g4ypfRVqA6fCOwC/ikKDTFi\n/M0yDAACm57DcyfvG6sXS7dWioLdqek8qYy2EJf9FOVEV4NnRhraX6pwUOI5\n+ATkH1hbk5+wNGtreYxDZ1aaqV2wCpePoJrVxHqZfSjKFnanTjq6B9im5GMz\nP711uNKPCVfHeFl+qvfofTxc+xNFQZ2CyF6z/xcAjycRngkUv/GVenDefVqK\nYjmEuH/fLmdfkL3evN50Qw+HeHdqLD8lYazBUjPpSSd77Y7er/nXF8whJby9\nX9h/ba9EOxEHoeOPyXnBX1kiE8oZ2buhp1TZfLF7cGuP09ngQ+zbywbtFmrZ\nIdQ41D+m1ljKRILA+4wQZC/It3jG+r3Wy8C0rBYc3oOKW7QwZI4Qe+BKKra3\nrcaGl3p1NM/Go1w8Cn4hRrwW3KAeqZSEnyiIfWB2I8XZr5CWFywklIXKX1q7\n/dc7TKR7gYBwSPnfK7JEpRdVdvtUpOyxhetF+Mav/IfeUtBM9a/8XwtgNy/s\n0pNm8GGv6zhWDHQH608eovh52ddA0E63rq0B9qLhtury9XxNmHFQnW8rzaq1\nE8qOj7LOCBwGL8q8T9ZwhzC2Q8MVFIJzefXw2p5FmFgNj6yAVr0e3Y+Am7D1\n8KtR\r\n=6osE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c3349c46dc5415cbb89b8260a8db012f44f09eec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.e82ba2a26.0","@material/feature-targeting":"12.0.0-canary.e82ba2a26.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.e82ba2a26.0_1620316533490_0.22306864695447004","host":"s3://npm-registry-packages"}},"12.0.0-canary.fc7c4e5ce.0":{"name":"@material/touch-target","version":"12.0.0-canary.fc7c4e5ce.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.fc7c4e5ce.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a67d7a2c47399c418b7a3afc4a2efd9aeddb3495","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.fc7c4e5ce.0.tgz","fileCount":15,"integrity":"sha512-JoMVKxVM8jT5oh0oRsFwiV7xLqNf9e14TI6QiojYFgM9LDwXtF7G9JRb49Yyyzug9PkkILJEBhUIiBem+PeCMg==","signatures":[{"sig":"MEUCIFppNGndKDjRIDZCzhmWl84wdFUq4/trApKIYA2AffXyAiEAsdgi3efAZccuQ9/FAkai4onMgVQT898b+DWrJrJhBt0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglCdDCRA9TVsSAnZWagAA88EP/3K3c6U2BguytWbyMtER\n36hPH0xHstyBz0ra0amobUm2zx7ZrxhonihomS2K/SblVVj3FCAtrMq1fgOG\nlcatBpq4xtBOQPWFksb6R1R+mRGWWnRiGrnfYfPrrN1P6v9IoJZ7z+FfagxS\nE8a3SghaOZY9fhjwT8D8ucysFfsq6kHH7N6zcZueSpHWgJgbndafkNXVINqq\nY61Z6gAAsuHsMvbmt9fsPDdNXvkCxMV5bdmSZogbREHIV6+w34oI+SVtiISI\nakjB6zGHdYMXg7EUDCfSh1Bgrbla55H76EJP6WK6xmytwWEmRTvCDj1VKkem\nY23uq2aGNGtzhJiUd64piH64K/H6xEyQAWQkVzHpp0D4kkMGpMRotYOy3pri\ncJbnSAGfCK6L+O954wMrepzr7yeUBDAiszf/feOhNbZz/vv08YnbGSuvj3Yi\nW2ISW7LYJfDatcUTdnVy+kudMBdvTnZLHLbSAzvzoKvvW7B71YeT8/5fCjZ7\nzJqMj2Fp9phN0twnriAb/jOWkAjJQTTmSa5UkK3fPCWZ5LmuGk3ge2oMwpq/\nQTP/yx9vaGA/ZfCOlOLz8KoGWQfIy1PB+EFkQ0W78r3syUlKS+cfJCt3WbRG\nqME3LMAmFtAjjx2OSwzGP139hO6iLEsXX1zR3u+VTBBDoFG2xNZTKS5VjJTq\nUREY\r\n=YgfD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b549929c65e0a33cd9d427a600513c663c2dae28","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.fc7c4e5ce.0","@material/feature-targeting":"12.0.0-canary.fc7c4e5ce.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.fc7c4e5ce.0_1620322114744_0.556547897802117","host":"s3://npm-registry-packages"}},"12.0.0-canary.65c04514d.0":{"name":"@material/touch-target","version":"12.0.0-canary.65c04514d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.65c04514d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3cf1347fd8dcd929bdaec3f772ecd13c85063f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.65c04514d.0.tgz","fileCount":15,"integrity":"sha512-exFtcHq4KkDxn1rWJy2Eem9nFT+ZE9mNrU8YhRHX9D+734pMrobDmaCUliHJD+du0XoECjyaMOD16JUjw0l18w==","signatures":[{"sig":"MEUCIQCwdsgn0fLV9ZvGZkbAgFdR0/b4lAQV2LZiQJEJengQtAIgEZ72DI9E790OqdU7WMVD5RtefOn12wxb6lE3kpj/A6o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglDiUCRA9TVsSAnZWagAAj+cP/iREwJVOC2lnxlNiHaBc\nP72aE16zxs8dAQBKENvV8LM8OfTKNse5a4fEYPSPzR5wodA5HHXM1oTlvoQW\nE43PPbRA8meDw86KoH+on0sLSuuJJhmTqbbxeTwl8rfMdul+JBdbtfGCS3WL\nO4Tj5adc8VF9TOVTw59QYUMz+TCFNixljwt1EBcYIF8lyY59OVEFu89GwTmd\nd6gAqGD0akbI4VdkGk3e5IM2Nxme+VLHdDGDtRQbtjW6sESkSOfrSJN/7WXk\nxG2RFzD3lHV7CzJbueKpZq1PGgC+YiLeZG8OEfWjHB51xzbF60kCXyN13bA8\nBskgMYJbTJoUtFGdpBmMqSlcZ3v0PGOApHOGAi6/86uatjgJdKoCPExkD1JH\nxmT81h5z5Wpzg0Abgbl+1Fj46Ejrnp9qTqybutEC+02steNJhyWB30A3lxdy\nn3JZMX77y82OT7rtCBQ/zwGk1FWFlBz4x5nXNBPW/mA5IRrhnAL7ORdSD5PR\n7fhJAi9W5CXqeGOv8JJSCxXpi10aPwcdqPQwFBht5K2nzxbtYzyPx+KvTa6T\ngtuN6s5oJgDNRz2yDW+5JE6DLZPhX7P107uOr5OybK7A7adK9ftKBSNB8o83\nm/2suQx2rYWXrPqGwqxG0/5kDz9KVTkTITHhGvbQFiVcr+FGt+P+fIgDGsOZ\n71Du\r\n=v7l7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"01ca5daeb81d99750f9020fc62e04bc76085858c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.65c04514d.0","@material/feature-targeting":"12.0.0-canary.65c04514d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.65c04514d.0_1620326547511_0.1803074201303707","host":"s3://npm-registry-packages"}},"12.0.0-canary.c97779ca6.0":{"name":"@material/touch-target","version":"12.0.0-canary.c97779ca6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.c97779ca6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea1b3bb98092f9642a5aa9fdeea631733dd5f685","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.c97779ca6.0.tgz","fileCount":15,"integrity":"sha512-rT3vG+EuVgBVey3b/vqDhfi6SQ27slYX0NeYCQlp31MQJadT65yWXgkrmiLx5fTOBVQuWs112C9x/tjQdlnlFg==","signatures":[{"sig":"MEYCIQCZLoI0i5IUR9nQVHRP2GoKjxzgqfLG4qoPQUGlPRXw1AIhAOS2J8FWkWb+RZEUeJrCJ1GY1Dx9lq+dKLlBPRoAFl6a","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglGKvCRA9TVsSAnZWagAAVR0P/AqF8QHPJEZM9PqWxCVr\naRMommFSKNMs3/frsTO2qDIoZJp0n5qCr9+yoz+xg+IWzLUNUZk8ltv+pXl+\nzfkP62juVU+FpeBi9q3B2zi6/Wa8c8iXAGPeh01f5bz1RsF4VQjeiNYrbRGk\nE44WSo1m9R62qjXxh4+yBs1QVytKAEs5ytUqxvmqDVtBcaF4lInzOEcUEBcP\n3Dm+a6/aWyErkPY2xvwwOkNIMTu/keR6sFnt25/vnqwE/vtEWxgMwHbWNFj7\nT+jn+VQMQBD+N4Btr3wFtCeRlHInke+BD2/GzQ1wYTcAIv3XMUh0AvdR++mX\n5HGHRfP6t/vzU0Y7r0DmA6py0ZFwwkmyt541T7CuqmnXxpae9mXrax2WFKq0\nLx8iIILBdB29OwgpepVHvkwXbCojiw1qNKWtjcbr2ZuE5iEacHb42eMAdmP3\nsQSTysDahfKyPwIXmqPSpzlhi6lDUWIIDqMdAgy+ifvIGwifr219XkJ0u8T+\nzs1CPeR9Rh1tnQWvDlgUH9/uFLUa+Bls5TweI/KY9XEafHd7MwTjUhQ3Me95\nf3vFsX52ATI1zuqWNDLU1u2KDwJFxOAbnJoK2VbS/H4t31IVWMNFTlrR1IFf\nYtH0zkAMy7OlQEQljTrRa1Po9+xzixVbIj25tLq9Z6tz5insTyDbEzJX7AOH\nLYf6\r\n=JdJ2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"046f80118629481ec1af7c937a84ce6e0fd1f635","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.c97779ca6.0","@material/feature-targeting":"12.0.0-canary.c97779ca6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.c97779ca6.0_1620337326587_0.487782042674316","host":"s3://npm-registry-packages"}},"12.0.0-canary.869d890d4.0":{"name":"@material/touch-target","version":"12.0.0-canary.869d890d4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.869d890d4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e69ded037077341d964d97b72dd1f0a8a0a766b9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.869d890d4.0.tgz","fileCount":15,"integrity":"sha512-mSWEau8UQuvFb+/g0pdveog2Nw6Womuv56tIBn41wwvt9tyl5RQbgnvAcfp1e5XnlkKHL7Fi/166QIYZo4aiMQ==","signatures":[{"sig":"MEYCIQCgAsh3WoO6MupDEurxLYiFndpgI+OPPCpJRmqmXoWYOgIhAKZVHE8iRv09vP6CWQov5B43E/mtzhcA4OOgbJJI0ri5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglVonCRA9TVsSAnZWagAA4DwP/juPomv5B6nmmS37jDez\nDSJxTLFswnToi2vn6XNAX/V4/xKtF1FMNBr1LU3gqkMZndw1F/pWOYgitlOS\nle/41BIxJdArS+lYW8olUWJm3OJf4E5tSsvnFGWpLmFfi5X71fegO4qVtLsY\nBoWasDHPe7wnAZrvpVqE10eTg3eU+iglmotEejjQGNEC7s2IZmLEw58QIA2e\nnDaVvk7jsbRM2ksGYiSBc4suqYDYhPZwW5ZBKAAOxpOHjPYg39WqZXAi9vQ2\nSOgQS4BzFsGqeXI1zRBccd+fjcgUSHNcQFTRyLehiPZdbbOpDP7wmcG8kHG7\nNBYJEwzZ+XscHMywrgUbOUyAN+CdZfv9P+N5LkS7aBSSqoZwO2M62ACl2yDA\nN1AiDWc2eyCGulOYSkRDKSBe1gVeE9ClFmhPDBV5uyClXXlwDJW9cY/Rtcxy\nH3LOCGBdCUkjKZEk4/M2AWiUBg7MxItq5nc/tUWHFlnDoWd0efaXhxXCV1LA\nuZAIyCLHbm5+aivs5M7wF5EgLkrM2i6KF2ck74X/Zfeb7ZbKLmbosIR5Looq\nJxFBq1i3DGq3clbSc5fPSQLsa+xt9gl3xWoj40rt5OxDXStELgEhxAG6TSZW\nODtLDJ1nd8O/i9abjgJaGvJNycc7PasJIngeKu6LetNunpVpYqztUS+XudKP\n1VAe\r\n=zC52\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cd73688a61b81573744ba9a03cd2952798eb68f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.869d890d4.0","@material/feature-targeting":"12.0.0-canary.869d890d4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.869d890d4.0_1620400678480_0.8487885721960591","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec22e1da9.0":{"name":"@material/touch-target","version":"12.0.0-canary.ec22e1da9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.ec22e1da9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5babb7dc715cf9e8d4a9bdf15cc478ea1707c5e1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.ec22e1da9.0.tgz","fileCount":15,"integrity":"sha512-EiFNGuzWKuUPPPCmmMDVyocQhGMlyULyZsyCYkV4HSxaAIyv6b2yueNrr5ohQfZUMHaqdbXewRIFjQrsh0t+hA==","signatures":[{"sig":"MEUCIQCnOcjQ+ylLP8PwxFsLQgkVPGJ8XWxkVuizOynP8uWYLAIgKp1YSqnoxLUlCT6HUiXLxTOLFyBLr7fPjdF8sufNlLs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmXn4CRA9TVsSAnZWagAAnRIP/jnSqu5bBlgQsS+MOqK6\nvB/UrigLC5X1GOtWZQry81s9R+cOYnZ2OfUBjCUJaoxuhlLStU8PUZM1AibQ\nZ+fb3K0XHnMG0nhyrWjSSJT/gZ2TTlf2/UPoIAhadhlNkR5ALNSygBztpvIL\nAzlBgawuuu+jb3b9Srb0r3v7Lg8dREefzi7d3F0CBlh+lJGIl4duzj9loQEV\nIfWrN7oIswNnSpt9zk5a6TT8rOhbvWtGSfKbA5HSSmRP3rY1N/bttScpHsLL\nvE1XFirRopohzHZTMsePChIa7jTDw0NOQFfIHRb/94lAhrkepWzuC1P4lYRg\ndZgCr6ztIiY0W64enfije0Q3LVK44Mt5Fr0TnrFZGhqH493wGh8L7a8rdtJK\nL0aFJB5mNmxt3s+JSgRJkiejboaAy6Ori0/JgqIHsDd7U4jwJuou67Fsa5OE\nDcXl8yMFvb9Z+MsuSZrjYtpJQywTpWzbHiTEKyosTqcIdwXbCzWWoSrSTXHM\nk5oEdkn5AgozW3153kkke40A/kYNrpTVTXfsdgEuYAaU5xk4E104LLkINGZ4\n2a7Eu2v0k7Yq7a+RgkH2b5OclNYkPNizeCa0ReAkWO8B/Q+FVntgQ+MgBUzZ\nDhgZyrZ6MU0IOlavKyks6ILFCYDnXv95ug/RovkMEKt9S4QF7V7N/fekKAJB\n0G5T\r\n=O0l+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"273a15f546b8d5df597771686f431c3726397778","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.ec22e1da9.0","@material/feature-targeting":"12.0.0-canary.ec22e1da9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.ec22e1da9.0_1620670967935_0.15689942152962089","host":"s3://npm-registry-packages"}},"12.0.0-nightly.7427449f0.0":{"name":"@material/touch-target","version":"12.0.0-nightly.7427449f0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-nightly.7427449f0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"118218688386f1787b15613b37a650a406e67687","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-nightly.7427449f0.0.tgz","fileCount":15,"integrity":"sha512-+mKPAUssq65wp0jP9TSqDEhBxF2k+InHzwXCUUz9zEbS7koh+svUKHsBeRr5huPwdj4nz6Xx/mk9U6CZY5/5Bg==","signatures":[{"sig":"MEUCIDHWRDyt98h82dX4sTsIxdz7unmLG0HMf4+IKjmXyn7lAiEAnlMu7KIKWL7PdzBvqKkBPNwsU5thwFa7E6t+sLAN2d0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15472,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmX8gCRA9TVsSAnZWagAAFN8P/3pspC/56a6eVC5nBRbv\nN38A/Qg2tNtVkWBRbJADhqUA04NEvU/C1EVx+HoDXYoko98zcZo2fgG4YTQC\np9aE4a/wKhIlwGFJBuUzgy1JUEjy5nQifSoFsIqqCfnPkHBXmpl5bleQPbk0\nw8xCm+SM9ryrGdvMN2vVOodsIPe/goUdPR3v+rPdjvuLScCMfalZghmRTUDi\ngh6QA7BBqWT8dCml9nNdTmabGNqOmPe+vkv9e/TwEkNv6sdbxCkqsKE5vgP5\n+V/NcpkeGwzCIEwSxAAIBCnDwU7tOkLjGel6lSeKsJeD5jBXESvrkzh4HN2R\nX8ZwMtgVcnYQqTklA5+a5UGY305cND0DEzcCoFCbMCyeTioRgSfDMrO+RDny\nyvtJv4lgDY6Cs9QvNdJrDQ/S9jqRa60kjK4qj0uiNX9HC59VmXbFQ9b7Tz73\nZLVaSNYuFsdcDNB8pQKENuUMWdVKuDFD32I6gJq8aOb7VPzxhNx9glUuQ0fj\nAl0ESd3ot9xmINmCrQp7wgsLkHurVAGSeYTNeR2204m0OUNvfdsXoekuaupt\nsuW6VUqYJqZqfD72hNU/XpshNBbEokBJavGp07QH69OxVeITQPXqYJxxv/3T\nSraoeOqE+tjpgJ+14JMGWWZ3RrWagb1i1icv6lvaU2+bRbX3Q0Ydf3Bo5BHU\nQQ3c\r\n=C5P8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7427449f09e9521a6deba6ba7da71038c2fc1f05","_npmUser":{"name":"anonymous","email":"asyncliz@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.17.0+x64 (darwin)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-nightly.7427449f0.0","@material/feature-targeting":"12.0.0-nightly.7427449f0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-nightly.7427449f0.0_1620672288331_0.18978963372229085","host":"s3://npm-registry-packages"}},"12.0.0-canary.957cc3bf5.0":{"name":"@material/touch-target","version":"12.0.0-canary.957cc3bf5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.957cc3bf5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86745d7047c04bce9d9d56aa40e7f86de8bdf5d0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.957cc3bf5.0.tgz","fileCount":15,"integrity":"sha512-NH2d3LXY4ItO0EJ9emet2wJEDs+8D3pIpYBPffuBGGnP7AufV89hazImoPwdg+ygKHlXVjf/6hSKBjXnEKwYYw==","signatures":[{"sig":"MEQCIDTMl4RBbgrZ0oY29mqWFNx251jN8zAZt1dXcs8tuhuIAiBuqJY7PTy7mx5GCjTmqf59tUT43yGhyxIqLe/mo6ogGQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmavwCRA9TVsSAnZWagAAFGcP/2xa8Nmzfc/cAw/JiPtG\nitzajCe0QzB3PnXdoinVIgHZSdxo73c16mgGMskBOFQtDtqqBQWcPJey4IRh\n+grRMV/5IMwg+sYGpepED/KnbrP0kFkOC2f3eGtHvgCqzzPfGd7z6zsx55Ap\n7WzAZFqYtb5rLnOL0vE+/32SdMiQF6QrUM0vTO/YbUb2vP0nkDUjxP9zNSmY\nKKMreAj1W/73P5ASvtD4JKIoM9i7Zby8LeS7oK/ZHYjuuLxNEo6JBx0VqWFu\nYmpHsaiYy0exB7C+RsXm8moSlcrTlyRGvO9iodNL8CrtpSZXNVt11J/0nKS0\nXJOA4W0PCo3/c3h1aEHh120731D3IkF0re789aPfSfx+rBaWuuy9sKKrhLOo\nDY2W8DWrViYwg46e+gqpxBZTdlLpdpQtpv0+fWMG+rPUeHzwEsSQkte35xUD\nrnJC11x47sUrEO4LMD9ra6nq3JgZclXGE7t+8IOwxjb1X6bxprvwHkCP4Mgf\nricFeb0hgiHt5Kte3mkWdZonMu4GRPksRJ3tidoaUlmmBPsp8/38k3ufJnny\nViYUdhRAa41er8GjeSrUt6zOl3vDXgxUcz4gZ7s3ePIT8KxOQBCuaSaPh/Eu\nu5RTzscWn3k+gUG1Z5+NTrKWQpn3FzpdZunU6if6/PQAYyTsTCEckCroJ0sN\neFyz\r\n=zCHY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3c29cfc65a597598e2a8e1841ef1af72450500dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.957cc3bf5.0","@material/feature-targeting":"12.0.0-canary.957cc3bf5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.957cc3bf5.0_1620683760494_0.4942094875942842","host":"s3://npm-registry-packages"}},"12.0.0-canary.88a33cd70.0":{"name":"@material/touch-target","version":"12.0.0-canary.88a33cd70.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.88a33cd70.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c86aaa96da030c7ebc8f0ef777629f849fc5f2f0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.88a33cd70.0.tgz","fileCount":15,"integrity":"sha512-jBqTRLt7U9RhEVQTVeF0/3ujWSkglvVIZWcA2jJSJH5roeBqwVGT4bR+IQdEub4DrfmY6DASjW6y8O9axqoOJQ==","signatures":[{"sig":"MEUCIEOrTmQyeyWPmy60WqexRjz/OQ+hJiliA9KdKyTxtdD+AiEAljtbU0Wf7J4Cp0rqcaLFuNn7BEeboTBdBuvsF6RRuCM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmcrsCRA9TVsSAnZWagAAAiEP/3+UzzE36fb1ktSQfaCc\nlCN3vLavvKGpsCeiH6ZXJOxdFePPP5zdsbn1XGNsrd0ccDjeGowRBokC4lYr\nl+OVid26cvXiZt2nfWIoYLbpUs20FMfSNZ5aBi3PPSRx+B0YDTKNoEjMaFI+\nirxoZSMi4dFWIkOykr4guAWbLW23sI+4Lp1xxhk/jB/h3MPa/erIQO9dcQN9\n6t3JNlQjsJMcbPDwddc/s1F1meWvDFj+jRRfLY88NbbRj1xCwlRC+JeBXBTX\nUgdX8w+IQlEx/QNvSrwBMMjNnfVQflJQzI3AuCj2ni8S/jj2SAeNCH/VPBb5\nQH1q7+NmL3j9SSrqXHPP3hYDesE9Do7/NsyE+UVyC0muYvkjxDToV/jKKrCS\nCC8fSuD2wi4ygMVmMdAKBDoUWIp7NbaaDo5sSWSnwZvm+TjliYszYhWpHaof\n0mUMNJKbe77XLgZUwj5xiNhAwxr8nomZ2wBlFZaBLAF632WcoXq5Bw2kXVAT\nn+1CYKFh6JGtny+BQDEI5X8deudbJOvmN9cWzysqxdoNa3vQRWvqgmCDZJIm\n/Ruv1hezw5hdxdSk1BG/kOSsdi4Qe8V+fppeynbjXv6F5+eYdeHRPsLnbxm3\niS8HO+D7gGIrcj4Tex6g/3TPT94BEMU2gAGgF7ZCM/6M2Oo2SKX2IzbQ6TFV\njsB4\r\n=99qm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f1d341efc173e89bd2770326eaeb1fbc581c9648","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.88a33cd70.0","@material/feature-targeting":"12.0.0-canary.88a33cd70.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.88a33cd70.0_1620691692000_0.10294005840311682","host":"s3://npm-registry-packages"}},"12.0.0-canary.d20dc6dba.0":{"name":"@material/touch-target","version":"12.0.0-canary.d20dc6dba.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.d20dc6dba.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c123d503a603a71466edfff830daf334783a9041","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.d20dc6dba.0.tgz","fileCount":15,"integrity":"sha512-etZ0Y8/ZDAl5TrzfvkeKFlhRXZJ8VIAiX2J8LC3+ZDxg009q9BmwN+O5tiWRITheZSXdpfO/svk7dMx3nj51/g==","signatures":[{"sig":"MEUCIEqDjpzdERlOENIgDBo0T3x/Ry7fqJmV5n28wMGBwtOnAiEAoA3eotYcU9bjnbeybZhEkA4FXmIQpW8EVwsiKj32K7w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmc6fCRA9TVsSAnZWagAAK4AP+gLgni6tWLcSRBWDKgNA\nVd5ZIWhHBcMi5dwvJdRIPpYamx+Wpmt5xq/KtR8TRNOremFgHp6u8DdBnFR3\n6k8lCuSIen7gQ2+qmPA04mdbjgDVYWtTA7rLhr4wVIim02MBARoaq4wZ+gUl\ndkqomMCsClUiPq5HfTfiZp7aX81LPwZbUXPgwAID+BZ6qtopqTQX/quz39wo\nLV0gwt5NXGDQR0CbKGuIDjLvhLQaYVXeD0Zsl/K0noeiZBKsU+qi4noj65E5\nTNuGfE3e5QGS6wR8YaS355WTkPOk/aWpKuMb4kxnI7KObbEIAinitXXnsuyc\nh00LBifac1ZbAgUFedf0+FnMM7ijvJZBzn7AQPGMIPehOCW8dCk5g6E/a8P9\nL8PYTgbJVFeHPRHaoQzQ9Lm9Iv2ELh5fNv8+Zze1IRO9qhirZCiT4sOiP6sr\nAxxqC+Rpaapxn6Guc8B/5ghjhxFM7Zy/YYb+Zpt5zUDSHv+2J6VDW1P+HkR/\niDWKHs8MGdkhnYZAC7+UNSBzQnX7FnJFcal+jRumQgp0VYdXyb9zd++eovl/\nlr56rnBu9j6fkURkYJi6BBBvafD6HbiGEkGYbHZxgc1uDmWKoLl0F/p5W/X2\nuM23NO/xspVdOgBNhweTLB4VAcqMGn11f7J+VwspJljNWpCzA7u0IhBbMe7E\n/+Ul\r\n=Tcn9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f2980d3f7fbbd8d2e3b824a765f7fb03096bf11a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.d20dc6dba.0","@material/feature-targeting":"12.0.0-canary.d20dc6dba.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.d20dc6dba.0_1620692638864_0.14730139650312557","host":"s3://npm-registry-packages"}},"12.0.0-canary.0ce2fdb02.0":{"name":"@material/touch-target","version":"12.0.0-canary.0ce2fdb02.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.0ce2fdb02.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e8c59c95c698e31689ac41fbec2c8ce0398bb86","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.0ce2fdb02.0.tgz","fileCount":15,"integrity":"sha512-cFs2/o/FqpjdDrxYYFQIoukPhcUeZBRGmrxdslD8ETk+sdchvODnC9B0ql43bIfRjZ45rMYUm8apSUZ6tk9QiQ==","signatures":[{"sig":"MEUCIGZYRWllryvKOSDN1aojM+oTryMzaJ5iqhnAU/Ez/evkAiEA5M+tt4g4Iy8Iz76tVjdtNX6nzI7pLc16OTCSzuFygPo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmdaPCRA9TVsSAnZWagAA+z4P/jpsMyw5q/bLzbslgibE\neMrR+q0QhYmn7FCz/Ei7OJbNEIp/mOPRDjecUrROnNOBV9v0Za46E6y4HFSJ\nem+VKqbpmGXZG3vcdKTZVMEbKDYiSV6hW2ty93L7gaCss0i83kvqqUiBH3YV\n+nSI2XPEoGzbb5X0d9Dp2jgMx1Suy7L6lTj7Doj0GWC4kgcwTW8IcjjkLwCP\n11kiP802W4UnniKsLFpKE8J5Ablq3cam2Apdpwh47zUV7/24THyhhWUPR0rs\nXYs3SB4qgrswYIiLZ0bpqnCtMqlDuzBeoyWV/mHjPEnTuJn2OkpZQd4tJAzs\nGeUQCMOjKQVs52n+23oVK/0oPkBajmVgrF2PN5sOMsjfsIg1ai29Vhf77XBV\ndsKdO1vpp8UlJDigot/i2bxYE3X1KnhvIHCtSKiR3mPnvy50SR1hhW+VJWu6\ndT16MDEWgDCR6A9anzYL1S5z84iAzosus+IxKEpC2/YhprtkKOQKFjd5zCDO\nAId3PqsSPPXXgSc957XqXBis4NNlK+TP8+mpzHKjMk5htWw6HjMV4NukQogU\n4J5QFpZ2weP5rkfASnQjBWQpWZeOWZ6eQkFrIKkmhCwfFnjz4bNpm1JxQP7p\n9CO073pyts+JQha/jJAuwfCqbXVdWJuX3U2AVn5ILo+a5G13QJYF24bcvn5h\nFMXp\r\n=gd9T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ee2139d87a1d755a50dc6bf0a6dd53a2f39548f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.0ce2fdb02.0","@material/feature-targeting":"12.0.0-canary.0ce2fdb02.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.0ce2fdb02.0_1620694671517_0.8891018984223868","host":"s3://npm-registry-packages"}},"12.0.0-canary.cb162da37.0":{"name":"@material/touch-target","version":"12.0.0-canary.cb162da37.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.cb162da37.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3d59ae267e861f565f8a64ca2d1037267c02a1d7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.cb162da37.0.tgz","fileCount":15,"integrity":"sha512-M4w558I1tHUNuywGwKv9CgYSxoUPlosz/fejl7Jm+oFnO8QHmJcSqpYn0GEKgpSFeHaybAyNdW/PhTCb1xzRaA==","signatures":[{"sig":"MEYCIQDs6HBHVXhRNiBkiGfCdlmz/aOyFp9vh1g/7XF8RYXQfgIhAMpJG/KSka33vedyde9KedF03lGbObGX7EDGPNvCb9TQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmeSQCRA9TVsSAnZWagAAfJsP/A47M6ydrEjmoJdK26Zt\nnVcIsSFnimFI3p3TG4vqw9ACfvDxGju/4aTQV8llpJ/MrOzjCFYYM1m6LLoJ\nycRJhuRRY+DcBRCjDdJOjE4kHyXKGo9K0SyeW9Hxtr5NrwyV3HVFN4Uh/JY9\nvvKLfKX1DVYvgwdyWN7pWdEUtoPTsEtuoLqm+WnK+OWnr1/v73iLrNqb/muC\nkkhI8lpEZnQ7SUDWERyshBUnKzNuoOlgwfV+EG+AIODDZ29n8OJ+ntEkVH0A\nZx/MJGx1LBSks06eOAkrG0YV4mNdXWd3AB0PKgj5+XH5lQHBMu7X6grFzpAy\nTdSXsxf95f2ECcRX/Ozxwq89SGowUp+7yxtQKKp2SWiCojFf2uN/OCY9mwlR\nMsVw2B9asXiEVH3DAitkdu1sIP7MyKP8cJv5Ud8NU9AL1szDMLZHS4vJw7jF\ngMFFEAoLXhT1nCuxwa/E7lpWyplXqo7yKfkTaRuEbW5AJ7GIXBjiDk/fHLEO\nrUpzOmkDbqGciRoPbwYLKxAWu/YkT8gqYP2iIwnd1KLGauy4c4VXORjYqUkB\ndvOASiL4pxnvsTmE6khzlJvssitSpvkPi0q9FXSqmev7VKrXLRsamidfESWN\n0mSsGO3rjHVje4SQWILTcDRCwbiGTsbNoqB1LkxRgCg0pElRgD1BKzs8V59k\nAuwC\r\n=Ic9A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9858adcc9ed7b1111dde19951ba96847bad0beac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.cb162da37.0","@material/feature-targeting":"12.0.0-canary.cb162da37.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.cb162da37.0_1620698256370_0.7532669063841912","host":"s3://npm-registry-packages"}},"12.0.0-canary.573dc7ffd.0":{"name":"@material/touch-target","version":"12.0.0-canary.573dc7ffd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.573dc7ffd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8651d08bc21808fa594330e68569c2dd57961c3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.573dc7ffd.0.tgz","fileCount":15,"integrity":"sha512-DG42BSkIzwCEPgM4STlpr5RNiwNJVK0hKjlWz3SeE9SpdEmtwQq6q1bK5Lo6nSevFpOVyf76WySvML57XMPsNA==","signatures":[{"sig":"MEUCIH5FIf1yaxR/XlyRaTV6hIwdW7BwMVDxzXnze8krILCiAiEApdGuL2CiGpHaK2hETAkPBr0ewFDU6Z+1SemqPueqoXc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmekFCRA9TVsSAnZWagAAtsQP/jGtwoF12p6wu6TlNcwA\nnxkkAcjlLBL/eV9dcUX5F2zOlZIry4EbEYlY7WbE5uOeyQS6FV/i271u510H\ngr1nRsXIWSlvtUd0l238Iq9j2WZDwqcf9WmNxPvE0W3aCdi4pAR3BGN9W+AH\ngfCVDDyiMgSTy7ero+63FcI30fFMdRDoKnte8Qbt3jRg10l7e9DiM155U03O\n7MH1CnHJa8oi2acCrb9nh8Wlry2NKWPcsktXjQGsFiPx0t9cKd8/WlP831SL\n6gSifT4A93z/0xhphuL7LQ3bNeTRUs1vgqJ3DFKkzogBZatb2Vay3cpum2gk\n+BCoCXs9eoXWVNTUm0QjZoloB3w0zcawzjhXsolw85HQ6QCacozgaCsWsjWo\nIYaS5nKMmKodpDbzTSe1R5iXFzjvkldsTY906GPTQDd/h0LLT9WtsWREW3sJ\n+5RcbuRVWBwpEL9L5QkxYR3TW7V2UV7W7Ou0urIjfZINa7tZjYQq7G6lp0S8\n0faNCPkp4FKYJZzsidEnqZEOzGJuUuwrvyG0hzVrvLttvtNr7QdG7St0wpFD\nA1gib53dzqMJfYpHfWnNBsi5zQK0saa08bIsqQL8bcyZGXg46CzLtu2ESYOR\nA2Z+CNSNIWSj/VYD3mlRKD0UEJI/d3iGQja4OYz/PTXsPPWFfXX1+dcSHvBp\nbsZ6\r\n=axsF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"67aa299a5066425730ea2e8558f89c111a5ab156","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.573dc7ffd.0","@material/feature-targeting":"12.0.0-canary.573dc7ffd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.573dc7ffd.0_1620699396762_0.6047162878739067","host":"s3://npm-registry-packages"}},"12.0.0-canary.d5f6ad3fe.0":{"name":"@material/touch-target","version":"12.0.0-canary.d5f6ad3fe.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.d5f6ad3fe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2a47b68d2c801a7e8f0e718d10c3ff7b8d67dbb0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.d5f6ad3fe.0.tgz","fileCount":15,"integrity":"sha512-r3x+NorhYUERCZq4PWR1bDmbtEFi/mj7Q8VzYGMEcMPazu2t/kWtJiyO1Jazn1oNQLucaDI/eVhT0G3mQHFHqQ==","signatures":[{"sig":"MEYCIQDRb6vHMf+RTcX5ap3US9QR0GEFGWf95qg/jbAlrYCvmwIhANz2x0yoZc3WJhrIYXu2cwoLClCVExl/jv3KnksA1EmK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmxGRCRA9TVsSAnZWagAAuLMP/18YkFhfxJ3PislVFQSk\nG/y9A27JUekZ/ySz1GyS2ARcBh1xq7007/hYRofT46H5LsEgeOp6zGrTCD8F\nlpm2n/3KauiMcUemmnoXfvFdi54BAu+Oy5uTQOYxrdBXqfEA6PVzVVv7I1K4\nZJu8QTKxHKFxdV61n0Vh2fH54jIqNcs+RTuOWd5hp2RCkaiNBD7oUy6tAIw8\nhi1vh5hKWia4bXoPVGpeZ1V885HZANDGJUQL7FFs3/WB6OFr7TtUV+x9nitM\n34o9FDOTxQpYaz1Yp0L3u188yV0KafEZanYASD6yQbqek8S/JAO6IETWhoez\nITGmy+dYHnvjOn6sNJvSI/Sfu5aVP9sOvwbEngcPO76KD1IQpEJJ1N+o1a2U\noE/uPGrD8RUOPhVy5Qn3GmpbDLWelGzmypZoBXYKZGIQd+AxEHaDg6znAkYC\n2mBKPXKM708ng5N6qYbmkQLbyeunVYh/AQvn9sbYEoY/eDmN1xbAzbNQt7fs\nsZqS3m5SSyRGco+nsK71zM0NQMPklOEezo/R+Kn2UE6J8dPLrawFVs3w/tXh\nCSd1OL/THEiMu8ypiwB1blf0AVs23a08ljP4x2GddwbAP+i9k7SQ2JdDts9w\nFo8MZygoi4SHD2oK/YvN/HdvlVSsjxHwqAGWqFTUEH/EjKIkRKG62IAORLi6\nXD2+\r\n=mfgy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c0bf85201107dc8a95576c2392f5b1771bb2c969","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.d5f6ad3fe.0","@material/feature-targeting":"12.0.0-canary.d5f6ad3fe.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.d5f6ad3fe.0_1620775312785_0.20008728870263037","host":"s3://npm-registry-packages"}},"12.0.0-canary.25751d2ed.0":{"name":"@material/touch-target","version":"12.0.0-canary.25751d2ed.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.25751d2ed.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e72dc376892f684f0345ec0214ba38586a704a1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.25751d2ed.0.tgz","fileCount":15,"integrity":"sha512-hAjAkyzHPUbYWVuNW/JqQl9jVVfSOrZO63lkfsQNxo4htJGBwJhdhVD6zYjj6qEqDkMcllAgNp4drxjsUAIunw==","signatures":[{"sig":"MEUCIQCDzQXZHZqm8PmQ0g/r/Pk9Gu5Ofa5fU10kYMg5MhE+QwIgC2b/HDoR14zUPkoL4gjuQQK0rKAZAQW0230KX8TG35A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm//xCRA9TVsSAnZWagAAoVMP/26++K5D4sdx7ZKEr/kC\nddrvfC+OUGgGfSWF6lO8jDhi2QcCbVl/f3uF/9Z+o8k+DUoCr87szdbp6rFs\nPZ5gSuPTJF5ciKWtl2zDQIV0To+0v7RhfPnF7nVtmNH8yXf/zSFbIpmbcCG1\nrOLKILYCCjw222ycnzaoYDEo1KiZsc354n7Ai3iFB5okivTeBeysSPvhrsWJ\nuB29xj451ew2yLThLNi4PwqI20u186Jdd9zgLP3ChrzaTKzs+82nR3GyRrsF\n0iNgiMk49oia81vxqI2J5Xsulo5rXusgEu7xNcQ+/HrPf/pXuxZto+/kLtSm\nijlhfULi7tIaCzyBwwitfnzviziv+QJ0x9+FBRi48nlI4YoF0XUSz9nUG5up\nj7MHdTxQgxHetybmyN+BsVYqYHllHYk2Gl/V7o0X8mpmicBs+buYTtBodBkf\nQXRbIBmH4DVLne1INwevxmuiQkKywt907dG+ZL83jEWzSspoqAtc8AywVLKV\nZHcwbpSOERAMAU/nMySGmNxS9kphucWASHSGo3oflv92H9rE54MZqebqfwKD\nBQoEwAjmXo0v+DUmnd4NChOHvILcGhrOrfB9siU/F2MKjaCC4nRHlxCuvHEr\n8CVoiRgn2noelqHmJoy+ukqNRLiYgT5Poe3+63FT/z1kjqpUeVfij42A/EJh\n0CT0\r\n=YR8J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c38dadd226475a1dd91a992667019eefec273bbb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.25751d2ed.0","@material/feature-targeting":"12.0.0-canary.25751d2ed.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.25751d2ed.0_1620836336582_0.5586695576478171","host":"s3://npm-registry-packages"}},"12.0.0-canary.a23ecb682.0":{"name":"@material/touch-target","version":"12.0.0-canary.a23ecb682.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.a23ecb682.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e489ad1587305e3800c0619b8336923971e1398","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.a23ecb682.0.tgz","fileCount":15,"integrity":"sha512-vm8PBZGROnBtEs9PbyUyV/7qaotpUUuLqXOx+IA340lnvKuJnj+lWiW+betXvBkx6VKx4oKWVm7Pqvb62CQ5Xw==","signatures":[{"sig":"MEYCIQCixUcn9+CY9FWlsr0hbuKzzCim6AuCt61JJ7ktMb+fJwIhANJ3ha94pb6T6Advf93+NAcvljRbcwRq4yIakGJGVjEc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnBzkCRA9TVsSAnZWagAA+psP/Ayqz6SFXblinCfbURGB\nljYeVj0ArNTYmbkfsjUi2ytDz2X8ICaKfYof6Cq2NptpJzuGGwYf29KcUP3/\nI/Emyy65td3shEqysjtc/nVvDB680Hzf0IJ2en+3/RT/nu7AmOklhHOgJ4nE\nTw5daqNzBEyaLkDq8SqTIXYCqjTG5Fwv61x9qsn//S/a2keXX8GZIN52iLbe\nBGuI8JcW23xhn+jW1LMt9EeaozaegsJcnQKfUu6oLlWHIz+idFaCBPKJSODY\n5q7ZUBBeKvpp770uFEwXm7PTWGyX+OLAuLKRWa0fcshXvR62fNLpkSBVbQVj\nAoD3todGsvahs9OFvJ9jg6TeblliBtyXMsUpes04EO8ATaukgwVcamF1Elv3\nE6x3twhxERlZrmMjbiy71DFcYqXACZv4ZNPh3NS7E59qIfbeVEWI8DsocAXn\nQ22ixu8RP5EIc1xofIA7IBzz3c9nQUA8hbh3oCIYVKUlKRMFFSLKM6v/cpbJ\nTsLdmQulHS4OpRdZz4sOd1c95q7pV5QxJsXtU1zpXxgBloufxHH9X/AQFX9i\n8txkhmG/dFhG4bRnFHk/AeJNYKEh3DbB0OiofIToJ4ubI/0TXVJWDJdJRbgv\nEZkJLOeJMyh3UYOxubWTbkhbi3/K8qo/DOzOeO9EFSd/xBBFfNf8lzzfX6gi\noYCc\r\n=ftWk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"da78c3f024a21d0e0df18a30c887082b202d7269","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.a23ecb682.0","@material/feature-targeting":"12.0.0-canary.a23ecb682.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.a23ecb682.0_1620843748068_0.9677868909618494","host":"s3://npm-registry-packages"}},"12.0.0-canary.33a954852.0":{"name":"@material/touch-target","version":"12.0.0-canary.33a954852.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.33a954852.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"96194742e5c76846b5e2cd3aa25bb67108cd21eb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.33a954852.0.tgz","fileCount":15,"integrity":"sha512-dAwb6ZgfSeWvLw3JIBIJKRo41j55Vq9G+HILNU5/5PevVMAw7X6hS+QAt8e+6Z1nCIQwPIpG2qa3xfDhQnLL6g==","signatures":[{"sig":"MEQCICpjJjx4/EHN8tVqbo1l1prV5973lF/bMmIp+BAReroqAiBmGgx3SdVBrAxq4QunfAx6K4heSskORz6zYbMkgqLXpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnUCNCRA9TVsSAnZWagAAxiYQAIet4xe6KGYr6u5XNzSl\nC15YyEwzlRdRhoq8a9yuUHodZLgtZ0VSc+2zuA/scfAbBRijtbV+pyPiV4Qp\n74uR5W1MSh+1wUG/e+5Yr9uTMjc/Tfpt7quK1JrUpgBMc3uFM2Ds6ChQK0iM\nvMo4odh+STNdlL/+wjiBbnWdL8KTsfsEUnHU/aiDXtKDt+gRkXTqOi4SRPzq\ndOmjT4XPxDDYgokzueYF8MyN0FwyhEyiDX2pMqH0j8vfWUvLHd7uMRGDI1C3\nEE7lXTOgtOVLE0h2blpoprbwtYxQop2PkxSEIzIhlz5jI0S1kdjFOZ5PjODU\nasi4CHFmnN4blHW5AGodwSsYTCeMFTlEuK1lME1ZVrOwMpuMAnfDxqiApiLJ\nWTMapB5kHfmiWa959ZjjDaCb7Tryrx845u0dI1ymgaUk8+/y6jgvPQfTH6T8\nlQyLF1qQsR9x+rV9hb05c7DRXkSyICEZJgEWJodGG4kuH85CKt2WA34aFNyo\na3L7BV5nGupnSGreWUb5C+DHrZa1UtaSNKdh6NH9n51UW9jNxTh4COpHKif7\nXECdNBhbndfvTKRotC4633I6RHp4JA1QOJnqisPdKgrfcf0xiKMNvkNadVbM\nGQ9Rxg3lpahQxmuGTVkklH7sHvYgKpVIM6d9/DVrZBZegPbknupitifsbyG6\nwaea\r\n=Wvbz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"703dd5ba6a1225efec74655d3393690dca1922eb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.33a954852.0","@material/feature-targeting":"12.0.0-canary.33a954852.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.33a954852.0_1620918412798_0.3812696005843561","host":"s3://npm-registry-packages"}},"12.0.0-canary.a4484849b.0":{"name":"@material/touch-target","version":"12.0.0-canary.a4484849b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.a4484849b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f18867dfd7fdbb08e5d09908fbd4de476b0a629","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.a4484849b.0.tgz","fileCount":15,"integrity":"sha512-vJdiJNtOVlmBQzQ0pFaeaqJ5g2fEdLK3WjExSSmwn2UNSB6YdTihgO4SBI/PrQqdOChK+RK3hgR1ki5haNBk3w==","signatures":[{"sig":"MEUCIQCbPAYnwlbq+QCySWPvBtNMJefxKHnKtlq7FxfmcGpsbQIgOVC3pixNfWdxFp+hmLaewXPy3s7lY/dTWyKZpQPxie4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnUYECRA9TVsSAnZWagAA8rEP/Rw+ItO/jm7a6yp8wPol\nlyB6/WUMQsSpQ5Fh+9gzOxOC8vsvtAA+ytX31IuCqlnkiwuorWtX3Uqwocxx\ngAKE+DUyAKQEhEPRYmCYJSP3sbTsOAuthdHs0zMocGu465X0u1f0eRd5Lio2\njrw43wrF142cTata7PLVNdEQPeh1Te98w5Gi7tVCyM5kp3o0y4WOyC5epMOF\nWMkTF1sxSdFkRWzBtuTF5JjJa+DS8TKK5a3cTYdyEeQDyF/RiNbwP7EYTEl5\nXVDkeBp6GSAn8ayl1lghNW59qkqeVFpAiyX0YUMmuW1h+ZlylBHUxYabgvO3\ndL4/0j4BBxgSjpFK065G0X2CKGQzLqQpKo5eErjSZ73UsTwBDsMyaXZRRua6\nNziINIUk5dmHMihinZyq6hYksWWToPRmojWS55OztapwTmKLCU9Sm+0E5c8u\nR9+DVKEkVLFHB/MU6bfE8thpIJ//u35+2GrWlxrne1nXh7+/FuByv91mTwa4\n3o6meHG50lV3HBTkt/Eqqtfms3uWS538a6ykUsAd17G0rQSrOXU/BdNnET+a\nkQY3OkhdjP4SwgNRLJslcdEZT/YjM4PRu5NH/twTDQzXAczK1h+gSA694YV2\nAOCK6x8QezJLl2YB6Ro62nMrV94qLx08WS+96bO78BGB7VoxYBDD7+lYQN+r\nFp/D\r\n=qBGp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7908229b1205198ad87858e49ed29ee3836cebfc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.a4484849b.0","@material/feature-targeting":"12.0.0-canary.a4484849b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.a4484849b.0_1620919811710_0.6974630732457598","host":"s3://npm-registry-packages"}},"12.0.0-canary.b4c3f513e.0":{"name":"@material/touch-target","version":"12.0.0-canary.b4c3f513e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.b4c3f513e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"92508910f711cc535386610f9a27bdeaa99c473f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.b4c3f513e.0.tgz","fileCount":15,"integrity":"sha512-20e4i/UPZvmai6umcdKnSl0agHqvMv2yGSGVqsL6caW+Qx51Rdr1dgDuEv9djwIoXi8kBJ7Tb6V3ToA0lS0/Mg==","signatures":[{"sig":"MEUCIQDtrjecIEql3k7NeoXFcYaLITv1ZTZoKQSnrkTxQNsSxAIgQRTG9d0q1UCmogtMhR/I0ZTNQQrSBjxsJrJM9I1IcyI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnU6rCRA9TVsSAnZWagAAA4QP/3Dq449lR7/jxmwxOVNZ\ni05/f6Xrkp3wgl/D1E6rcGAJ0ft4h8jShjMDkUUMxuypj+e/MpS9UCO/FjuI\npJqkW/1F8CFC+nUiPK8stozKMKZ9xsdM4XCPrN4yA6LnXu4cvD2L4WHSKkO3\n748Ltxr9A+vftCm122SHpTqSDOEMr84oxL2UFxpiJEGaUs2T8a6HP5P7EM7o\nkxeLVjdpudNn0dKLXRc5DnVJCTk5jzo0L3XDc5tqreX/grK915g4H9QUVByQ\njaCMqTuFT2S051NivNe2kiI2LTEvHG6gA+491e5JlUbTiqg+zC32+/98ZoJB\nl5ghGxlX3YeXmcRY1irYMIn2IOddalnO8Z5qYb8dcxyqVlcpa5JCVDxkMSRT\n/VAFSJBDqtvqqvQQbUb6d6mLhGAC21HGO/+0VtCNKpOR/Ne5+kjRNi2l9SKt\n+IIchu8OuGGwvENKHiVcmCf89rVKOGZ7DMjEQFxgDZikuIV49VSyMo2CnEUv\nMqrKVkbvLYsKa8bEtgOX3zXqBdDAPRwq8TaUfyoje+H9x/5MVB42HHfpRv5w\nETHbH0Fc0ISGYmanPqTUtTo7fKNisEIKKIYkrv9ntQV1D9luTCBaROuvATtG\nAejO0Wa1SiPoM8jTNm4ot2tTtuyPIyQRMCcl51xOK8/8V3QlGiXz1pEJi0c7\ntVnW\r\n=78iJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c2183e7caf6f0437e64e41b632f75d33156547ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.b4c3f513e.0","@material/feature-targeting":"12.0.0-canary.b4c3f513e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.b4c3f513e.0_1620922026812_0.30485378071515457","host":"s3://npm-registry-packages"}},"12.0.0-canary.1a8d06483.0":{"name":"@material/touch-target","version":"12.0.0-canary.1a8d06483.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.1a8d06483.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"18ae321c2c6a14bc3bf7c7966f2413a942ef28cb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.1a8d06483.0.tgz","fileCount":15,"integrity":"sha512-JiEIJVzTEwKxh87/noFXsOmF2uWUPinJc0Hhf/BIZrxQk0Gi0MJWwZ5p4gcfv3Z8sC+DjZXd7BImdDhBV2oZJw==","signatures":[{"sig":"MEUCIQC91HFfUSPmb8sowGsKIqwG+sMm9uQkm0U/MWDoUGDxmAIgfymejZL9w2JGACCVUf2uMZ1Muxuy858OM2Sfq6HPiEg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnVANCRA9TVsSAnZWagAAHhAP/2iKzzBxHXaeT/OHKvtr\ncdAfy2i2vqTLLmcySpO064VDAOJCOHny4NXYVCvSg0To+MCytSPrV4RUawSq\nKFE6yFAvbgmdfA5maByiwiMEdPiNyiRdiMvHSFG/r26+H6SYFYWRFqTb/1BI\n/g3+PRqR5LfGerTEXZC/se/IEAuGgNl0VXDzb4tKTWM1yFTLTtA5ETG3+K1M\n3P8kqePrN9zijRzq5CLgwny2RxF8Br4uvo3hIpG4Db8L0aQTPG++mSAqyq90\njpcRw9PFWgdFB9NwboeO6T3h5V4vIn3wGvAkwsH+t4Z5PnWF5QOZgRYjgyWS\nRAc1SNVSWI1LlH4RTUzcgjWFOFNzWXnl/0sgroMSO/OIrGqMq4eTli7B5Obh\n67dlGoyREYFn3jdY62wrHUYoNiV99yUJAg6SNy5qvJdVBOtp1TUbPanHmuSK\n+nGrjzLt8Dlst5f+zyhjzsnP65fMNDc+9mWDAmxtjSfVjAjRC7d3pLFkfpnn\n7WWD2JX0zu0HcDxwHM71mfJZGDdbQqMbvGsrNBjVkj2YET9u5mNWSQ7z0NaM\nUHyFY3buSmYMfDJfuIcEVPOZrWon9Ay8b+dtDw8ZnCX7EqHGye67At1HmXn8\nR427fc+YFbxmctdg7NErWbtfrhK1Jkxdr/TkGZXX/uCUbLMJna14qB8RueZn\nH+LJ\r\n=difC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4fd7ff5259e7910dd76488a7faab45af839a13b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.1a8d06483.0","@material/feature-targeting":"12.0.0-canary.1a8d06483.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.1a8d06483.0_1620922381228_0.3154337521455768","host":"s3://npm-registry-packages"}},"12.0.0-canary.8e6081836.0":{"name":"@material/touch-target","version":"12.0.0-canary.8e6081836.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.8e6081836.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7641c0bd1b72cc07e202c3b35036aa6af247a2fe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.8e6081836.0.tgz","fileCount":15,"integrity":"sha512-Qh7R978T3cyV/btIn/cFXx1Hks72aB+8Ev/qE+JtZoEVf/DGqwnnvgr47mVU7EYkJjxwFeqWiL0YAZOQkf5Sug==","signatures":[{"sig":"MEQCIAE+jnFhCZrW5KnFERJRyN3Uw9Zp4zSrWP0eXgsJfsdlAiBja3Pcn1ulH/nffoQZob6QH7Un4grIGUiBZ4pNR/BmWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnu4tCRA9TVsSAnZWagAAdaMP/25pmJEgZOXYx4FrO1ss\nQhmSIpsw2UTk183dWAYEq9vDl32Nsk+LPn0Bz8TffiO1WzfmkZejdjo273n2\nNghjEVhkZkUrbjRQf43YMWN7/qyorICPGp/8dilPUGUW9jyuibMQkoXpiqh8\nIsTbi6eogdPNiMJT0AAjkQFjRY+v8c2Ehi5K6xMt6tYSQsAu/AufzgNAp/YH\n84cb1m5PvqF2JiOzp1kHoCneavv2SzqPlsX26dC4PLCrFdNSxJs+y0/j7XRo\nNQMnKWsokdPgOPC+vu69hzEySbDEIomSxWm5BGLGinrOMyiCkxa0uAHgHG2c\nDZjXtQWpGp89I/607MCzuukzNtwPp+jfxGrwP3idhrD0n6uaPUHsq6CDJcWu\n71kXqx0p6pKahjRh0ORuzoylZZ7OB1HP/Wkj8mQ7fpXKkIy4Zk+aNwbSZSgq\nX9l5JrtYj7VO7oUyhHuNOQJUaoK+splrX87EVLtQ/f1DmO6XuUg5vGHrBCZ9\n9IG4Vox0EDSQhl9ziezs7jbeFy9OGI1iOY47DpESayJj0nAfFLKY1dGQNF2V\nZioCXDFNzP7aWqHEufdu1Uz7rK/ydOzaF1D386pdg1JUwCdMgjD5sR+K84V+\n9IXL6QaKZfCOE+3yZFl6ENCduFdEg9k8L2/z0zWsAXm+7WNxsSnkovasz7Ag\n7/tV\r\n=Yls8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e648805eb34c990054d503fd3f70ed25e40d6d9d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.8e6081836.0","@material/feature-targeting":"12.0.0-canary.8e6081836.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.8e6081836.0_1621028397140_0.9914385342053418","host":"s3://npm-registry-packages"}},"12.0.0-canary.a2b0f4cee.0":{"name":"@material/touch-target","version":"12.0.0-canary.a2b0f4cee.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.a2b0f4cee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e12dc832a34bdd9e09b2a23944ede7bda4d92603","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.a2b0f4cee.0.tgz","fileCount":15,"integrity":"sha512-Y2UytBpNlSbHnjUsNH4EF+Pdu0N8RyP5oapIZ9ufgeskhJS6K8zwl7rYn7o/nK77VJHrkjSQebiVK2psK+Rduw==","signatures":[{"sig":"MEUCIGNlRqepQyKN60+nppytSDcs1EiT6Ns0wBe0/CqKH1joAiEA3jn6vhUoOh2t9/wVDeYZCaPUredIEmr+x+TMOZg+iuI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnvFECRA9TVsSAnZWagAAVAUP/A3N0VBq/Ew9snJ5V6/z\nku9gxMzzIDScS03ApuneHp7TIXMQWGHNjld8nZVvIvnOo25+UbKo0ObJWpjf\nyWCx9yMeaskz/Puhq50KyhX00r2mR9f8v/kDyAn15kpelfJoqz6Z9tJ6mnm0\nqpfxqQnHn6jYTEcOD3QEoNDFKnQCUnx7GtKJ8V5+tO2RGzF2rXoc2Kf42Y7V\nO2fx1g4ePF3oWfHNmkvOQnzQZbO0iN+Et52x/wrd8GUmt+vUdwZ5UvLKcIxL\nIkBzmUkr1OIn5DyBxIZ/pls3voK7RRmczZzDfNmZvZ5cHLZ9B7sEajs7QcIu\n1xnCzlfqCBTaIO9yAsaTvH8ZM/CugRvG9pd0nG1e1bsh6Ld36OO9HMnoWT2q\nGN0SITDEMIH/aFD6Zh+iyQpidgH9i1L7q+1adoLraT1SJgBpvIZg4Sbsy9Nn\nllkgOnS8JSuDM0mdZcHARLTJQULTgCQlprqoBSEJDLWV3I7Klely5LyngpeD\n/LmXXmeIB7opXcjOUQar49N4M8WZfNBFy0ngEV7iWqWiS7ixvQfwR7pME1hw\nBas+rWWDc8ypdObrtHNUu/6Grybm+EK+ptiPQGmD6bYIpILN0AwS+YMsV4Jn\nSdP7V1UW7FYF5+SUFT6OoQABOyouv0bHYW/UGWNNPiTaY9gf2WDetFqGVO3P\nUp7h\r\n=J3Jg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n    <div class=\"mdc-button__touch\"></div>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"67c2d3cef073a380a13ddb6bbbfc90886c7af364","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.a2b0f4cee.0","@material/feature-targeting":"12.0.0-canary.a2b0f4cee.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.a2b0f4cee.0_1621029188366_0.528825430086604","host":"s3://npm-registry-packages"}},"12.0.0-canary.e8e39ad19.0":{"name":"@material/touch-target","version":"12.0.0-canary.e8e39ad19.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.e8e39ad19.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"84286d313befeed1835eb4462df550536c077d0e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.e8e39ad19.0.tgz","fileCount":15,"integrity":"sha512-sWWy0X086LzstxYFQhcgJ1ILCyuJscUi2JBeb4jv6zK3soEXKz4XtwV9KnM0/lS8d3c6ntrtiT2SxMccQPFW5A==","signatures":[{"sig":"MEQCIHne5eCndt3oTK6w3suVpP89l1bicY8kBh8HetGI2olxAiB4TNsH7qgJvmCcGTxCPgo/Sgas12/KKlXyEO9Bgi44Nw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpB+tCRA9TVsSAnZWagAAVFgQAKE84tuXwPEOWgjuxwKz\nJKg+Bq7zZIsowX5zUVrj7tYYZJF4lk8glAm6zam3VzOtsL8IjG2/hPKwSSX9\nvj4fyLtILtnuiY0pKXH+EzSQcJEzTZsQeV0Ixdj0clu23aBDzsGPCX2/HMtR\nlykR7bXFvrOW3k9bg4bBherbd6GYUX05cIO8guMROJl+1v06k81d8PvZLv8+\nFKuuhbDAdv4Y0V2Ga/Og/XHGZvNwNIEnylot03JPkHhJozMTB5tpJJFPbMs+\nW5WK+r9JyjUKpyg3Ow5017RG3YGCP2QPCDFo+Ik9Yb5MUP/+2mNEq/xE7KUk\nWTSGbwiOeMcTdlAyjOlEXFJY2tJ+HnydKwJa2kz0M/zmwmAzWjpnHUxks1RD\nif9lbB+zbV28MRfrEJYK/DqopePAbrmVTLpnPW4GYe6u+xNqvryw78jj/Z3o\nTz/ob9JE6QUBdYKMLLIFWfrdJEhdC5uvn81YT5N53MOMUE7AfLJsesmzvmbg\ngBWzDArpjXbh9vrE4uUQTH9ZPUYHABOlR/reHi+RToVFotN2fSy1z2eBLvtZ\n5z0+upIv+pqm0E1xavvl1PTJyAIQvliNHoRyZzuxmXNNOPS9ee2ggzP2HgNa\nd5d99Jp3HptgrVbkWJnE8ph13dDnTylACxXmMOdKSaJY+jVblh/TAxg5SO3u\nC9iZ\r\n=Uujc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2bde63cf3be6363eb1508c4d7e1747acfc51a761","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.e8e39ad19.0","@material/feature-targeting":"12.0.0-canary.e8e39ad19.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.e8e39ad19.0_1621368748973_0.239870189372692","host":"s3://npm-registry-packages"}},"12.0.0-canary.4bb5eea2b.0":{"name":"@material/touch-target","version":"12.0.0-canary.4bb5eea2b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.4bb5eea2b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01a9c8b26df36a3761db99d463e0f32e33e6ee1f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.4bb5eea2b.0.tgz","fileCount":15,"integrity":"sha512-N07sQbn1uL2CGX3haWwyXyb8l65kBrBU9DpbyO6mj/7WlCzyxgAYux1ODD+O17aVWdC1C3BMuzJ6q9Lh9Ck8hw==","signatures":[{"sig":"MEUCIHLo8YbiU10tHFfERKptlVcbbjva/QD4ipz1FA1g6+zyAiEAolVLnugPx2kwmrij3L3uTRk249vO7Re1hVOGwFFlG9E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpS5nCRA9TVsSAnZWagAAw2EP+wfLKcSl3xlV47FcJYnK\nGK4GJJk+EaiRs2ji6uV2zW1z7LBiEb+G0kV3QYid9WkTbXAZb1+v6sxL8MF+\nV+Dc6ZYrCUEj9EIHFkFqEPtGFbMsE2wUouvDyORCdy6h94VA2j+TD8obbmeO\nb9WfRZuVcwHLw0bxXwPY26tzy49DF0VBCaC7FmImjYvcgh2M50oIdVfvRlXz\n5HDB3Q15TJGkElYBShrHPagbic+3gxq2wn1lGlUog0I+JelzztQYf0ZyO6g9\nrVmg1RlM7lL/dibgS7f2cAzDKvdjLUjsNE+3inW2SMWjvVOGKG0j29uMNClO\ntJjE7Fx7wpXbQUUK+zZp9j13O6rQXGNP21jVPAtTuUkxGyuyNGTa8OCdrLEU\nbldxjioP/NgYA/xK2IGGjYZ/a+u7WxMb7zaKwWKJ3xQjcHAGNOkii+P6xD4S\n4d05rEJ2086yNGcZAhWz2b7+6rbXmGqGIDOCuC4ifEETr7KuW6Rn2CL3naXu\nEF3G2+KqhNjrdczgKsQa+LiNW2LbxECDG5i4TIGSyZ2/7zs5QEj4Hdr1kgGk\nOEOuCbtY9kLAiWJ7+O6SgjV5dpLGrDPr9Te4Tolk209ihi8liPGcD72+t9Jz\nNLVhyEvcN6tBOeZHSfXRA8Pj41BnBfyDe+P1sflnW17GfwznOT6IkWBTW7Xw\n1xf1\r\n=Toj1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9abe3ad555ba3e9ca70f37ff3419acc2edb56676","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.4bb5eea2b.0","@material/feature-targeting":"12.0.0-canary.4bb5eea2b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.4bb5eea2b.0_1621438055443_0.4448786077406941","host":"s3://npm-registry-packages"}},"12.0.0-canary.ccce99cd6.0":{"name":"@material/touch-target","version":"12.0.0-canary.ccce99cd6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.ccce99cd6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"329425035a9c7089dffb9a91b09dbe79314b1cd6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.ccce99cd6.0.tgz","fileCount":15,"integrity":"sha512-SXzrotr6YgfUNfF+YYnxM6U2Rb6SsgRbcF+kSvV8qL8BFSxjwImse2YDsBOZSDPM7vFgmeFhAi8JuzuquvMezA==","signatures":[{"sig":"MEQCIDop0xSLgmeu5o4hZZunfPVMEZgZq3A0zWwExY1GkOUSAiBR5bbTokjpC96POqzHPn3DTsl0vyGjQo7teb+WsWnZuQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpbOnCRA9TVsSAnZWagAAlnEP/1BPWjDWung5C/dlTGRA\nMgIrSkiQ9tYfltNElV7YnhDDbGMbLo3F9a8FwA2DRrtKQLm0VGrsam1VDGiW\nVSLxbFF6y587fOfjpn0oFTW1X1vGAX6wBs0Y2IDcdpfgv97wP3QevDBhxeBZ\n3w+d3RTi89Gf1fA7qs5VAe3Lv1CEmNdG+3qtOGVjOM7GRqlqsgMQSpimnrFl\ni/jynR5jnJzOtu2hyKFie5Vl6MuHKBVu+nDL4qzO+JIJWJND5wxuSX7wZW3f\nTQeSUxEDOUb5TOCibtnO2h3dOUqhwiQN/9hi32379XWTUy5JMKx7fnbCxXJy\nvFAwN2wlhg/S50rmvAgnT4tk3yxrsaCtLBwocnPdlRl1z8HuucqiCL82Gpto\ngbcWkdvUe7ZF7lSgwoxhZIBLIVnbMnkAO1d9yT4v7A2svF/Y0zOaNqTXJAxE\ndsEjz5/0YLTbwm07JMv05kOQz31ETeiRebHa5e+oiwphWCEwiY07f/ThBO7q\nbX6jH68i2cTCLkHvMujufQXBHZ1Y98ONs5yMNKtKCkbaMGZTLx7lgC7aESnW\nPOWJ7r/DHdPSiKResU37lEhHeXKkWPPdXGgaL6H1DGoqrzuprr+77XyZ48/1\nJtkEx+ndvHXmJ16jt1cY9TJQjOEvbmJchEBgob96GxXhHn1XQdgDsCEL4RYh\nokjz\r\n=p+qF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5d475a1522350d9dadb5fe3597683fa7f4851b83","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.ccce99cd6.0","@material/feature-targeting":"12.0.0-canary.ccce99cd6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.ccce99cd6.0_1621472166754_0.23223854922136322","host":"s3://npm-registry-packages"}},"12.0.0-canary.14767a8db.0":{"name":"@material/touch-target","version":"12.0.0-canary.14767a8db.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.14767a8db.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5dadae4d802dda74b48c2ee2358af75096564fd0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.14767a8db.0.tgz","fileCount":15,"integrity":"sha512-cGUNiqOPNQ5WAZZDYdGYgfMbOpC+kFU/32M+xQ822jUij/BJMTDBSGcY9saLd8Qe304s9VZ9eMTBOanejjdW9w==","signatures":[{"sig":"MEYCIQDtsP3qIzkJC9e4MutyC1TTfSpj+1eVehGzzSCg5MFJnAIhAMy5DRuRjz7+StJmAOjLYSFr1qpejmGny5J0yXeJV0GA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpsuECRA9TVsSAnZWagAAVq0P/jnlQwq4m2RTLMXtVi4s\nTcCA77PN1pEpVQCrhXnSZj3Cn58x+DwiiutCq/LohEU/NYJ0n4P1wTnft4ci\nKjb20ZQHx8YqawWnF2rd9zZFPR3/qrH+UgX1sClJjHX9eGDhyBqFl3TlMOsi\n/jeW3iw8JZZ1yTWSDfRIHGHyp3ItUGS9MYZcMG5QNV8mrxeVUNBtCEkqD3JA\nY7/u0vZFRoJGDYU00nfCI0NXYQquOsHZZW/Az5AvzGyOz2IRCYwboAKqlxbc\nDAfGBFaDf74UgZSgNJk4VuGj5RNW7fQbMWPCoxnPK2PVwRlxrq40m9vwk90I\nQhTO/8Yrl9cygbIBfer7/vXOzCdpbsOr/ojd2ekFMMimrsSRIq2TRJTCa8E5\nxeXkmetNZvYGYwblOzbzFdNX2IYDMmaNpBzNiugiR2qNGOU7cxhmldSY2JAD\nV6YnxCMmX2aNx/+kUpkaS80CcRaPBZAY0JVG3eTtGaDxhGZOtXcYUq7DTUv9\nL92qbrWSMb0yD59bmESJJ6scUjVTM733PuNHqRt8tNP1MHK4XdrmZzMMDk5F\nhDM4Sr3tDwihH485OB+2J+PiGgHaWq3j3P5Y7a1KWocgVTrXivUbiAylVjEZ\naqJjxPBwYyan25t1uvLO5+tsKwWxQVhlYk84N5Oq17XOIy/eoyLS8lQ8JxHO\nYBgf\r\n=CRyR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a324b91ce28769039998a00879c6f441cb1159b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.14767a8db.0","@material/feature-targeting":"12.0.0-canary.14767a8db.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.14767a8db.0_1621543811877_0.3218877664764954","host":"s3://npm-registry-packages"}},"12.0.0-canary.22c6dcff9.0":{"name":"@material/touch-target","version":"12.0.0-canary.22c6dcff9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.22c6dcff9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2cdc9d6997cb25b5ed8e5b91e46670a3dfe21abe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.22c6dcff9.0.tgz","fileCount":15,"integrity":"sha512-bkU0rQHOMQJiv1iaLk/b50MHAFi9OJXvLDielbh59YxrBtn8hcNRJi2/BzM6EWrwSnfddLP9QL77bR6ns+b26g==","signatures":[{"sig":"MEUCIQCCwDvSPkoX4Yc3pAoDKPYhULR8g2OpHjey2VMUc50lzwIgPJ2N0nzAQ3UVrbyKaoj4EuBw5Yy4TOhcBCeL1xykPqc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq8OgCRA9TVsSAnZWagAAMPsP/R4lex/Ov3F/z2dawNyn\nVYNSlFE7iqCTrLK1o4rvSeystd9OmPEhtX3MnnAloy9ei5+AvLB30TCbOru7\n/+0Knv27LTFUg7yXeWOAMus0jMMlMMToXG0XU+mj4jakx/KA0dy5CWnjpaII\n97XJS9V5IUvLbIS/Pw0FmCpIWJSP2g9Oy3TtfdAWOnN6nFZ2ZLEa0YNYNttX\nKZqjewer2/zS9U5oZJe9f8GvOZXxND6p/qcIONJv/MA5qXqw3gafPuw4DFR8\n+fV6V972GyokiYmyZ1kAT1w9f45sJTyW8nWExCwOTwYUbY1FtGgW8kezwpdK\nl0L5WfhuvvfVYWfUD78l7Gr+mpfZUMzwx4FmBDytnRAGCDFR0E34k+g6p4CG\nFZJqWSefVmKxFQn1cRQfasqWy7cRNgUHQFQpgVewaxSUe8ZZ6s2cuhSn6J37\nPm+ttNw5shvkP2VeLkJQF5DmgjFO2GYTkYHN86cmV6kNrdqwDk0k2/6Lyvxf\nlzMJLGDWIfCswCIclg3XGzaAPVhjEcuxZeCtV3pCL8AqnYNnPslabUlPM/mw\nprS1fMSD1Q7rMJKXqi6WG9QMJmyLfW0KQIt5KdLtUM+xScWoJPaB7fCRtv1M\nHrLooxIYslcJJvjyDV2tP0u05wcaUNQScu5XFHcnSZIs9CwXdwMZ8EG1Hs3g\nHPaA\r\n=rGod\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"74541e300384d800b9cdf492ff70ba20ffc583dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.22c6dcff9.0","@material/feature-targeting":"12.0.0-canary.22c6dcff9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.22c6dcff9.0_1621869472214_0.7530898651885511","host":"s3://npm-registry-packages"}},"12.0.0-canary.fadab3372.0":{"name":"@material/touch-target","version":"12.0.0-canary.fadab3372.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.fadab3372.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e5df28ae5d6f56507321ee7bf93c2e9cf06063f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.fadab3372.0.tgz","fileCount":15,"integrity":"sha512-pgvPuvod6m4zb9A8BseeIItJ0ov/Yt0lhfGnCsjbjH3vJdBKWkKNixVWwy2NHYqsfw+UKlghmA09Aelr5lKL5w==","signatures":[{"sig":"MEYCIQCTm4kMnZ9t297nSEPV2GgFujrtVvsBCporZ/PGvrJ99wIhAMI5ZqX2WuHDN6MwB/Iw3SK/TNv7eJZ+i1lbh+g0+ECY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq86qCRA9TVsSAnZWagAAHKwP+gM3wc8tlMHimzFoJcUR\nqruyKw4wzGyjMLcfbg1pOX9tOBc0FX3mSv6fDHCJBd1R7e410H10FWAyjwMe\n+MQQKzVmhs0uVKtddf598Cri8sKB7wtNDWPqeK2HTT5j9nJ/EDuBAULpyEyl\nvufk8uqtVkYnCnZs3R1KGhR7bVQQ6CYD4xOHPbB0w51EamAGBFjTZkgGiq7T\nNpHi+bbl6rGnuOUX91qi9Pextdz3qE5IJT9kDJRRLvrZ+/ttpvj9zXBhKFmY\n81OgZ1OBzPArL7Duj7oilDTEzEJVTvaRQqm9/hRw/QY0icdVTfe/sJJuAi7r\nXuDDmggC3Scv1K080mE1fCL6xseCrNtVy8gC5ydGChgDYnz8mqJ+gMv0YVXT\nd9sAl+DN+lk9xVv1VvPMIXHUeOg/QMJBVVswu329+qIrkjHci0YbVMgR+l20\nRFB7dWzxHKZqGu35zkS/FznaXMqSk2g3BRtwVgKWCTvfnvna9bEdmFtvRK5T\nvZPmXiIZt+/Eu29sEXrR5BnY0C6yAMWxnVNJ7280RdCHJFB2fkd8nCXrAPht\n/mLTCtH/WVdblOe0M2Mw+QmawLDeAZ6fzK0JR+whFubLRNdLaruaz0O6GLR4\nxfagEEusWWjz4/mRzMww8zijBENa3NeCLDejqdtvpgo7F4hvfdJ/fY8/J038\nPlZP\r\n=UTYO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d76e611194693a7270b5e10fd87906ada48c7af7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.fadab3372.0","@material/feature-targeting":"12.0.0-canary.fadab3372.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.fadab3372.0_1621872298461_0.5264275141476673","host":"s3://npm-registry-packages"}},"12.0.0-canary.caa73aeee.0":{"name":"@material/touch-target","version":"12.0.0-canary.caa73aeee.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.caa73aeee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de6715d28b0e5cdba17d6c49dd864d5948647771","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.caa73aeee.0.tgz","fileCount":15,"integrity":"sha512-IP+S1AiXCynme2+3f77yhrjfTWFhPAaJ/yz7usNy4B3kET/NeZrwJ5//uK8e1iFOn3e6snMq4YJUB+Unfz+J+A==","signatures":[{"sig":"MEYCIQDrE6LIe7CBYfBlpQjVGc/qbT/6e3fFnirfBK6clEKvnQIhAJrKygiyyPxdOQde9Hbafs3gXaMb9v9ssMaTBRVcccxt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrQYZCRA9TVsSAnZWagAAJyQP/Rt7qhMRb0bzxauUP1cc\nMiJtbfRKVyRC6H2IpxqpFswlYiN8Npzohq6buxUK0nx6hZtiTYNouyANmzwe\nf23Oq6fPU6HTD6TiW/Id0ez1EsLk62dXkkmx3RGi/RFBwuFzTnCg0X9Yjy9Q\nJ6UBDG1l6kqFNf832D31jiUCc2lOYuE/ATeZsNdy1uVZmhk7gckk4jYEinqb\npyRulvREf6OkkX1EKVDtOOCVckmCEnJugTRGvOtm5gwt88SP9FaG6ssQ8E1c\nqnpqIFeImDJOn9FJLGyBW9lRjxrwyOlNgxftD68HcTQ4BcenQYnYxRtVdRQQ\niemnDFHvrFvwSLb95XCqXS/dI5sYzAzZcRbjZOTsIou4ZPRAf7D02S4mLFO7\neuSLVAPQAS5snUv+q/xa3LGek2iqSiBLSpR/wkEFhT6obu7p+AA2++ZbUzEQ\n4zvE+xbok+MvlljBXO5gV++tfFOUxp7N2wHgZoXQcLlMip49tzG/PljA8OZJ\ng9Kux3yIEef26wZfFbOXPJkx+UHHv6DI6I6XJGx4gEl5lsrlOlRFNrAr0Oub\nKEsqbbSNzo+BBz/5AgeI5F8m0CdpAsfRZMFXwqP04zWFH28bTJK1Wh0RIPMG\nJvi7+vofN8WakEfYmtW8z0I7A9tim2kWKCxBxJh+ZC5yNmo/M7u9Bi7JvCAv\nzIET\r\n=b+d4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dca5692fda23e55426458f6b0c56c2b6dc9e2dd8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.caa73aeee.0","@material/feature-targeting":"12.0.0-canary.caa73aeee.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.caa73aeee.0_1621952024889_0.10368987712167077","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec31ae1ed.0":{"name":"@material/touch-target","version":"12.0.0-canary.ec31ae1ed.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.ec31ae1ed.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e1fb89213a872f8e8d5e37b4f07a307315b4fb1f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.ec31ae1ed.0.tgz","fileCount":15,"integrity":"sha512-o3xXVYUkvbDvBS3Q231tvZw3CfMUDeGf1E8XOconxnE0WVSiBgf6THrnf3YYtHlZbb9a7AQrYZ1F4LFmD+i4Gw==","signatures":[{"sig":"MEUCIHyAJlDgzilqYIhJtUNLByowFjCPszOXBg5K62EAZv1bAiEApSuNKAR9n28KRwTIS8pC1Hs3qoQX2a+aWeMex5rd6aE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrV9iCRA9TVsSAnZWagAACjwQAI71lW6stLtBJQu4pchH\nyCF4w4o3O4YbTcyJs0zQkf7L1BWJ8NvDNiTVMV0Z1B00DsMFrezfBZWsNqOo\ndjNoazOKuX08yDjIR6wb2n2Ao/puiSm/S5BpgofKL6izmeNSx3MTwqNo1PWl\nM5w9k1Qr3ZbPV7r2Evn2xu9QDiBq4Wbsal+qsDRQ+S4UNoEZ+Vy8+fxNJJRf\nFXR/0ltrqOuCXi+ZMF4gygYD7AiiNNLVeBvNLCLMxQskR9llpMrfehx/p9pR\n9ZUIL/FMTdpIYj1GyvABR9UGoSKqZzLjzhGRE4Z2pJAUYUWvmnxXFx2USvRz\naN/+cMHAgZyIoBZcUUkA+JJsNHyAIp777UVlm3QmsK8O8eDFmIKD5kB/Fv0B\nWK6uWBOX0djfzaDCGBQmhYZXfhWuxxBmQN/2tqDXZGP+yNWBRs0JOiTB7vMi\netH/F2KDUxzQm2dLpf09KghLFhT1PAec+EQ0ayyQIESrUuVeFuu5B4vvRGZJ\n9cC/LEf1c2bgvgQqn99K+IPvs3uP9YMRgcvz1L7KmAm/P7jaa/FRhInos6sB\nhF6GBcAJ2Yh9GAQGceDG/grLs9EhwMT/i/HJfUklpHH0ix7pVjcLOMHgpqzb\nr5t01FtO22di9DfGByp+K5fxLKyj4m6snvxwxljkZRpW+vSs2vMZE33XTLX0\nLhvt\r\n=q3ZG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f9db084a3aed73c844554c3b223d5185727b6d07","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.ec31ae1ed.0","@material/feature-targeting":"12.0.0-canary.ec31ae1ed.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.ec31ae1ed.0_1621974881741_0.3124403343111366","host":"s3://npm-registry-packages"}},"12.0.0-canary.8530d3514.0":{"name":"@material/touch-target","version":"12.0.0-canary.8530d3514.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.8530d3514.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"891f535bfc64128c80d30722fe0586241233f858","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.8530d3514.0.tgz","fileCount":15,"integrity":"sha512-JDp3DrW22eRANgQte6ahxFZRPjmb2OFMFQFW3qNQXTcXQorgr9hdGDwEiaqq1kDonTLDMZi4Vy9HCiHjlr+oZg==","signatures":[{"sig":"MEUCIG3KunBRfPAwXN4VwQ8WF8jMAnSk3f7iD8VhUviYhXiaAiEA/Miw+tFS1L11gvagzoPE8GWjqWEsgslPxdPT05o5iTU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr8L2CRA9TVsSAnZWagAAkloQAJXxZX2IAJA9zNVgYOQW\n9Ti793iw0yr2GcRDW0AcyQTyz8z4OKvJzVA4w3r5lewcZ6bidh6eEmHHxBoH\nkE7kStrTOuNynduATX9846DKg/cVgjd1M4FKuN6heqEiVwgGAiAuPNCaQBOA\ncIAaClzbZ4ij2K/dHsHaXVa5JpkW8r5siKVwUNfW5swXdDDDi1kVMT2l8m70\nA9wV6X59RqlfsIFE/hMn991l+Gx/U8M2NsprauxxKAPcBM23WYy8IoSqywZI\nHu9uayeGwGNqiLy6vXCI15qLzfwErquIxolvh/B9ZHNIJ3qgt+6n+237J/Jn\nqZxooupcrzt1vfKZnAMGOdXXYVsYcFNYePrrOfX34msTP2NZcvYNkF3mgu37\ntyWev7h4Y4rTShL7QfMZN4pThqQruDR04Fs5hTxy++9Qc/IM73O15ydl+BPs\nRD9KI/veTSfu3G/PrAEch3GYO5lP+kf2nj8+7QT9htNSnTpWgeajYSo9pAyR\nk911hmu4xI+74atv4eBWVVVJsHul4QcP+vfkRMIxSG84AhBb97YZGusFBf1d\nGBX6SWbNi3ovP925B2yNHcUSRfSaop2JdlCTGy9mi9YIq4nhFkHlqGrALMOl\nxnMUF10nmdCMXpU7lJgsdjLAqkIWh1I57JmVdbVPE+f9LtsHrB2pqjdO0c28\nMW4w\r\n=D7uw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e32508a69db8bd9ce4383a14f2c576d35950566c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.8530d3514.0","@material/feature-targeting":"12.0.0-canary.8530d3514.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.8530d3514.0_1622131446359_0.9294217327693997","host":"s3://npm-registry-packages"}},"12.0.0-canary.00b5899dc.0":{"name":"@material/touch-target","version":"12.0.0-canary.00b5899dc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.00b5899dc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fc1d1ed0f0229830a33c1d837ba72f4ac11d4a76","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.00b5899dc.0.tgz","fileCount":15,"integrity":"sha512-a2pZxBWdnaeb8v/oH1QkLto3soTert9JKPpCyAvnQylYy8KESqIlWjZeuQDb7NDqGZxhYEXgp8FVWOxa9CyBoA==","signatures":[{"sig":"MEUCIQDNeSUs0k7k2KYbYe7rOnMK4SCcyfw33uBJnCN3az/bYQIgeLapt61VFGx+rKDcLx1jHF+ilZNA9xpUUms69rI/6rQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtrhmCRA9TVsSAnZWagAA5rIQAJKabXQReKkOHtOMayqx\nrOs5Eqt+rUI/LV+cCmTC3Mbo+a1kVrRf5zEI2izGE/ZtX4LPIT66Dl4F02rC\nCk2uPaM6MwPwzRJ4/p9jyBvtDTYYTakX2UR5XXReZlstUBOj17fkvV/tocy6\nTJSG5O+Wg58sX5NTmyt1YTIrQF8db4yBWNjX3X2O/Nl7qPvtFZRhx9Qc7rtq\nTCAg3Q+/XxjVenWZ+jvlJNukCKUVczW3TvsyvZe8azd2gqTow9T+ViJKzLGn\npo+9l+VWaTPH2ObGbj0aVkUBfSDa9COYogeUifvPm8SlvAeE3YpGcNDS4hQ6\nysaqWI72ye++mawkHnbNDqlcMRD6izQ7ZDZhDOZG0WSCSatZ8QkImuXg7l3H\nynhQm1mkwsaSyPrY1Uo9Knt14oYYjb2VE6XPm0GXGJGAaTVpxJC19cgPse3Y\nvPEb291i5vNP8wlpybUjgcgg2MEa7tSDa04UrbpSNoEhsmuLU3QKMeF45iLC\n/DiwKEEs15wJfascXesr8CoRZKV0e4tEqEh7IIgW9SvmbeVxMpddd+JjRqm+\nut2yRwciXyib/fdPLfjQCx5y3+w2tnKlqMtvzkkdOk2iaGaFpaaVIzFWBZ8H\nVXVE7r/F/mkLFrCx1J8yYc2YQf/Bt6Odwc7699oSlSldFEvn2nrJbMPyoWoY\nMCYd\r\n=FeTJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"19ffd4cf15764c62ec7b1dfd76483a2919f6501d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.00b5899dc.0","@material/feature-targeting":"12.0.0-canary.00b5899dc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.00b5899dc.0_1622587493833_0.8285229936727925","host":"s3://npm-registry-packages"}},"12.0.0-canary.f1525ea3e.0":{"name":"@material/touch-target","version":"12.0.0-canary.f1525ea3e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.f1525ea3e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"85d3dfe029d18cf823055dd780e5690ce51b1f5d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.f1525ea3e.0.tgz","fileCount":15,"integrity":"sha512-wGlA0nz7IvBzLAVb7EyWeDMSs0QyFpQ6ApS7S3Kt1IbROYJMw8Xs/sjNfrhbonxBo/RZghkyt9Ux5MG6Ek1t6Q==","signatures":[{"sig":"MEYCIQDeve1c0mrMHacaIoKtwfo15Am44F09OZoe9ih5DENBWQIhAL06Bs13AJU8M7Nyrqlkv0hE2o4R64FD8j8NmNJMekyy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguN7mCRA9TVsSAnZWagAACPkP/R2dVZRoevtD2wiI8GN6\nljD3QQh/8Jyqmc3tvUF2Qe81sCDiVY8F0WQLDyty9QRjnBOi1q9CP5uG0V3c\n6Id7KhL2hnDp2YgoKEFS312Xx+qg4C0k99T27Dhvf7ay7kg/pef3IXt7Deef\no5X9hbX8yLNDlnkEICaNPo5sGtQJZwvrB7Uo9H61Jph0L/KsKsdMW+G64SN8\n7GrUESKL4oX/N2MqXGZQa0wl9P2v80ZXvkf+3jUkAhqVKOaoZYY7grr//wdW\nEzt07RYlxy/irCeRsebOTZhTX0gsggGCxLR6woKyNIPuaY2l/Q4txFJrfNJW\n90j/l0rLFQ6k7i0P+H7LzkC7+WUm47BMXbRyO/BBYRFS2Y/RPJt3crWaqA6u\nf70IM7dd/co7+pIp+wSE7OIpGx+2tmhphoHPFJBsZ4z5M/m3NK8c0/xCmlfA\njHQ7+EyExnqUya+7KVQL6gXvCQADpsVU1XOFPYl0ptr9dPjcyyTmii0FenfL\nXfWK2PnG9qVyj3ORsNAbP+ocRZarRjkev/Z5wwrsqJ2oUvwaRTGjv7xnCXtT\nnLmtE5KuzxPcdDGHI/ueOCi9TYuS4uKq4xOYNeH/lxSlAf3GjWCFZ1aNCHVr\nnljIjssOPcK/FWwLefenxGYwKCxvxTUDEkUotnfcRCFq1JieJx83nm11kGYS\nhjMc\r\n=uX8z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"97ff3c2e33330849b0ca447ac6983126a385d845","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.f1525ea3e.0","@material/feature-targeting":"12.0.0-canary.f1525ea3e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.f1525ea3e.0_1622728422684_0.6515157077542035","host":"s3://npm-registry-packages"}},"12.0.0-canary.464a00286.0":{"name":"@material/touch-target","version":"12.0.0-canary.464a00286.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.464a00286.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b0e5bb59c57782d8a91118bc5e028cc93fcefd2a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.464a00286.0.tgz","fileCount":15,"integrity":"sha512-RiKaCNmN7QUU60Cq7e5YvLnhyIWRpIDf6FpxYpKS0eEYw1e0tH5Ntq/U8j/E2htJ4gLvanVuVFdzf/cFBQcyNQ==","signatures":[{"sig":"MEYCIQDqdgLSPBIjMwiObUxOkLgZBVZGCXgBB3scfLHBB++xHAIhALjoK/JIpXahXMmmChuWdOYQ5rBmwiCZA9X4OieeOqw7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguOrqCRA9TVsSAnZWagAA4dIP/0gR4SRrkZIDLQZAyghh\nymjNiBgndPJ6MfOlyvOjhSqWJHtxww0R1y3oXF2YFM4uC3efO/mo5cgFrRJV\nwNFug7ed32OzA/cTPEu2JbJRGODwYdkT681+VmN7YeMi37bswIQ1t3r+hwuc\noaIkonGCz0uscAb5rDCj2nkml9boQZQ6qWvsYoyJm9bsC+0Bwn95elHVSXLF\n0aWd2aYV1Lkmo2km2ebNrBGUNkk6aCpRB2oYBuml641bl71FsckmqsvpAVdG\nePtVPVq7yfNVssYD/35kzI2cnxyf2po5cE9ZRR7CI7hU1DbB1YVCi3OHZOzh\n56ntL8gwCIL+hQsPt8/nul1FNTkHalRiuhpjMnw2m8tA+FpCn0REY3BMdewu\n8sbeHVkfnbh5lfUHq4peLVA+d7nM5s0KX1L6TGmnkD+zwDokkTUIXGqF0bQK\n9lN8VLwP7dhlsFUUYSD+FIwRQAiBwJmbQVCGgFYHjFOVsoRbVbPlks8l7/yf\n6L6xZwXu19D9um9IhJNMli7wQXOmRVRbyYHXxs/vW/zTzOLOnnHa1BG8SYjs\nRV5yTRuSb1wr4b1hPaHhblvY1JwO/XX9mdGPbIvpKO/R6qSwGrot3sQ77b1x\nno8ND88xvunxdj/nys2PIlHDLUPkl3BJFHt5NIJ4cnGb4ccoItVpp4B2+bEE\nVXGW\r\n=uoa6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ceb43f7f74f7db77edbe7a13d3b92e853d599d6b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.464a00286.0","@material/feature-targeting":"12.0.0-canary.464a00286.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.464a00286.0_1622731497958_0.119717817290105","host":"s3://npm-registry-packages"}},"12.0.0-canary.474de7878.0":{"name":"@material/touch-target","version":"12.0.0-canary.474de7878.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.474de7878.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ef3b0b03e9fa623c5b724edd84d6632f3bec91c4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.474de7878.0.tgz","fileCount":15,"integrity":"sha512-Q7ULLdXSyj7awMB3Mql+iNz6VubVpnYMtynJ4Lbsk2H/U484+oXKDD7sB6mTuvdOkAC4DKlPJNxH6/xMcxG+uw==","signatures":[{"sig":"MEQCICTTsfRYU7mXVtCAG93+tgabFnrqs8tRl76pss/nJR/PAiAbplrSRGi2VINSBf/3Mc5IPBUT6GInXAkGeK2uL1rorQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguPGdCRA9TVsSAnZWagAAjVIP/2N4gy4DmDOk2G6LenVj\nL1JCWnNB5+8mJpFOEiGy9VKj1mjMhjvpEAM+8pu72n0V8+mxbpbLuu2BCOzd\nJIlB8FsARArSjXsH5D1y/QDecjnVX0PflVykfxTZ4q+3uDtKyx84x9NttVwe\nirEZ8+BU6MdPuy7WB3Dl3gVHW+bABhXcgI3VGjPY3lbaBccj6DqlG2kZmwyZ\n1NHBp+loiH8a4BDr7NtvUBvQf7WCujNiHkkOHOJep4rk+BnwkqXJ8g9rkvOg\n6yDvrCP41yvEZZz7hMqFixmQXZVwdavtkjib6XV6ppA4r23TcpZVlFMjfV9d\nfOOkJH0obKPvQ2A6T/DpSmvoRPOrb81GZ8LSHdtTz99eih7ubIdJdMJH8yyF\nqa67xKyVrTbqhlLB+EIoq7IizWrW99Sqe9jqyvYlSjbsh3NNzWV6AIma5YHB\nX1HMSRjEHZfN83M1kVD3VpkV4RnmxJ7L+x3pMk6H/hLO+P/PoatqjKbHnP0M\noLhy2ahKaqTyYyGs1eRVoQnkGJvoPHkJ4dHNvw7+qh7kFQAREdLQJvVY2Zv0\nbCgdqi6xjdLo9HSETsxq96rw9L9hxMlOqEayxFPxMKEQKQCBcaw+s55FNbwn\nmVlXMu+MeD4E+tgqxFry+B8NhR+14ci0cWU8cNLWWkhCOWVJp9Qz24Er4Rhh\nrlxl\r\n=Xwl6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"67d604ec9cbaa0dc385eb36be35e0adfe641b244","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.474de7878.0","@material/feature-targeting":"12.0.0-canary.474de7878.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.474de7878.0_1622733213236_0.7807043975107317","host":"s3://npm-registry-packages"}},"12.0.0-canary.b87ebf74d.0":{"name":"@material/touch-target","version":"12.0.0-canary.b87ebf74d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.b87ebf74d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af79be3432d6a56f25cbcdd34114f127185dc1d4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.b87ebf74d.0.tgz","fileCount":15,"integrity":"sha512-83BWBBv1b8+F8LTSo94FmG9mDwqLrksEx8IRCpLrphbBNUAXKgQbEO8wrhB197KM/G+OGPzwo+5/Yau1W2SjYg==","signatures":[{"sig":"MEYCIQDTboWLwsQWs4yTPGEwhEjfXoc5aR0dERw89pgtbvrsEAIhAM6VWoHaWNcEYM7swbOTHXxX7grihlnvEYa3LJ1rBw1Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguRVECRA9TVsSAnZWagAAvm4P/0+QjPdaxjAx8jlXaW2I\n0xyUVy2pSNbr3tL/fNevLStwNWVg5lHD8usets2W5/EDtc+Bj0I/+tqpPf//\nhm7ZluOhOV65A0aqztvWPjlpLjXDxd0E3GKys2RLNJFVW96VbL3CMfcZMRpX\nXIYeZII/N2zvFN9uNILKgqhVTc2Wl5O/+913kyXjPzrV3rQHlKvRsGKhhQBM\nPWdsrHjUnWYoTWwauntFg8iPp3hIMjuGqeCjWGwEh/qB+102kjUz2aiVzHiD\ngXL9iDOI1PxD8Flm4Lsb+zqMO8mqqGjI9WlP48cagTooo+dNqp3cd3Oht3a4\nFwHohjJybhckFlpgD9hZzymjKJWADbxJVT54S/PRQL2haqgnEyF3QyxlnuiS\n3pvG0htcAXAYzD5TpSUXvdVgYNpVM/Z7Ih2sw1fJXKjpBMifnMdzZuT4PQ1w\nKQWar62zkStS9RILVe2Ij7Z+Z9pEQgskvOvIblmr0X5IrANfg+Li6CI/WTUW\nr0iiRvU2naWXHttGqRAty+ZgS3UFoYeMKDCD5mNtWD8CMUsbfzSd3fszoRWJ\nD5gPSzCYNxJi5OPdvkjuh/dZEEvD/dNU9n0Vlh652kxJ+RBEW1IxLanPF7eK\nEwQR9BOHUQcAcOUworyoUzfrZ2/5cvNBlHPjQQA384jHCqjiXnwODu/kHFB1\ns7eZ\r\n=j4f9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d3567c6dfa0fd347d2141fb92460c63fac28b46a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.b87ebf74d.0","@material/feature-targeting":"12.0.0-canary.b87ebf74d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.b87ebf74d.0_1622742340691_0.016597777064972785","host":"s3://npm-registry-packages"}},"12.0.0-canary.2daa49b35.0":{"name":"@material/touch-target","version":"12.0.0-canary.2daa49b35.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.2daa49b35.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"028c59433ef47cbe5dc0f6ad0b205b2843dfc4b3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.2daa49b35.0.tgz","fileCount":15,"integrity":"sha512-xbpYU/1KI8KgDBgplXmNiR3498IHg+ZbKrp5piA5CbZsiytQVSKvx2pWsNl5ceLPXF3H4rppQHGd8LTPxBeMxA==","signatures":[{"sig":"MEYCIQCHyicfMZjg5vChficJVj+MDKIGdAdbcZHk4e7JyB49GgIhANV+c3DB6BEwhhRIamQ/QG02Oa6gD6lSiWXaPJD2Pti7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgulEmCRA9TVsSAnZWagAALmsP/20S4+WxszCq30P25Wkf\n4JWapDlkVgqMZRx+gioVBBcjno2AnYwyC8PqxffI84v8gx7l5oimr793AJkV\nlLt3bsSyOeJcolt2xjTIorXx+KVeif0ariOsPSWE5VRI1tD6T+p55VR8C2WN\nwqNSeEzV8+0Wt0onYHxD67RbXlAkkwsZ/tFO3JvePdS4q2fYRPqCfQsz5WYr\nNYNIRGKgijCl3mAv/ybjVhSVKBS25RX/7JLkpm9TusS03peOP3ap6ejRFv9S\nRJ8pQf7+0nT1BJta6aDRT5FLjRRKU/HCd+ZkoSgFOXL9Lz8+eK3CyUWaHzS/\nA1Sxo0mqWAdSKSByf4INpGb7tgRTOQstRzfbTBjvJUjsNiSHFVyf1wJphxGs\nSYrKnEjt4Pv9KpsfXaRlpvTyPsmqQ4DpkFUpGlS51k6pzDYa8SVqDVSPc6VY\nZ6z8QBKnoDWMgL+QTQTESm2OXE8IIeuT58HpxJsmHdAOwEsj3RMycmDZzf9Q\nX9XK8C5RRBggwZPnkqs+C2DZhxrjkxtvLJxJp66jXBd7o4ECmGhyb6DhG0nq\n+nZ0+EwVDJkzXQigmc/dK5kxE+afVgBXcPA3WHksSeXq29fgbP+pkM9Cipmt\noEBprTjFvRjFRK50wzxnrDxjY90XByqGSv+buHT++mKdn1ovlrxgWQhZu9o8\nxdED\r\n=TuUx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3e759afe4116e5fb3941df918249b1b1348fe684","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.2daa49b35.0","@material/feature-targeting":"12.0.0-canary.2daa49b35.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.2daa49b35.0_1622823206372_0.8350238012913347","host":"s3://npm-registry-packages"}},"12.0.0-canary.08db3d737.0":{"name":"@material/touch-target","version":"12.0.0-canary.08db3d737.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.08db3d737.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8ccc2a04915a9c0bb0cb0fa2301fa6c6dec07de0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.08db3d737.0.tgz","fileCount":15,"integrity":"sha512-8sHya9APqHj4phneZQkVsWrkpztFiTejTDOqnSdjFWjpSYQWMdJ1jyHrVeTm6l8MJy23ITRfylUJ3IV7Ur/yig==","signatures":[{"sig":"MEQCIAlzSl8ZRF0xQej+yGS1tivB5TUJKZtYP4c0BQGI5TFsAiBO3E1sK2reZh2oyTx9CkJXvJhhczVql4XtzqOSmExfKA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguoHOCRA9TVsSAnZWagAAftUP/iziSQaWDfT51Yl9Sys+\nOPMiLj2MNi+XgatX1OzDUF+aDEOidX5UIVZGdVvyxYmgtO4AiPlc9PYWG0na\nfy5zEPGTlF2qBbZCAxahUju2/U9bKfO606AYqq09ww9/vdPEeMr1V3bEg9Wn\ni77iZ3JqB1sdMjOr9lC+UrWD6h1+ttPf97ybNkx9p+XDPQyygWDgx8e0jkjJ\nFwgLxDe+ipEohJt4Bj7VDYovlM2t22uf21J7ELDz64kW1rPKy4xnNNUNRmYe\nA04mhVQF+rJC8LWxPYCm+Q8WiEs5WgmZ8YWMvXHjYSH3n6g4WkiQvNs0emid\n74XrFFA4fqtEg1YlLLeF+fO57A6sNEj+h8lg5+jK5v8B/DOhPGDtfZfJFEEE\nNx25HMc4OJCNswGdliUsKJnBEKMpVzWyqGeZ7heYT8vMddtGXPqKst4k+qSD\nol7NHQSVo3Sxp1BNDRPAKHBnwJHv4lwyl1BlaM4dJLmnCvgQKnf6YQIcqY0t\nAQUJEtSjBu8WY9Tj35UqGP9DxpyArmDgy8GxBjiatN3rtyziUa5/b3j54EiY\nucvYldOm3D619RpWzD9bBTA6MfmvgrH2DG2wlsx5sbEaTTcQnfMlJH1+T677\n/xIoTnEQFNCwcO0T4ouF4RYgGYzog6/o7PhTqfM3Ou7MS6vB4BcjBIMJpsw3\ngU2/\r\n=lTBK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0175b9a3635a8e6c8c6690948618b55f39ca1ffb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.08db3d737.0","@material/feature-targeting":"12.0.0-canary.08db3d737.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.08db3d737.0_1622835662212_0.536850135398194","host":"s3://npm-registry-packages"}},"12.0.0-canary.5823407a7.0":{"name":"@material/touch-target","version":"12.0.0-canary.5823407a7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.5823407a7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6545abc0c8f12cb75acedc3fbbdf435c1000c486","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.5823407a7.0.tgz","fileCount":15,"integrity":"sha512-Q0MgKBkvlTGrOXenbWw6z3S1/e8uLYQfpGl+g3E/EHOhP3LnkFhKWq8oNIOscSYfJfu/e0Ul8VAVSN8fHyL3rQ==","signatures":[{"sig":"MEQCIDocQU4LQ9akKTsZWdp/2WJyf2XwVG5U6I7B3CGjQHj0AiBhMzoaHAqp2jLCfQY/utm8wKG1JPxE+8sWyfBDHIG9lg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvr4lCRA9TVsSAnZWagAAY1oQAJzAthwZaYLXF5tnaeIb\ntG+dRfUjNnlyju/UYOkpLtTu7/bk8R8joCEW7g7DWGZLWvd4MDlZ9ghPOpHk\nPyp5Y2TkJwjtnudgYtdwgu1bA9XmItpjfIWNX/f6pddDmbQ+iXz1mg+K9RyG\nbhtQ/2+Ee3oQcFmepmurnP12xZMgBuI9/SBZpRq4/jbv9dzK3gFGfRd2cEax\n1oX2fkDFm6BIk6Js8UB9TFTehh5H7FbHgGZ+lpY/bMlQwhb2SBtN6CDGhBK8\nQesSoHIXL9Fz70KaY1W00PCdN0mRCy0g/1HOUDMl2CYhP87RqY4TrL4/tZ34\n8EanMj19xbYp7DS69kNb0b63hB4NusnR8+ClwMLnIdgvSLh+bTUn6aT3xCSS\nOSho0f3VVljHk44jYMBFbQv2znQcCWK2CfcpQLd1ZuUElT3wCMl8F2zRoZR5\nDQSFaXa+wA5VlqztoU1EU6UeEK0Id2vkrRP4NMBI90AFXMIjVsYZS43/myoR\n6qalByvxrcB6UawhvDmPnvUpoG2UmAyxrcx3cCK4abmhSz8BVkduE3lPV9qU\nhjYd54n/9hEZGrfUaS2gHinVl2Fpsn8f3Tv7NImz6m7ZdDvme3TG1qyfflrL\nlYPzqppDAoS1ckNjIu9zVs4+goZCF/1XenI+BPhCzKcx6gbSfbYnrFekxLkZ\nNh5x\r\n=Qfqz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dd3ce4590e0d881d04e885d116e10e680b6c01f9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.5823407a7.0","@material/feature-targeting":"12.0.0-canary.5823407a7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.5823407a7.0_1623113253021_0.4340632105029554","host":"s3://npm-registry-packages"}},"12.0.0-canary.23b0c5e22.0":{"name":"@material/touch-target","version":"12.0.0-canary.23b0c5e22.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.23b0c5e22.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a3532d07e6b98abc1752f70b50330c6e9659f056","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.23b0c5e22.0.tgz","fileCount":15,"integrity":"sha512-i/pKsCQ+6Ji4MR0E46gUT2Xk5Tw4sxQnAZPARZWOyHCXVtvHT1Pj3+IEaU2Qo26STIsPJpzkel7ZIDcMS0XdQg==","signatures":[{"sig":"MEUCIGQoniP4GtX8MlgKU/XzWDS5VhQVW7Xg+2d1K+JNuYClAiEAveFgmj48d/gh9813vJBMWqSvGo2bzixUb3vwE5bnerE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv5kMCRA9TVsSAnZWagAA2GUP/iiMiapcCq7/owj4oeKG\n4NACyWUntBcwkKn/5EEwIXsMeiLSJ33u0WrlaZM+ijWkaK2H3t8eYTat6JIU\ncWCCm7+0036fmGrYBK8FQD/CaE5sbtTjAvv9/d2GXronLrFXatNqkaVX9Ab8\nhnqe7TE0dIlGiTTM6FVYUACIShn80F7nUZrB3jUFfH95xXYJPbYb/aNaX+Fk\nAHI452eibqMyWPR207JUEMCf+9fQq/3P/s3hDz1lQeLQpajH2F7gCpg5WyjP\nDeUzDrAIHoEC1mN904PTFV+TUenV4uk/lRm4CQ/O7fSUJO3xQI4tdcvgu1Em\nItgdZf0z1pasA/dnCgqD4hL4ybY7+8WgL7v5y6kpXv96bAI1fRp5F6fimHKQ\nIoO2yv7mrEk85Lkor2dGh82ar3iCmJ5y7SKsZJTgNs4LgvYiMKqDsVPgGo8P\nCXfprE10sXN0V2lNoVNBYI5Hl2iVJIoQ9qysEVkOnHKrd/Chp/jl2pFhWEGc\nsd375jJ5P0OWIt52iM2S6DtQAnuNGNYa67+DvjoAnrEn3jcuIi0vbnUCnAO3\nj+plDfds7r1XkuaOa3RdU3V4qrUIKyw6TjZb9410vZUIyms+ll9S5c0ZiytU\nFUvZAPkxK8pVjElj7DMBWUXVYecxM1FcgK0INyihYHJSxbxmNPncBQ07DTs/\n071A\r\n=9bV/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fc55a497a3b0d48a691942de987d781555ef9d82","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.23b0c5e22.0","@material/feature-targeting":"12.0.0-canary.23b0c5e22.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.23b0c5e22.0_1623169292749_0.925712619571387","host":"s3://npm-registry-packages"}},"12.0.0-canary.2952c6a76.0":{"name":"@material/touch-target","version":"12.0.0-canary.2952c6a76.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.2952c6a76.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c91e86248ae60bcb9e3045436930b75264301d8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.2952c6a76.0.tgz","fileCount":15,"integrity":"sha512-xUQRhidyGTG2YDiQd3GEs/R15o/WV3RXu+0ezeDRAngC27UaZVh1pxuAXkqZuxh21gv49lzerHKb9Az6q7kXVg==","signatures":[{"sig":"MEUCIE4WIS8VnYCgaMy+oIW0eZN+SpVpjrqHykgYPbiAMieKAiEAidPw0fl9rA5b9HbFrmmSSKi/43gau3ph1+pI2PJ9Sqc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv6t1CRA9TVsSAnZWagAAoYgP/1ru8K0Ehx0ldWD9xTlp\n0wazS9X8EoWLzVxLm5YJbkxe5tYyj7HjKq6lul3Yl5VnFq0/aJQidA3mzJZc\nAChYphwm3X6EP6UFyoxDug4/Im+LY+OkaFvpRO+vkTSnKGI+Z22aFxtrXOjp\n0SJr9IrwPfvsVJX6MALpF3DLkgwHUvsjkyNpMKoBMsG9Y5YF67Sq4D8rW5lz\nHLun0eKs8Pk3qu1QrdpF6dofV8e2MX38vijp/4QVYNV3NTuSYKX65Hvb3wJJ\nmW4Ap4svJRJB1w7kHSuHThtUvYkvH8KtCtp6h5OZf6quj+CTxAKcg5mjsQtB\nuCp+DlqSby6sefE7Nd92UN+TMs95xqLt/pRl6i1h8DT1+XsKdDTiFW8HoAxk\n/gSgXgywKn1O5yj54yC6vxGVHq9dq/Of4OYBqep36Dfd3ftrOXCmDCRmUBf9\n/mSFWuRsdaceUHkFVVYtHeCcMKDHBHHEq8I/syAd5zzRXZI5FSQxNWDYVHgP\nemxY0NvRt4/yRC42RFK6zo+ye6PsvVxDEIhhbFIYE674H6ehLYKD+KS4ERGS\nQJPj7+DMj62py/kzehvnLeAV0ySnr5CNQl0JihmoboZ98cpf3KUtNxqf0WGO\n0n/kAr1aZ2TDgKg+zkt1TL8JkTJtX0balJqtO6F8j1sf1MneYsYetu/XV+9J\nK7Uk\r\n=wi6I\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c1b0afec5d55ef54d74fa1cea1899368fe5c7180","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.2952c6a76.0","@material/feature-targeting":"12.0.0-canary.2952c6a76.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.2952c6a76.0_1623174004894_0.24602172349623408","host":"s3://npm-registry-packages"}},"12.0.0-canary.f12425f88.0":{"name":"@material/touch-target","version":"12.0.0-canary.f12425f88.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.f12425f88.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db88ac58b63ec3a34f0a3ef0c731e5c655479ae2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.f12425f88.0.tgz","fileCount":15,"integrity":"sha512-hJ7jdvznAyWL5QTw3Z7xbez0DOkY1BfWyVtiC/f+qrs6i9R4bYwMt2DLrNs/CimsIZ9zVMLaFMCchY+12NBWcw==","signatures":[{"sig":"MEUCIFdDFOOCXGl3HRUulfVGcpZV+TWplL2jB7m8oB+1lD4DAiEA6XfPUHM4AQlwEAknhxaGHLmle5O8NMtadNTpf7BfS4w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwWVICRA9TVsSAnZWagAAcUoP/iKHWvOrecIMsDbTIFzE\nXT2yApxDeRwIBgvPRsEfGxP73krm09ySlW3SfIVmzufffTETY5+KLL8AtgQi\nHZaqHDSPDcRL3RHvdTjbOYiuQBRsxKeygi3B1Cpx6IXInn1Und1x6XXprQAy\nSfsvkyc95+B6RK6b3+HRJfhsAkrRnX+Ak4UtS/06vPmcDS82+I85IqyLgxr+\nt4OWsrPFgy6UcB6F1j2kAEwEyC1jBZb0ZHD9MSo49mZ6QXG54Roq+MbKYbep\nrBkshu0BlRXiPEklDfCWlhATRIniRQiv7wzXCxVkuKcf6RWd9UHRxyStePsN\nUIDg3RRkluQ39Ft7gJnKpKwVGb11FeiGsn25mYaHNmJuzRhKIXHChoOod9Sc\nGmOVqgAffYtFubIUmBsTv6QlHfsGxMOyAtucIXIBkea2gGImvAyuqX+3Uo+7\niM3Eegz6U6oryW5XsjNTar9m5h/aqFJjcPyAaSqmJWGfHvOn5vPvJ7n48q7h\nQcWe1bYVeNwmV8/c/aJBOaaN43Xwny27Y9FOTq5ijDZO7WxdUS1yzlgdsjZn\n9LXVdnDVBB08BdbAnB8qhJToK0OHa5zwVZrw8Aczd6N9b0qCT31S3W5r86Yr\nvEquhpjKxZFRJpryZslpKP7hCut16XEoKaFNaIeBECuzLY1WWOz0C/JY0gwc\n+Iu7\r\n=sB+v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c8fa3a7d372e06e42b474eed4ef3e4105dc43301","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.f12425f88.0","@material/feature-targeting":"12.0.0-canary.f12425f88.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.f12425f88.0_1623287112138_0.8110964855764751","host":"s3://npm-registry-packages"}},"12.0.0-canary.e543628c3.0":{"name":"@material/touch-target","version":"12.0.0-canary.e543628c3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.e543628c3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5196f0110cb605d223a474f82e8b7d787141db0f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.e543628c3.0.tgz","fileCount":15,"integrity":"sha512-rcVqq3ZvSOBGmrktWxe57Ns//rO+kxSuxhuhHtxQt+AMeWCTABfcBoF9SHMDX25qjcPM1M0S/hx7sKzdF6T5hA==","signatures":[{"sig":"MEYCIQD0S1vn1Kpc5ZSAcvTj9bwoqcvyfXLF3gtRlVLLSbagYwIhAKRElOGAHupZMXdfvJQPdSaG/QiPO0r6WrlgPDYEQswa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwWWGCRA9TVsSAnZWagAACqEP/1Vsup0bESwlm0O3PRSv\nKIjf8We+aiHSWV1r/9pLV0XPZtQHFFUmBqoteZKGWr+mgeH+gOfgBvqoknxo\nKwivrE3IiZGseskSh78vZ4woix7Z7XSSwa2z6fEJD0YdPOGgM79IUbY25ZQt\nx5FM3IVNghDlBCjdk3b3jVMPz7mkL+Td1R51MkTw2IwxdKfbV0iBRN0ZAhmX\nBb1J6VGvzaLK4oehDX7kpiyBKtmafSW7Xakdw5Ws/uKT/0Pvjp7jU7OItodC\nkjJJfYDkCoVXr/Pw30xYJWoVZBrEcClPrNMawsPz6jExdVc2bC/6b5ZQkBMu\nZ3ozeZmsC3wk8gYrD7TpSvUMhR/PzwYDoexvT1TZov28cIMyB9h25TsvAcqU\nm0jgkGR1lyh9CE0W50uoTq0iNEVgwhpF1RFWkx0MctgkCnadrDxWH8dv8nYM\nc38rkwOAW450yuqeVja60sfYxo/LE/uIGhOn9/C9niZPTgu5TgTwe/2tJ/oB\nIYu9p7NVrVaICDEdxhwiVmnX9brZRqQ1wkhkgFOKqgfpG32rh8Q9yfeyNpb4\n5awGkGH53kX8u+UdfnT/lcJRNBlOyM2ZsevwXquyHzMAWphvcnVGraEYE5P8\nD2FltG4cOGNEcBLIvdYoBM82E1HTFxQul4dKkwirKu4XqPqXNv1uMIWHuiYs\n4lqA\r\n=P44B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6e28195a46e3b2108c76ee1a6a9ea9416276ce52","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.e543628c3.0","@material/feature-targeting":"12.0.0-canary.e543628c3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.e543628c3.0_1623287174884_0.09772266561412035","host":"s3://npm-registry-packages"}},"12.0.0-canary.e0c346286.0":{"name":"@material/touch-target","version":"12.0.0-canary.e0c346286.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.e0c346286.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c34e6b1765763e082f15943cae11aaf71805f0bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.e0c346286.0.tgz","fileCount":15,"integrity":"sha512-q+b0VogVJwV2DlckZGmmf9sEYavAfSxT24vxYK8hKlaDxdRCMzDd38WLZGjjrPMFMcOE1kSbVGObNPOMLqm+ww==","signatures":[{"sig":"MEUCIQCvCqj/KI1Lr76ifF7h7S8m5ZL+/AGw/BLNggpEAvdoDQIgMQECWmUaDzFLEUtdD7t8W158wqzk8Ybh+d69Vb31d0o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwj88CRA9TVsSAnZWagAAgxcP/icQ+B3HBEffJIKKhdpB\niR6sCN7PrkQhGS4bL85Rm93+1rCtSgI/L5jLJwljk5G4G1ntfGspHXr7R6xH\nI8TSCZ0jmGbelQFDbvoLinAymTo13PtqGCkscKq1drXmBcgfVgM7urLzfVUp\nnrLK3+szEPqLMASAMch9OQZWQy0EnsFDPmf4ulNc+bi9RGIyjG4J35JVkXc3\nrNPBN0R8a4qnkEn07kLRGsCEPX4bQWd/90nQc1Tgdd8yRf6SjZ0I10Do7n9B\naermsyzBKGm3ZkkQxHuToFtSfYPSd9J7+fFRH5zYh4pd+SUHlp+/C+QCzOK9\nc8f95r52RLyzKq/SGaYNnOCDMGuYHfbYyLMj1Lu76ucWzxwMfDnC0Yhusprz\nrvp5+KegPFgqinC9dI1GstyRQQy85gIjgPjbh5DVpX6KwNdpXEYGfOtb6xBm\nBZtB/Kmcvo/ykkXqBMxTLl4/wlFcW9HDKX2W93lJG1f91lSpDw+kzWL7c18e\nzqLiRDEyBoYJAHmdWHsj8VLDqJTpskXvjXCGoxe6djhtuInwkebgd9IAzaVD\n+hEgTL5SY84JoXTj/z8l5yEqlLOYSQF+egkviOkCE//HCBAx87juhxg+6B1f\njaNNtaFQ/sBKWEyBHQY0idTZguWru5yiXd7IH4FJTfxI3gvxJeFS0qgEIAOz\nTmH0\r\n=+FWe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"405607237a611d804caa0b022897b683aed90ccc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.e0c346286.0","@material/feature-targeting":"12.0.0-canary.e0c346286.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.e0c346286.0_1623342907947_0.8402772097197979","host":"s3://npm-registry-packages"}},"12.0.0-canary.f43af5633.0":{"name":"@material/touch-target","version":"12.0.0-canary.f43af5633.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.f43af5633.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9bc8fba9d15379b03b5f06fbbaa0a19137c1732","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.f43af5633.0.tgz","fileCount":15,"integrity":"sha512-xswHS3At8NPfcWh+q23c3O533mXytUlVRaV1HkWyyooHCrpf9RXXZn7EEwaCMDRBFxmL7WbDIVmkBDyz7H1O/A==","signatures":[{"sig":"MEUCIQDqIiWDcfphJTk6BObRrDjq+YO8V2LJhaasa89XuiJ8uQIgFkDWE9JRWRJ7/yjuVrEUPBq+XXNRpOvSDhh/RQ2CVv0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwnd3CRA9TVsSAnZWagAAFvcP/j4s7MpkAKacm7rTMPs1\nKRcR0ItVJ00u1Zb4LWad8rLlXV18nlbR25/sufWrE3P9oyYZJ7zr8v7D4v4a\nmHQH+iYRvjofdnJAQKK0Li3t60d112juVtdCmTZCkVj4TsNyImT3Htya8SvM\n00CP0fwA3MRkxsJuYT1nYfBdwK3HaEkSziWIqC7KOPbyHlqOU+keBpGw7B/6\n40clnlZqctWpfcsNKsnWhBxCYfZQ17tk9U/fnqIjpKmSxU8cvFHCKougOLQa\nCoEb3zS49GtUAU3/++04YOQQ5CHeRYEfS2bNlyQqBfrFxjp1auu3jvjxIl7N\nAwLh4eP7trROaAh2iy6fIiQtC+5aRDfA8onLCOZNOI+xt4mBoZBUMUDljATf\ne9lHbnYtuU/waz9q+2y5DhfMcghoEl2kdgewyIHbd6Cmsi6QWkvx++47bRvq\n4Ojm9K5K+5sgngyyJbGm75bBKyaERZtAdDCAmS9MIE+Vcv5pakU/ze0DkCWT\nfBblGJSI5Ct8/V96KnFXeCnxNxc74xxa3SU04uw1GYHLxVq9bVimy+ZgPIhU\nELMSoA+gkrot7UokaeGe8KywRyJzuDlP0aFOj8l3tzZAujC0EvrfwvrIORx/\nqeAGNO+hMFw3DqZVQJLs5i9PQNwulfEShG3tmBNxdmJIWRVSP/DpPCu8zurZ\n9axl\r\n=6/lc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6889f0098642c4b4f3987ba353e17a9a22de856b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.f43af5633.0","@material/feature-targeting":"12.0.0-canary.f43af5633.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.f43af5633.0_1623357302614_0.2130509944865837","host":"s3://npm-registry-packages"}},"12.0.0-canary.8415ae585.0":{"name":"@material/touch-target","version":"12.0.0-canary.8415ae585.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.8415ae585.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d4db9e6bfdd4f435c19112b35f9be419f4826b07","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.8415ae585.0.tgz","fileCount":15,"integrity":"sha512-dMeKmgP+fYI+c+rGfQaALz+zuboX3OjJe/kdnGjo6h0NYMSs6kfTTYXovN7Mcu1VnRy8UceJ5mdKSaMDCU3t5Q==","signatures":[{"sig":"MEUCIQDtoB7r+v3wPXWDDYBrZuczMRfFMVKeCR5bACEVK1xKggIgb0EqciNgqrLzN3mLx49/SA8VjYYen7pBEhMgXYBtrB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgw4mvCRA9TVsSAnZWagAAzrIP/2BcXhnB6+e4clNFYPna\nSW2+s2vY5NEKfCCVpW7I4DUgucMaptUomEQkthTQbiJEt9Mi/2BxdRoXpFkS\nwWgupfItEOyPYmwouWK76dNGgAW+aNCOBIhNDcBA74F4h8VbTuzhR2AWMMHG\nRYlsA/sPColRoE3WgGKzeeWQy2LvOAkKXlNOTSwsx6Ji4wy2SiquAiV0ltpj\nyu9JmO77d8Iaj8cahfgJXuqXLj/n0goeb6bz8GIBxu4lDGaWe0zGEfBmjLtD\n8QgkHvtQJYcfxXs66WWRGjTYcjExmjWerPy5+AzVsCy51mYMnEVSiAXqmuGE\nN0DDAsVvAI+Dh5exAlnvKVMOIgXsvWmNUtivHvm81MMImOoRVvauaLhPKdTP\ndeUE/Lfv8LU1CRvgROnfOzi2fdbbSGR/jdlr+1uP/+ssxfziqHwggKPfPUrE\nAmfJzx1yNx6RFkrSQqC/o8V0WUxcIBSbeBma7kNCuOqjw3kQZ4Pmtr8d9Q9h\nIEKwFKGguATK1C4zg8UrZVHELMV/KxA3oAJCdHp9Wg4YfrarjsnM1sPTN8rd\nkLBkbWMX1C1+t4Ic23W/XziNduAVnnLCZ8hjsfmyDEKWAJc5EWvTj4i2kvkO\naiIRkrWtIGPW+/4lF5zj5xpkNdgC5VMtWKLVez80VP98qEe1sBi2CGLw/gJj\nblKb\r\n=imug\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d00f19e41330e3956e7355a23ea132e5ff37403e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.8415ae585.0","@material/feature-targeting":"12.0.0-canary.8415ae585.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.8415ae585.0_1623427503473_0.7359060949840335","host":"s3://npm-registry-packages"}},"12.0.0-canary.598fcccc8.0":{"name":"@material/touch-target","version":"12.0.0-canary.598fcccc8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.598fcccc8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ef03547567b4884293116f4c610a094d00beb61a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.598fcccc8.0.tgz","fileCount":15,"integrity":"sha512-KspDTeEw37ltIWiSSZZTZ3gPYxboF66FM2pcdyfk7k+yJor2fACpWfjLR+zpJ9cTLrO/O4yWic4pROyrFVE/8w==","signatures":[{"sig":"MEYCIQCqrLZLDiYlZCa8Cq2u3Iu3uROpSqXpLbqh08ToSoXBPAIhAM88nfpHrCVrltjoQmgnrWGC0WhPpM9dSAZ7lbl2PFVP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgw9mHCRA9TVsSAnZWagAAUwAP/303E6BXYuKxuFC5CsD6\nxE3upx8T8U7VRJQD9audSuQQx60t5eyiDX2KO3RWyhXUrQCpEyZT/3+u277W\nuSpsTqX4+N1FGG3WXVseYhvHuyDgKCrzW1kcQyOKFLKvSXDwxByT/A3OBHfc\n+a3HQksCDfFdtQcMBfazJm++iKkd6gH451QEh4KXnn5EAljbZe+UoiX4L0EC\n4300ON/qDou/j8HFmfw9GyVe+nS0vGKezRO/lYph3x0q2KL0hCJqtMPO++wF\n6oK/4x/R20rYz36sDN/pnRziwckRbQQzXhVnzo1BmbR8smI7FU1Ps/Cf3hld\nvxeCXXA2fwoNMtgMvLeqBUb/fL47an9Iyxtt51PDi6xi4gNG+wSwYvwG+Dix\nB177ofZ+T/EuWkKTbrCHwX06GvbGcDyeCpmCjvnR98dyVa1v1E8ANuPoERd6\ne71YyVODwnlkM7PJy7sqM+927tOgFEIZHyrMQHKrAHeI/ccSkpO8kZsMRSfX\nztgeyUoHSgj9MAW8SIZUMUweh0eOhTZXmKOD8l6mgNxBqttwgCzxQSf3G76S\nmLp/6xsNMhHkSmLRtVG5q42zGXEsCj76wc9xAkHlIqQedQURcUnwDfrbmiR7\nJSrT9h8rA/WoytGlyrWRepptq8GNcHrq8YPmcw3RxmS4ga4YqCMbJRUmsfoC\nXSXM\r\n=SjV3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ccbc9ce9b0bfd89a7b5d57d3e0d6bc2ae297f66c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.598fcccc8.0","@material/feature-targeting":"12.0.0-canary.598fcccc8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.598fcccc8.0_1623447943300_0.8379393185821176","host":"s3://npm-registry-packages"}},"12.0.0-canary.5d0605188.0":{"name":"@material/touch-target","version":"12.0.0-canary.5d0605188.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.5d0605188.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e7af195318b75cc6f009c9d31301f493dfea87d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.5d0605188.0.tgz","fileCount":15,"integrity":"sha512-1BfNmbgoQpZ6S7k3aDH9WimPaoQb0k20XX+Xq49i3IyKlESiw5cy5rnUVg+TgdfCkmnYE6mU7lsKgOnJogcJiQ==","signatures":[{"sig":"MEQCIE9FCTS1UXvm/iwkzKBW+eWrtCvTZP+jzrQBMdkmZbxQAiAPy8PFJk0XQc6Liokdy6Gn8YkxdUpVvL7mfy2oJVK+lg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx5QSCRA9TVsSAnZWagAAIxIP/2elYRv43eo+ENt1X3wx\n8WWnFqdsNG9CWbzeINQXOg3MoPPEx5pYJ4M65ofj7LTYMWdam/VMI0hsSgqo\nrESSseeWjBBKgR9IZPC+HRT65KFz8vZUmeVmoFi132On4HxpMvSmKwdV6X/s\nX5kB6w7hIrfh5yLBn9ChGAAm5kjuirCZ+ecw7gje+j4s+Qpl7koyvgAnXoVJ\nH5kBkrYVm5hnTpCf5MRy/E3NIxLklQ9g315alnpunZ5O3oeQdhD2mphYzAbK\n93uDghg3zaf5tDWI/k/bU6l/945V4Ev/9eBc7JYOhucgNUlFUYPmeCEInlSY\nBbHpvuiLkm11I3jurjJFzbI7svXaip9fY/rLz82KDXqiVtG0a/W2OGHQKdeK\np1qE7+U6L64kUMESQb7QG7nPVhTzNA39QiIBGV9/72+sXmaiPh1eezBDCn85\ngVpwA6qdPPqc9rY7GuATqusSkt0sTEQXe8azHd9mt70umpXpnARLTLVjQ38p\nO9e30qOztjrRTW+xnP+cMry2Al9HWjVPJTDudXZu8ItixU6DrzWi/RtMg/sT\nqNkbuU7hZ4jvZvPiTUU9Q/CJCwccRBWxtQo0b+xKPFLADCYHd2sYr84vCKfw\nPfXk3hkJ68okhVRY73Y5paV2MdPdFe/aR50JkR6viQrz/AXKlcwq8qO1AMbO\nxA2j\r\n=jtGl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0ecd220c6043621c1d471242f32f317475b671f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.5d0605188.0","@material/feature-targeting":"12.0.0-canary.5d0605188.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.5d0605188.0_1623692306230_0.8150617975163525","host":"s3://npm-registry-packages"}},"12.0.0-canary.f147a2271.0":{"name":"@material/touch-target","version":"12.0.0-canary.f147a2271.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.f147a2271.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"83caf033306d089895786d6de3bd63b2442806ae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.f147a2271.0.tgz","fileCount":15,"integrity":"sha512-zOsXMH07GnBHxrIAz9lmtvnd1r6mivjUmEBGzLWufNtUbhJE8/M334BJHoPfiUcPLO8IvosxDdzHantGX2MQlA==","signatures":[{"sig":"MEUCIE9JPKUwhzZ6NPWDZNGDJN1tORl2R/vZm5XEpk86ldRZAiEA0i9XNIt4GsPigMDlT0Y2dxrvIlXDO9tK/2w6dN8Kx/E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx6tBCRA9TVsSAnZWagAAk0sQAI8QfLsl0e/7gJjfrJq7\n/9qB9TCaew9eWP8IybKUPq1iwdUJGxU9fIlIiA+MEVNWzcfSa0/PATtJuo2/\nL6fnNkb2Lvlt+nGV9LGDAl46JdIUKQsvK59j9Z/SEMZekWxsDQzGC8Olc5Mq\nFkIMPMVNv6rtAgrovmkhG2uO44aM1F47Mvyo3S2Dd1OXqekPRPzICQYpa9M5\noJyvH59eCbx3kvscDnEVFk3xgeFReG09ZMUhCqsXLLE30/7Wi4GBlp8XiDGc\n8VLfP+Cy/Oye8mz2RgTP/5rLKYhZ3n519Ilf2U6ZwJJubDtC+r/GgGGTIf6B\nbwPpjUmpB+5BpYK4rk4Xw3sqSn7+pwbXJHu3MfmGKOfhZdNrkH6CIRNpVBbz\nejgRlgbhB6iWGpKTTl+wbJX5f7uKIY/rtJtWiEjU6codkir37SKrlMpx41gt\nCluy+HqXSMZd26/BuWvBM6ifGnNcF9Zc1K9UxVtOVutMXVpw1hBijCjfMBd5\n6/BGlVxQLl9fV9LbG978cuviz7Y8vMIo+ASu794ByPd5lTXic5v0xQEClZdY\n8LUANJHUb/jdHtrDjahLbcn4JLO/E25EAPK9XMVprW9uQg1a/CPLwlfUkMGT\nwbfWefdznobq11N+wZHe2Ax8XE81AZtIeIoo2aXQXfjRMpbidJ5WkmKe9mjc\nrKEh\r\n=xIi9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"70b871f06c34302277b9eb3064110dd70afb181b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.f147a2271.0","@material/feature-targeting":"12.0.0-canary.f147a2271.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.f147a2271.0_1623698240928_0.2632342021609011","host":"s3://npm-registry-packages"}},"12.0.0-canary.33579e00b.0":{"name":"@material/touch-target","version":"12.0.0-canary.33579e00b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.33579e00b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"88418020aff8f277dc8d27ca6d556a064453916e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.33579e00b.0.tgz","fileCount":15,"integrity":"sha512-H7xmPc7KKeN9IYlExPq1w0J+OQF6mk+Kaw0oJfYLlILE205J5bpj4tf3uLVFuMvG3OimiKtKxymYD7seMTgfnw==","signatures":[{"sig":"MEQCIAyQ8UJ7aClCdYn158mDZWp95ryBraQzwlyQ0kyo90P3AiA0L7G0mVwN6Mlu6zjnaTQvcGmS84gllFSLjeThw6egzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx/J3CRA9TVsSAnZWagAAr64P/3neSKczHNI2t4xUGNAG\nn/Iodc/kLTDHft/KmpRaw2vkl8pKdV1lp7wlRojrZlW+4My+OQpSJ+rYnjF8\niPB2o0YnHtSTgXlLkOYUDTQU/9ZJYNH3M6yvSPNKLpsdGBwogIjsxXLiFDfp\nh2S8v7qLErEfC+3YM2m8zDUD1wvBanhdLI8Njb7itc2Bb+uOBSKezHIFCZ+w\nNo18Q4hGEm9InJ72VjEcB7f7ok1qQr1i39SPG/CxewQydl4FrUXIorPmEzKc\nxD4YzNRkhBXkAigj9YFWQCyn1Rn5J35BdH5Jww8IVwAKPBlDSMpLdiMLAfyq\nt1v0aYxX/I/crGXp+CFbempRG56rAaNCpg8Ydpe5mjABOv793OmLnO9shBaO\nrPvF8k0J5tNeVocHbyf+KW09N2/LrEMYZY6AgaHlucETnbUi+wOjwCrBZLKj\n+qHULO1gfCCzvxNsb2Wt9sSWKQHUR1GHJF0kFEjjCwawdJxTlVIFFCE1gUe+\n2DDvxrova/yVKpGpHgyuvRjG64eD2zBwMewsvlX3ZUV53iyUb5L7CUJILoJ6\nTX4Kziki61IB7DgQlLfc7eE8prYPXWb7HX1HYjw/eDEhhWQVhRGBNJL/ggpJ\nwulT18rmtNQpOVdw3Tzl6Gb0s6UlZWXnmdOr7mEmOiE/B1bJpJ71uG17/6Mq\nsrTO\r\n=f93L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"13a815cd8b945d23ba7ba2ebd6730088fa195237","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.33579e00b.0","@material/feature-targeting":"12.0.0-canary.33579e00b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.33579e00b.0_1623716471480_0.08472621534036939","host":"s3://npm-registry-packages"}},"12.0.0-canary.a6909c0e6.0":{"name":"@material/touch-target","version":"12.0.0-canary.a6909c0e6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.a6909c0e6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"110e3ec996f1df4e804f785111dd57071f08bddd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.a6909c0e6.0.tgz","fileCount":15,"integrity":"sha512-j1U1fxrS3Sjsvjf2sxdWMKa3e464Ad6OSKwmx9KgxVUQ+QRMlUaXZHTjylCh1TSWFwbtWm7O3jV3GSYdOODHFw==","signatures":[{"sig":"MEQCIH+3qvGPdQEz+eVIdI/4h5EygL7DpbYuhRLaGLr03KqCAiA3Ea+5Ft0R9QKuHAv92Klp0cCQOytX9N0+5cxUb1xt5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyPGGCRA9TVsSAnZWagAAS40QAKK+G5wfu9J6QLjeZ3Py\ndtNo8k9YJCRj1On2I1henjwd3dqh9IwEW83LIWFo3aefrb95gIicN+HF0g+j\nJ4Wc7912mEIJXMFmu1hDm6fU6w/POb3MpRpAiu/02FjNewic064AH9mm0mV/\nfxzrkdHCHGmyJ/6Bh7U54hD9FPCcoEfPFY9ePirtXVrqq2eyeu+wYkCChlTJ\njBbza+kFq65Z6HfHV80GXzV8CejrDBBb6YsPbOuIsltqX22G+e6o32fQOCY0\ni76gR3Ps9zTa9LUg/5ga79VZwSouhXtvRwvRxxzRsT59VlaTxhGp1Vx/sIVI\n41vPrUHsF2qGGD2StrGwPujLKBTMrDOKP9i4WbS13TfUxrXbEt7hZGV0yKQ4\nU1bgdnx7TvhYdEojU8atdYWtKTPrZziwe2jw/Bn/arndJGBtrOub7vgjY/ml\ncWfXB47cP36gVdHqeosvnkEBsTBQxn+EiysVTZB+gNeqWNv1fmvA5dXr3Eee\nj2vbs3bnHjOkqlGgfU0uh7fcHC/Cg2fcnTbcl2oefrOiyruT8QeoxkDP+btB\nncRDnKmLRMC/qZAH18Bp3omvy4Z0iuAwwFOunuoJFIuF9O9yM2nbeqbIB7Oh\nrOq9sF1OeLfH3tv3ilhDCkFYxDFuy2RzOwlffX7Lk0FpzAAil+HiCvhCX+RL\nWC5C\r\n=TEse\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f4852598d008bc1750e5e9d2a0e828aa8804f87f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.a6909c0e6.0","@material/feature-targeting":"12.0.0-canary.a6909c0e6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.a6909c0e6.0_1623781766574_0.9593060255594712","host":"s3://npm-registry-packages"}},"12.0.0-canary.c18b5925b.0":{"name":"@material/touch-target","version":"12.0.0-canary.c18b5925b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.c18b5925b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59ce9d2816015585a22893ac6dfd5b76e06843d7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.c18b5925b.0.tgz","fileCount":15,"integrity":"sha512-xEUK8nlD4bL4gI0WsfBcttZp+1cAR6olk/ttkD34wOjVjazidoBtYj0cq7my73cLyoqMAJt4vO6OaXzphC3Bsw==","signatures":[{"sig":"MEUCIF4uY0MgS8+fVvTCxuaq5LGiCknAN3MQ34QDhXoJeK5yAiEAkl34KJc2uAqtctA5zBEcD78uISgvfx0kO8b2FsZaKtU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyRV5CRA9TVsSAnZWagAAKz8QAJZRQMWOgnSLCKPIWNXx\njcdoqGQR4FatyVjsmtBlbl1LXTDs3Fv4Bj1vQ5MvIK6QVaQebu+jINEQTys8\nkqHDvf7PLiAJ7E7I9dYaZYu7EmE3YqRxDiY3fIeL8D7gK8qr5mQ+N973Cb+x\nFti1Y5+33IuPXAlf3txFk+lRinrXz9/Z0cLDOu1Af9XDoYZU1JNn59vNJ/hc\nJKoBKZCcHAfuy/atLMT6KGCLJw0LwNKX8mKi0DK0prhmjIJSZOtBYtsvZcVh\nr4E8Vj2KGYxRvAl1BCxKtLQJz/IrIjXJtbQFdwfKBpa0e7o8lQXB97d4x6rT\nuArN0KcHV+jkMd0WkpvdSKm7F9+L2juNRs8dBEIqRbkzLtSKe1yebmOsy9Yj\nylve9cj0caJxlrJEJlInIV4p3wqL841Y5LNROSVHBEMc4TWB64dRb+v0W7DV\n2YkM3T1+ogYTRghi0t8dJJRbMcXhtkbERARFPeUdH8fK6wprzmudrts8rPWi\nMyDdmnK1CtXQbXL18JCjjx1kH5wode1OjlWRKVGRCHwdIXwHynCRxdmi/u4R\nKldTXmcrk/54s/aTjSCEj0u7RTucNXmVNFsvd5u9Hcq/8ecWRj0cXkIkzYIO\nLGsZEpjSZyzID5nPQKPf0QpZFoAOVplK67WUXXAs2buaPtaO7VHY7bqjW1YQ\nWhIV\r\n=8NhT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bc767c077b93ce415f2505e54f329042c80b0d3c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.c18b5925b.0","@material/feature-targeting":"12.0.0-canary.c18b5925b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.c18b5925b.0_1623790969775_0.2515634714195951","host":"s3://npm-registry-packages"}},"12.0.0-canary.7ea2e830d.0":{"name":"@material/touch-target","version":"12.0.0-canary.7ea2e830d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.7ea2e830d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e8343734d2b55f7d0e8a1e05c7a28443c26f3798","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.7ea2e830d.0.tgz","fileCount":15,"integrity":"sha512-xp5MJR0YLuoS/vbRxI6nREyn/qF2YfuqWS9VPt8YWiyABXA2wUurEWqAk2yi1Gk7xhiA5ZrHjY0qMRBN5ghWdg==","signatures":[{"sig":"MEQCIDVCcS9Hr2v/ionxPpdzrb29duFJ+wQL8WornWtESDkSAiA/k/j9Ag8F4m3Elp8XoEtkePi+KxqKV8cyWnHJPonWRg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyS6YCRA9TVsSAnZWagAAMv0P/iGcuePwqw09+3KCYXz2\nSDmUWjE22hvBMlj+u5tVdiAbpawJNbeITH5gmilllekW79saNsLm/IvMz2u/\ntSSeyipF+YgVFsi7qFGiu86eaJJBnosF5rxJFxp8BqUHSAgRjq+MAQB1gSPv\nlnZfVU0LqrPrImCtbffoxM9+JOYyyl+CfnLzGp6Z3L+gy1uOQ+Rr08k/tPYX\nVtKzWjc3uoxOMnio5PoOMmyuCLLpVANWnhC1UFxC21BVvp842dIImWCtie3l\niOxfy/TFCbg5yXjoTP5F0PIgP02e/mAfzzl7PYcH0k6ilQeHRSS6OKQEdEC8\nXiQ+bfSqMZjuYCEzhw+8DL/y7med+POwwZgExdsAO+LSRCTSI02p/4ypet1s\nROXF/QHkc+soDhdHhgOfmZDcIL+TSt5quS8nioZApDlxggomFLQv8ITsqM/B\nrjZNZtV/BAmukAiuy14BibBEUALIhlUwWVSNcPhxBJ0YO3lGveUOTKJTihlv\nFEmFGIT2FrV4QyL2sO9Jj82UD/CMojfElJhuCk54w652s+MlyKxW9/7BbVOz\nDyHHQJ+UbVV1P8kHrXlkzENQkqNEzxzTEydhRIEpowT2dQ9L88uIhQbeB1Jd\nwBV+0ljcjYwzdIjYW3IAQQrHsBMD5uGpejXlNENPBq3vkXYXB3+8ZlG5pGC1\nm8NI\r\n=jIU4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e1f3cd5692e7f4572664681a049ec1ea1548eb15","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.7ea2e830d.0","@material/feature-targeting":"12.0.0-canary.7ea2e830d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.7ea2e830d.0_1623797400563_0.44782396385919365","host":"s3://npm-registry-packages"}},"12.0.0-canary.271fff902.0":{"name":"@material/touch-target","version":"12.0.0-canary.271fff902.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.271fff902.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc0911c3ac431e2b20bc0847a6483e9f220ce3af","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.271fff902.0.tgz","fileCount":15,"integrity":"sha512-/lysE8ZNIohBWsdlct56iy8I+iimkYmOB/of/Vw7BNpAHysrdwAP9SD+X9qbfJr1zYiVE0s8dQj31Ak+AJZHVg==","signatures":[{"sig":"MEQCIDlT6Z4I3JWO9Wo6NCJjvl+rz5EPPCHshcfqVP2sWPEfAiBtEqcYHAk0aMflCCTmAXXWdedhxcIaA0pfSJmipRZs9g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyS6uCRA9TVsSAnZWagAA9LEP+gJAOWPqQ8U6jNHR21aK\ntwqnmSVTQPNpgyXvXAYqlh+JJ9pglDJSMlDo9lVReRucIexmrQsfSZEPMWdu\nv9aQkrn4sRjT6d5Y5SjrHGaAUeoRU6a5fiT5SJKv4BHv2o/6pG+WIdRNu2PP\nmhc3UR0xSUp2IVJgYJIN/3HRDaHHeXQ/CKbuf73I5BU5/EVIVAlBet8Fak6M\nHopxCw+7O07RxWaabRFxcWQbShYRy/NhXDdfsT4nP78fD7DJz2K93ySJ/j9+\n618BC1VGWn8af5qjEgmFXYDIAYJwrwY8ijNMqFBh3/5D9r17JrfjvzsX/oSx\n1pnAYs81g0dbT0zKcUdhg+gROGxXtNWTiUlPf51gE/KsSyGV+0UTPSVxV8Tv\nyVeqW4FozfxBlaUmwZ6y/pLFLVfStPSc6P2QgKJMSQxKdPDVUGvzan1S/6Kr\nfHgKjbr0AGK6WldH8UqdI5WvpoPv8GlGZ8174USY61IwxQ+5T1BteubXKcRn\nnbNzABCXoYUqhdacDeGGLFl1E2TkWEi9KT63BNHqnG4fyTydNC8DlzMoUT+I\n9aXphARgZMBQvUmsv83BiUCzbg39lDJDTZp2UdI8jrKSKjjWhkG8dgR7mdWR\n53396O6oWkbhjiVDqylNQBOytTHEkEVADTS5OiooOjrt9nFrYbyvwzwrgDZ/\nRxOT\r\n=uWIE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4306227bc7e5f014c5e961178b436b394f0dee6b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.271fff902.0","@material/feature-targeting":"12.0.0-canary.271fff902.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.271fff902.0_1623797422337_0.7356692112322851","host":"s3://npm-registry-packages"}},"12.0.0-canary.d96f0a1e0.0":{"name":"@material/touch-target","version":"12.0.0-canary.d96f0a1e0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.d96f0a1e0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"831fc2804c4f9721c7871cf7cdc3052cc06ba832","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.d96f0a1e0.0.tgz","fileCount":15,"integrity":"sha512-OVMXln0/3D9pnfDxelNrDECsy1FGoRWO8kJEA6QPmX4TAaHMp9xdy3tiswuN9O7FBuQtabNrxaXIqM32bntMCA==","signatures":[{"sig":"MEUCIBNd0WmZje2DxoXhQsSjFPnD2pq2vOpPKcvGYK8F8azzAiEA7GSJ6HFwHDyevqBnI2Lah2Jau0WVginIX97yqiUkTi4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgymeTCRA9TVsSAnZWagAAUE4P/0Uk225BRwsdkGF7VBBj\nNFB5tds9tY1FS2oy3RlZP00nUSjZeIRYi/TISLBEW+FQdAUFMjl94nH0ssDC\n/m0Fbunn5IBdtFsbw5a1ffwswR637XFZBQBWc8yGtMpzOiRt7JiVLpPpmhur\n0n8ATBNBOKw84hI66patOZO5jMLSixJXsXAp8WoZOJRxMGCHJIOHP6u0ZVRU\nPQPAr3OjYwTNGmnPw7Ug5FHfLNoQtVOynQutd38AflvyS7V3eNRwc6hdv0if\nrtnBUhouRgla1uY/lQ1cYnsQ3tHEZKnVo5HaB5CLFOu+vfIH0VJJUR/2MLVp\nXdm4Qhe82uk8kE1LPO9v+XK8nCuVMORNe1/yA48t1FWDtrfGPihZPyxugz1k\n2WQvSjGxlMO4g5NmnCd+i74CIJTTtu1/rR4HR7CApIGcNiGfEGd83DSHzyQ8\nZDJNIPEjzA8pjSrBDGgV/mdgYi8EvtykKMinDWYUCxdecJI4zeyJY4LjuVnn\ntuo1UI0tDp+mPS+idMvUJBU6a/95zuG4TCrYzx2/HgyeA/tNRQMILep3/WXN\n5SjtSWXjRx1K8iZoESmNmhpVgH+3w3bM8Iq0uhqt+2Reh6DVeOPYPiTl+xZ2\nXCBsPeJd0oIWAXHg2cmJR8DxwanztNtR37u7fWjhrI5T3Rh7T9roJ4B1R9c/\n5CE/\r\n=wZaj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"32470ff9121448fb2599b2985e276f51563ed4f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.d96f0a1e0.0","@material/feature-targeting":"12.0.0-canary.d96f0a1e0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.d96f0a1e0.0_1623877522935_0.8979059652535999","host":"s3://npm-registry-packages"}},"12.0.0-canary.a6183801a.0":{"name":"@material/touch-target","version":"12.0.0-canary.a6183801a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.a6183801a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b213e6d1d9ed3d6bd5ad0d15589b6013feeba995","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.a6183801a.0.tgz","fileCount":15,"integrity":"sha512-PRduPtHj4Smif9nUUXIDDz1UezJivbW9kupDv5zLMMLJ9JJE0eXc2CLPcdJcFCWkJgY69BY94bsXGpFDdyMUBw==","signatures":[{"sig":"MEUCIQChbEGogvs4tcE0Cej4Cy6qfscmLwtHcY3LXYeWtRjE0gIgUn7JhN82vjWxOntCrUKSJcbViAzsua0497LE2ukwcgc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgynV3CRA9TVsSAnZWagAAbt0P/3P1gU3sQIazvar85Hep\n4lNmUlG0Jeop71jjSz1GSRlHtPJ598mnv3aYGVyKYgVb2g9d28PKvR+n4NjS\nsxPjjpZxwrvEm0QUU5A5gWNd72WrP507GQFqr74QkQ3N9godEmXjldUW47VU\n9kgbHj11dEjf2q1idHR70ImOSAvGCLjwDfcsQKgECNSOCr8hQBO8bmkN01mf\nhDerXpIu/8kPloc1CQV/qlvFVXzT16yJStE7U8yfXhzQTl/013m6+ajBmX4D\nAGpNzGyQa3RcR3D9LFKm7u0HYJNrLN5uGCLwZcX+cfMilNmSh7GhrsD59vb6\nt+9hvo9f5eSbDQSYxdlAndZWDRdlB/JBs+1wTFlX25EoircsM8Ap+m3b/l0u\nrgZQ9xk0X2GW6BqdasY0hUyLXfCrV1vWa1Xhzu4siT5I8kNWgf0RhSVKcOTx\nHu6Q8Ri19oNlRyx/kDjS2iv5OJIU8W4cy56VA/+oJpxASjNolHSRene0fZv7\n6tjizszUfQOPfX882mmJG1MyzMUfACKr+W9sRN90wcPZtD2qX69OihgHyCJl\nawVfaMOdhc+h7mS4dtXfFRqOZPh6ullhZcAuyNFT8N0zaWlEAHhRT1bHXdSa\n4rZxAADvTWBSGmfiDYKwczMhtzPvqy/dTl/vt7zAEEwVTA6GfR1XIT49k7+b\n1Z3t\r\n=wpMs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b5eb42f66e2a670e1f9573b4feb1a600a95b49b7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.a6183801a.0","@material/feature-targeting":"12.0.0-canary.a6183801a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.a6183801a.0_1623881079006_0.3039229832009218","host":"s3://npm-registry-packages"}},"12.0.0-canary.940550232.0":{"name":"@material/touch-target","version":"12.0.0-canary.940550232.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.940550232.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d5c70c2de043e221934a1231ee3b1138cd9139c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.940550232.0.tgz","fileCount":15,"integrity":"sha512-I5xtCpyn75hHNU05rD9yD6mrT19GV4eF4hJ1OkeiSi5ND+LQ/hNGUEAPcqlGZ+p3ue2eYlYnzsQSqO45ev5Uhg==","signatures":[{"sig":"MEQCIAL3me07w59yIZJP0J6J+TvGx2LBANIoiq67eYgkjD3hAiBEZMZEVCv+Wvnv+3bGkX3R6PaYMWDljmHmYjpeTHYbow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgy6TpCRA9TVsSAnZWagAAbd8P/2k2QVblTEdQ1GSAKibM\nDKCbEWfyQBbpsonT5gmKmlwk5uye1tQSLTGTJYPn0eBrKlfQEQ/WkkfTQUNP\nlmlKVfoBIpLi/hsdbEJ3/Q4CERhQdhTj2tCkDudtQ9HBKAaHDt6KDjysSfdZ\n1V1S0qLcrgCLiMEhqUP/D0MprbPtF2JTYofAJFw5o3fhUOLgJd7bVWU32oqz\ntvqVpoVHAkgAWB/4yOc8wwj7Owz1Jp3Lxq8io9SefS1NYM3RS69cim+zABeF\nAQ/sttCyQMrRSJbgPqTetxaIy00FUP2GiI496FsMTu6ByY0T1MNQlBoLlJLT\n/4HYDaj3cJT4Wn8huIPa+oSYJPHIdLcq0WKWVj4S7JtzHaGkanbjl/wecVdH\n5iz2iHlIqte+i5lhMcSfHAkF6uHziw3OP7D1jjdHI3bwE2o4q/ELFUBGVmFZ\nx4KVNPp8guTSzcDVEI9BRQZeWhbnHYbHR6emkKa5YJq5nCmXsBLriWSF3pjz\nJv60CfpJ6zAgDj40RIIgYrcGSwyABxoPIFsYSLr3+NjaL5TWBT7sjzxXckSY\nMGH3iSSHF47Zj3sqpamTyN/nDQw8QrRKM1mHY1qv50BJJnXpvNdYvxsg/pTB\nRy6lDqHQ2VQMnkiRaT/2Dz1+A9pn6/QACEhduiBxxqbB2dLrB/QyYrDvIyHK\nca0u\r\n=5YYO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1d6560428828a2c7ac90d050a744265e63c8563e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.940550232.0","@material/feature-targeting":"12.0.0-canary.940550232.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.940550232.0_1623958760968_0.5061076964922249","host":"s3://npm-registry-packages"}},"12.0.0-canary.f705e8048.0":{"name":"@material/touch-target","version":"12.0.0-canary.f705e8048.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.f705e8048.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e66d04b3c4d3eaa375669cefbaa69b46ac6269e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.f705e8048.0.tgz","fileCount":15,"integrity":"sha512-elD3EKUN32VJ71snv+ic1bcKgar4G67PQFghZFZ1XeQQkNNxXnzaMdDPpveaJf4sq9TfQKvbEY+idIsVcXF5Dw==","signatures":[{"sig":"MEQCIBnTIHSzOnmwTAuKuDLaav2CWZ4YNHNAZJRlav1pTETEAiBItio9v4mvH3TWw4jSopccBTKsf2Aj+M3qdGpBODfQPQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzLp+CRA9TVsSAnZWagAA10EP/2tPMgJlV2PLrHwTzTxQ\n2gwh4U/0/MUM0jFmxWRd+XI/u24tTAN2bibccAP3BY6rYTCU+4iu/bHheRtr\nd5GIr1nPK1P8WjvsvBpE5sW78xI3ZMbRpy82ZOIchR7FB9YuSJ+yA9MdAYT9\n5qKhdJifoCPzIqGeVt7MceectqnAGfBjHBvPQxCUyaVfK1mIacxU+h3P6/o+\nuJWYKiMvIqN4oE34V3kpCGUXfex+6/ZLPHJv1ux41BbKLOzyLLOtHHGt3TiN\nRBF1/l7A6/bRGQpQXbME+7ueC8bu+q7rPHA5r/LYPsNgoNI87I4mHiyxTCrV\n1JwSOpz8UmZ2ACHEbeKD5iPDNt20Go/phvrMmRYfABH0hIb+zOmCdz0WlJ/O\nxzHmv8P1ClpCaIgWjW8CaTpE6LvvxD3/uSIt6hDK3Xngnb98WY7IRAa5kIFA\nxJ8YneCkkHTi7h+FsnjAsTNmafMuf7WF942fQCOG7h4j7o8DUmUjcqgj3Ewt\n1HODnKykb6DYm2Ni1Q+IEHO1XYn18jcPWo4GSObR3RFOMzAVhWOm7WIq988c\nAtVsOv6Q8pkRQKtglNzAITqEMX/0N7KYKh6YJVzk7gRsYhz8cEXWXxhCtUkp\n1UqK6SIeKogtxKTZd1Oz7o2iAZLmtSNza5Xcdj0DlqT8Ghjb9OjM0wF+BDJ3\nx22T\r\n=YMCi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"65fc1ee152f3abef35713b70962e3d5b848a5e78","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.f705e8048.0","@material/feature-targeting":"12.0.0-canary.f705e8048.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.f705e8048.0_1624029821482_0.3388925593130472","host":"s3://npm-registry-packages"}},"12.0.0-canary.08d791f37.0":{"name":"@material/touch-target","version":"12.0.0-canary.08d791f37.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.08d791f37.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be89767efdff2e90558fae59fc3d8c8b53b287b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.08d791f37.0.tgz","fileCount":15,"integrity":"sha512-/9UMkKFlj/PKzktyLNmSsL21dPYCJaUjxAmT0v+xiT4Sjn4bpnLMOPsqKSF02H9/aHNaTQKe/AV98nZ/SXPIQA==","signatures":[{"sig":"MEYCIQDJ54VbCHKidIpgi58/B2IZe8nAcDfdzTk/gJt1JEuKNQIhALWnxoiq2ixpsiLUqpHmcFTw9jgcuwBv4CsfmufS2JOG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzQvgCRA9TVsSAnZWagAAf5wP/iCGsJohKIywTo4UmxD7\nFY92lvCdnW2vz4iibYpsoIX+wPbmVrWaz5q95I3aXN9l+6EjEVTqqSKKWIUP\nRXWsdDPma8DSKKUYs5KkrbjD/n/0iWwv3o3JapTjt4jMxvj3qwRjrypBQrJ5\nwgX/ZuMRsAJf8AQQfihkDMCkfmL1zqrVvvY79u3nGMXaDUUIuDWgsQgEY213\no4vycnzusPudrcqVxEdUUtRCOEe5dmKCnh7MMlY1xKlez5h27dN8xvKCqZob\n0C9j/5rIkJIyWXG1ig7mHKFLGiUjoKJ4/yq1UDH4d9ouSIwJq+rt9BbXWQ0l\nHMRkBblMyQcDNrC9sY/8KZBOF+KuJqWRoO0n3ChPrKSjOzOvJlncS0vvg923\n23qUF4tES2qEbYXSQgJM5qF+Xe6G/lMIPKEuMIJ72FC7ca67MhHquIUaGh0s\nw5HCAETsbxCJ+q4/XmzV3VKaPivGwVtJ7pCKRRe0A/yjlGyHW3J/5EWvrK+R\nZ3ScUyrpt4RX62y8UX0Mx4Hx1LZjc4mgGYXPgEo3+fv3Nq7t0C27usW/A23Z\nuZmkBBq/iZnNRkgWBbuY+sStVnjPAz4Gq/oWpHdj6sfn6qPYvdqgQdaXpCDu\n/CTzrK56MM7HhOeW25zFltAgatLMj1Cf+pARmP46Gvpguz5nWYez253sstuj\nHmii\r\n=46Oq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"854f301ec7183c3cbd2e62f9ab541f21aa6a459f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.08d791f37.0","@material/feature-targeting":"12.0.0-canary.08d791f37.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.08d791f37.0_1624050656132_0.8257117073027387","host":"s3://npm-registry-packages"}},"12.0.0-canary.e38d7440f.0":{"name":"@material/touch-target","version":"12.0.0-canary.e38d7440f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.e38d7440f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03144ac86d28253a98b2fb2ed2ce176cd9bb2589","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.e38d7440f.0.tgz","fileCount":15,"integrity":"sha512-DDG8uiihKdt3UIWyHhBAddIJ7HMNHlOJ7jNmG2OS8/P3kZu8hOOWvKwG1KLrzfIrKE7IrpRJ8Ozo2GwZIcCsNg==","signatures":[{"sig":"MEUCIBMfF+9NdL+LQvIEwfAiOp+XjQHg+UgKtEEFl53u82D2AiEA10C/nBqEzedOB0njjaeDRi7GqJdIC1PDmI3JwNqaL7k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0M7cCRA9TVsSAnZWagAAHbYQAKUbsdzQbwJVaWmBy7CI\n2cD09QAp75unlyRmHj38g8gIprv4KRXG/pUJJ3T1lU0y8REU7PUqRozpf6Me\nYVWJERSPUd73MPovsh91dVdGgBMJHxYtRrbrM+7mhUBW829iWXpgqEY0Uotk\nqD2Pq0/fhLpI/tEm/pvDRD3U/2wRHtAsbTaj2oviKdY82V89HCDhHNKHuE7H\n3Ff53zNR3TEEpCyBYMt+flW+9xqhiccFy9pAw7aShCDTd5DQqN0HZMfwPlOM\ngQCVkL1XdRWQqf0enVLtyJV5YP7Z61Gg/FV+55CNgV5fZq6IdMSUNgk7OcA4\n6gI5FtWaSa6NK02iJoIc4c6+OKXj5cWqP6Q2pP8hEvaPRFLm3PlnS8OScRMB\n8tcogLuQyv39dpQMz0KHfVGR3a0vQQsVdOq0moDO/LhCekKqm/v/D1eFNrUQ\nlWMxSGfOVCiHsBeEf6j+0x6gvvh3yTCOb2hi+9z4wTulnIdOWKcdoZFmjlZj\n5seaqbbE33BkMuoae7/T9Rz/IJ6Xex9ubTMzCN3pdw0Ven+TDYp8w14Cezec\n+wq027a+hyHCub83JpU5Knrg7Z6BDq+wzCBP3nOFev0XuAaLlH+/74aHyGOP\n8R9V86B6i40HZY2IReMAmGxTdWYzmZZPPOYpPbOufGIw3qJbjOjhVRlZKIzf\nvp17\r\n=r+Kc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1d46835e968c827eb3b359624ebb85f8e3ccf528","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.e38d7440f.0","@material/feature-targeting":"12.0.0-canary.e38d7440f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.e38d7440f.0_1624297179593_0.842160625083344","host":"s3://npm-registry-packages"}},"12.0.0-canary.75900a5a9.0":{"name":"@material/touch-target","version":"12.0.0-canary.75900a5a9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.75900a5a9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6015ebdc2e6bd6df1fe57b9071fce86ae4b72947","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.75900a5a9.0.tgz","fileCount":15,"integrity":"sha512-q5zrwyJh1PwUJ47SY/7rXxEKlFjJtq9yk3Xus0MaDVPEq90IBBRVf2wRDs2WMIgsNMUfY7y/jM/0HbvcNskXjQ==","signatures":[{"sig":"MEQCIDyv14WNiR6xbd++5SYWqvA4x6O61okn/yg9QZyL0wu8AiBGqUkMCOKm+RNumE3Yo9Xx6eSSiENQ+Zivt/pgI/LvfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0NwRCRA9TVsSAnZWagAA4MIP/1674A0c2C2mQzkjOpea\nvo8fSkaxygcfgIrqMCtGEeobB2kOr+YX/c7JHUjPD4oLaiWe4GTWKUMhAgSq\nqZ38c6fk+H0KrkfGGr3L7eHBXM6DhLb55KqCV59u85KqiOYQIcPSf5P42ZDw\n+48trveHUJ5wGcgst5wBFnKNyW9c/0iAkBwhQbp+qYqAz15LHpoYJCOcOl19\noRFEpaOOtkoKR1hgCVxZgrwzaSV3nNiN+UcwCklPU7JG2PRn6nZtDmbnH0uG\n3lYt+lcC/o69n5NnBNxs7QHdxqJYmv/eOluwGdFDe8P3b13ishvTt5fARqrE\naxNxH6ko02zkC7ZJ21W0SLFiGikEmLn3IinXZv2SksdPMOzIs62Zge0yE1fX\nNW8AF5gPGFPhJxo8sOBi8EQ9qMQKGH1UnMahhW0vm/YwPy+4Eu/ovfOAe114\naWMjXLN1Wj97MhaFT3Clnl48LWkVAIaMYPnoPl08Nc+KhcpgOsBBfGczyJr7\n9oW7V92hGmKs12i8gpqntcSMMjgyxNTznksRN/w5RlbIldFDVHNeIJ3vRgaP\nXBFBtzXyqsMLMV6pbJT0FnLdrmTzDFs4hME7glZ0zAQ1+1EubORRbopQEDA4\nLIVU4zcxj2uOzpGzlZBubwKeYukiGRnqOTUz8NOQ5K39IaM+KorDuk664d7p\nG8sB\r\n=t7pD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f08daf05a41f44cbb5e5c07039e1e165d123c405","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.75900a5a9.0","@material/feature-targeting":"12.0.0-canary.75900a5a9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.75900a5a9.0_1624300561028_0.9236001816307302","host":"s3://npm-registry-packages"}},"12.0.0-canary.33e6f50e9.0":{"name":"@material/touch-target","version":"12.0.0-canary.33e6f50e9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.33e6f50e9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f26f33cd691b0e94f12ceefcefc5a64b798ae55","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.33e6f50e9.0.tgz","fileCount":15,"integrity":"sha512-js7jQ9buWg6BEfyd6sqhD7u5xkSMFUqUrdo5w4dgiD2BgQnUt5p58VQIXTBX2ke3b+YDsnGICCWW8eGZgIJzPQ==","signatures":[{"sig":"MEUCIBXD+XOnNn7EdVTSXUBq+bYMaNj/JDW8iLt5BDBC4eYqAiEAyp9FY/btD4G+EinTLqFLZwJ+A/7LhOp5Y6whifuJQuE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0nwhCRA9TVsSAnZWagAA7YkP/RwX5ffjxa//Rje8gZoZ\nd5TXtjYo9YR4bIfnozVl2eJGe3QpYsh//2iCIbgYAVx1kFxedEEvuL9zrp+b\nbbxqefVi8rUR4uxmpIf68Ys5yKKtRC80ejW7WUhFT0MxevrWjJ386GZcdPoT\nUVBGvYQwkmaO9KC8dlvzSne5HJjdwRFYdxbwzASKKzgt6T/eaf6qmyhzoRQx\niducmnPBAWA3pFFRyvZDgplwQn7RG7HfxKxEcsj1rbhJ0wrKQHHhauf8cU3o\ncz+HrHwfmfp6DPnTX+7Opinaz+bM+V/EOaYBX/aqjbNmyu2dxLYsA1Wmvsyv\nZ2s2fw74/VaDjUfWBZE4mnJOW8tf+Yn2ti45RIqXR3LtkaN8OrqWEWGBXYgN\nKcqXrduhYnQNDYzILBct8JAlVzweO5IBaSJkEk11wZlloEjcG/j/ozK2Loki\nGweVphYONDNMLOF9krw6bXB3KzaJau+HnXlx7OU1psLd1V3MBGS+x/2nK4QP\njtXb75p/W8SlLZEclLUV7rS66L4438KOtvflH61DAJ8CsRoWvh5/kIrWhZR0\nJPpIIQk9ix1t3kfUbvucMdlhJhNZzytQaWct88faNoUI3u75YbeO3zK06ilw\n+wEqo6VbZom6RvmEG9eT4lrJUFN/NTg94cy669m6kR7Dc5sqJmeSJjUiHqJ3\nELnN\r\n=CC4z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fb208c22fe558f863d851b5bda74038d5a3b09d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.33e6f50e9.0","@material/feature-targeting":"12.0.0-canary.33e6f50e9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.33e6f50e9.0_1624407073303_0.9281338723478865","host":"s3://npm-registry-packages"}},"12.0.0-canary.8c685301d.0":{"name":"@material/touch-target","version":"12.0.0-canary.8c685301d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.8c685301d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bf86ba01ccd4d03ba8d75d680809e92a69efd9cc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.8c685301d.0.tgz","fileCount":15,"integrity":"sha512-K7QaTKgsFve9rnnwKVcFGhBOQpi8tbitGHpqPnofJXYkMczZr8zhc9O4xtbig0/npDs9xW/QiyFvTvcttpyPeA==","signatures":[{"sig":"MEUCIQCJbOf0ij/ekiiWdLvDV1fGIG05xZ8+3JFR+J+uWbGbmQIgQ+pnK9iDdlZUynSI5k9UQ/KItTHxYOUWicOuEjHLAbo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg03w1CRA9TVsSAnZWagAAXqoP/10t9yUjXLeXL81sUnDH\nRguFVP2rDdNHC4qy5m2onlvTkljKWVfI6lsMbB44m19ZHnIBOchycP+7X61k\n0vwaABeXz03iHN4Fr4YCRLTBbDfqt/FVPwtoWvN5l+9mv6tlzDUzk7F5/bPR\n2BWpKOrihG1I5LikvBDhCdwKaWRqfxGfwYDIFycpieEbu1QktBGa5QH0bjYn\nV5PuHY07m0e5MhFWcQcfSYyVeuozdN3nTdEsehjQe7TnDegxMkUhYgkxWryW\nD5xNs+BrTnOCn8L1DUNsqmANCCwtTGbxOoI5Wt3lpY7tEX3jPwMNhYRi25sm\n8qWtP3ki+mVMvujI9Qy2hEwzxI+KUYQ3TAm+8Q4Pkr1UtnHjzpr1MPNBhWIx\niURJtGkd++Xf9LCXSwTg+9uN1FOaICfNs8PurdUn95K9iW/eedjRadtEC0bZ\n3Llquv1/MH+DE3uW88x0vCpgP99kSF/NpYf0R7bUrF8GlnYIivVqJgn85OeB\nRdy51vCHmjjY2xQesKGhQ0qhmyhe7eoa4Iiit14nn/hoU5xiqouFRdUCYewJ\ncPIbpAFvvnqnVpQvYAnw+omrOdVNA9c50r1zw60o5hlOFDr0gomFuxI8hyxw\njoS5FK6DtWOT4wRe4B4QLrWydib+5ZChcDFdAcdI66Wc2f5pflbRaSmWzBm4\nOJ8J\r\n=rmJO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"43d0ab810254e565375b55ae118522d89b7e9254","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.8c685301d.0","@material/feature-targeting":"12.0.0-canary.8c685301d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.8c685301d.0_1624472629460_0.41620607954611066","host":"s3://npm-registry-packages"}},"12.0.0-canary.8c7d994ae.0":{"name":"@material/touch-target","version":"12.0.0-canary.8c7d994ae.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.8c7d994ae.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d00122d60fca053cb91823da20ad1dd15f1ad4f2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.8c7d994ae.0.tgz","fileCount":15,"integrity":"sha512-FHCqTUeF21l/Jv3yg4E4wiGsiJuIqnW5+g5ZaVRU1d/M3WuU//zvdeHD9oC4HvcOCgJDWkiWdTuOoN40PtFBXg==","signatures":[{"sig":"MEQCIE9SXGvUA1iwWCaivN4wGs2TKf6kKv7a3f7YcaHdT5foAiAucumE3d64KJZ0Tp7QZsPC/12Cw/fnd5UwV58JxnaGdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg04rxCRA9TVsSAnZWagAASOoP/A9UP/aWNybMhxzDyB97\n6a7TDeQLfggzME0hIXrfiH/uEPQ1EYlKTDpLAolRyEkP3eW0IrvqUn/+8gqf\n91ENkbQsKJXgwgd9YXxS3hYakfutseWcC5L9kd6Byvdhh5n+42rFLsNuaYLW\nMDToCSKHeXurPTlbTgpTVRGQCUDi+36ZeUG2nFYy5f3aOktT7cICNyITXxGM\n5SnfLiKpELdJMr8Ylx/2Vtptv1dYcEeoF9j9QLotPubqvFbvTxk/MpM+0b6y\nUMqqJOVWBrHK10JRAboyeJOTD7j3Z5dd80jRi+1WHyN5lexeue9EcV2o8imr\nJdbYEAIyuAWuU1v00Ky6PwPosn7R5hvkWx5uWAkO6moFzyUuJlPhM/L2B5vI\nyazMtWOQdFF4bxNgSb8XQ5tBoNAILyaqrjxPwp1BJK/3Igi/vPJOLSqsRK/s\nVdaRB/AIf+v8upYhYFqL/o9nXoCQnOyztuP9FvazK26CwTxj/5xi80jcS0nh\nIsqmi6uwmdKJPMrAK22ZKNUELF/n3A8U67h2CiMtqxC1WvIysnim2/NW4AO6\nY6UN8zsfZ7PHWGw2+5npKIzH+He+qCAAiuZJcfC2LvFURIpBTapGdrDGsgWt\nWXOEcWg6Qhl+ISIPpRCVwO/+ODJHSyP8wrAwH3aXe+rjOszyl9mM10nmXPyH\nwU71\r\n=fc88\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"85693f86d68563f451e95113f3d03a29fedcf142","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.8c7d994ae.0","@material/feature-targeting":"12.0.0-canary.8c7d994ae.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.8c7d994ae.0_1624476401257_0.8703126627131692","host":"s3://npm-registry-packages"}},"12.0.0-canary.4ccd39bdd.0":{"name":"@material/touch-target","version":"12.0.0-canary.4ccd39bdd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.4ccd39bdd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34f755d4f31a6ee889b08a5c5fd999d1f0280ad5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.4ccd39bdd.0.tgz","fileCount":15,"integrity":"sha512-fqctZXAt9u2oZ/XcjXUp4jfWtK+tT7WlU3TDd0jC/Vu8Kp5lCG2MS1r61ZrMSRIqXNK/2fBCDOahtUAk3bWHPg==","signatures":[{"sig":"MEYCIQCDs5o9D1ZolkZT9WljqKfTRiGNKIOtuEph/uHhxd2mkgIhAJRvsz0BczuQUN3f1myo2nacMQFdukYze6J/8dHqyojL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1K9NCRA9TVsSAnZWagAAvoIQAJNVl+Pjmlz+ZJgLSawJ\nPkd+5gekuEC0nSY3BnwrPER/ly1r89z/WJZmDUX+zM4CclwymTbh20iuRrYQ\nOOsAH7IIGFV5ujmrO+I63qJubsPOrLAhwPI5u+dWB4XCTHvpW/DCV8Mpdha3\ng7pdagy77yl2P49dKtrVQomdK2kTVP3HWFIccSt73Yqsu5GS34UyGhJ20Wup\nfn7yKXe4WNlVZ+zLqI/ZY+AVEEF9Z6GBRI6EBFaRV5gUmQ7Q8enKlXuvY5HB\n4x7uOcKJJBRGvJjghgyUW6UF3OiU3WosunaiQ4H3DdQlwfVR3tQ0ZdGawwph\nS0kjvMTUz5il2mgGIj23FAMjpiRqZscvYt4tr8kbEA6RTRMDY8x5pVB3kEMp\ny4VPdId5fSO/2yc2NW9vHWHv6F9D9BAHMVp25GQYL7s/gVfgEgIcTgJH3FZk\nHufX33qNZlaKIB3J1p0ehFHetj4cyUsrjmD6qU9b1JTM5roMucz+ahCU9N0D\n4XZTlC/pRV7nwXxGJcMpqElyD2N0yNMjJXPQakTD/+xnF0j5iWL7c1R3gUsN\nlyYrysWYgx8Q6ntEz+hU5hruWJyl+GSxT1PE9xLEulngIxX6XNazAfmZTZgP\ngivqEzfn9MlLsJA+gNQ7MIh/EMWj9zOGSQb6Lf9vzgDkBs6OTd/4rq6XPvHf\nfObo\r\n=hMcK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0954a36f2cbd31614158e8425662a4969ce9c299","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.4ccd39bdd.0","@material/feature-targeting":"12.0.0-canary.4ccd39bdd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.4ccd39bdd.0_1624551244852_0.11954146184675762","host":"s3://npm-registry-packages"}},"12.0.0-canary.17553e9f8.0":{"name":"@material/touch-target","version":"12.0.0-canary.17553e9f8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.17553e9f8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b28312efe10ed7263649faa8efa5bac65bde507a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.17553e9f8.0.tgz","fileCount":15,"integrity":"sha512-Pe1LT6FBbXyE2zYUe0RpDFg64l8k9lJpNgW1+eGeZX302lwxqHY9OhdLBKQU9MvSpFjVBdiys8IA3YpdPeQ27Q==","signatures":[{"sig":"MEUCIHDMYzUGjJlFjmeJF5r/Xw7WdJsvF6LpC4MiBvgt3MDzAiEAhGwRcsPFkGueCJQw/rYSZA6U10An+D8sEh6ASZHEqbM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2lJ/CRA9TVsSAnZWagAAz48P/24jWUHhN7Ub7BbN2acw\nYPJf8IF239jJcbEy62rnPkpqXXSaAb2dT3zh+ssj0jErlc+d87wiq5ANHGj1\nI7cTOi0GfAVBSQRfeCqpr6sl1gyRSZ2y2OWThbtfC2gx2rfPf0EUNK93l1J7\ncSW0IZlEoqKutGiqZZ8+1qXWEXF04uGlJCYgpheXbIiqWMh1+/KfBxzzGLEX\npEBjTo2LXzbpd5PjeqhWyymjVPa4IiFU7deqwB7d101pXAeRGZ5u81JrBImt\ng1uTA+sKKj4sgVVlIXzqXkjnbWqU/vbTNT5ugif2nVytHcLhlkSowoCuVZIE\n9aJ87JMVEW7PfMwb/eTu5pGgA967fUnQkj4n9YEpbuzMQRhJIWTFYgalCVN5\nhpzWGHglctGk4DPZc8v1tUiZDvXGXU+QAJoVNCtHx2jT9RMt4IpDae2MWrhu\nMpStRfqkz3+3prm01z+cp5dK9nkD33pmu+ut6rqySzDXPmo75+d8dG5Xo2Ae\nrS5uREWVzmunrF0VrCYjWlwSdAQLK2viAgSKHGXwbJtygnDdpVrkCBZf3wPW\nR7z2jTc27zJfk2L6AnP0raxeg4lPuYRBe/Zecu9mSYl0nrU6BPgIrf3bUjeH\nJQQKWnvDnI922r3nm2UMs9YTL1yAsi1Q708X6DCpW+Cla2dIbVoUEtWZ24ci\nYZf5\r\n=NQLl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bbd7dc5fbee09c82081517ffc14264d4834209ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.17553e9f8.0","@material/feature-targeting":"12.0.0-canary.17553e9f8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.17553e9f8.0_1624920703563_0.6635863154409065","host":"s3://npm-registry-packages"}},"12.0.0-canary.4c80072fd.0":{"name":"@material/touch-target","version":"12.0.0-canary.4c80072fd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.4c80072fd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26911a7b83991794ca0304c614afb66652f501dd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.4c80072fd.0.tgz","fileCount":15,"integrity":"sha512-fZ9SjYBDWII28bX02jym8jKyqXLX2Az3tQf6AMGYi9DLZVqNw6ltEWneSetb5wXvAdmH60DFSBiTVYeW6qAJMQ==","signatures":[{"sig":"MEUCIQC8cE6EItTwW2rAvrh/pHWI9LzNgdnTigwb3hfdUcmJCQIgRwToxjU0vWyOHpbFfDT2Kyd0M/QMaMpLU3IfDkLT168=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg22kICRA9TVsSAnZWagAAjYIP+QEVSuBcBtFUCp6B1Xb+\nPcLsBHIZSnJipDeT1ZJZo+8V0N2f+jk3JeF25cKOAxEyBN2gkG8IXmAQ5iB9\n6B6U3VI8O52Ax4J1kQ+eIimb4SfQFMkW+yCatXVG2K1S5MKvQvcLhrKszmZ+\n7SlFaIP4BGu+IM9raT1jc2ybWnDYyOJUl69TnLki/0v1+GQaQvmvjj2q7EyM\n8m5LYBo7uXiVUvhNPI6UT4+2BFFGjSfWTE2lNHKFlSq4t6lGKnfexCXoogBb\nNncuEKS52qS7vyZRaeukoi625TeIOBXyiky4eiu0hCkHQcLge/Xl+n+79ZwM\nzWPijdPItSAHqPcsKErUaGogbABTSvEzMyQAsRgRiqhsZiK16zuomRmp1Low\n4UsfI+okwSPbTwgMZUdSSkM7J8P49lZ+dctQXgWY/qGKigIgTDsWRtdmBsse\nlQxbvTtCSss9MdjHLZU3PVKyITgykeMMt4jCun6dZJdyMLDOF8y94+L5remc\n/v8I1LHuthkkLfpWBKZGa0LacTYE0W52oNEQp1QC5q3qzk4GRFpJHDypfZQ8\ntTx2RuHkx+7eVmpM6dqkME2EoAk6w+SoLtB5p8wxW3Q+O6swanIRG+4lpbbC\nmfM47X7PB/ElHWWOAI6jlvXCxo+TkYDPJbXmO0ARHdW2rf3vkD7tTUsI62sy\n95as\r\n=bSeq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9f6d10da43c6e0fbb1366c1e37fbca58ce00dc12","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.4c80072fd.0","@material/feature-targeting":"12.0.0-canary.4c80072fd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.4c80072fd.0_1624992007610_0.32984029412683036","host":"s3://npm-registry-packages"}},"12.0.0-canary.796811db7.0":{"name":"@material/touch-target","version":"12.0.0-canary.796811db7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.796811db7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f7c2a730107f91123c661b1d992cd758973f2c7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.796811db7.0.tgz","fileCount":15,"integrity":"sha512-9B9ZKzATZpf0awEGz8AdwygGHg+2fQG25Vko2KYSpF9t1MwY2a2woq5Yhwk3P4mMjdTOg+33GY6OsRQq9EfCJQ==","signatures":[{"sig":"MEYCIQDJQaZOaALmzeqDe2wazYebKGBHZfMutC0l8nAKLwHPhAIhAJLSWESCb9Pzk4rnl6d2kcerK/iLWkW3Sq7pW6mAF1ID","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3QYgCRA9TVsSAnZWagAAL3QP/1TjVZgSF9znTzQjmlId\nJ9b4sWpAvbfTaeXUWetpBMTPNbnw+4yjSEx4Wd+X2cpOLwpyQLQV9qZhiSVp\nmF/szy8qMZc8coTHTfuS3ZV/2ZbI/Ox8Foz+EU5gOQFQkrkpbmNie74lwAEb\nIfcOrvNOhE7pLl5vqc/b5ltyhswLDlzV5yRUqxE1uFEZQuS4p+hUsuakc/wx\nsnB5DxDaG9J2ebOjbj8sPSdDGl8zRe/GVFO1VgwnCjr9TQ6yw2IpwvASWIhK\nHlRgqqEktcgaaW7/aUuBfE2Y1ZeKrqrTwONKU1sdixygnT8CNu9zN8/CulfG\nINug3lsfCA5tgB5vMY1rtStHltxllWG3Hcx9HGlpRY0cMXAFzNq0zogCpYp7\nDlTdiIppnkvBzKMA89SdypGRFxDeGpeafioX3gGDp/u0MAEaCbXyYKZsdHOl\ntijgqumAKmCMZYtYucH4fLramzXmEE8H6pt5LCVRXug/c6xi5ZMf2OR3nlaM\nHmmR80fMBH0dzmHfgHrH++eNMshFxpCWEUJolWLITQL49+VH81eYg7YDkyBp\nynKnOdrrIS6risz91jYwlwCipQRVI4FCTG3poaCk+PtSkldCHoxLQsML/s+3\nMd3E3tEWa7PaWQi73t56ywZ3GPAt7bIjoo0CYz61+uUDxOvO9tSUafw11ANu\nZCT7\r\n=6Eh0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b02de77dcf32bdce7d23406dd395390b35e386e0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.796811db7.0","@material/feature-targeting":"12.0.0-canary.796811db7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.796811db7.0_1625097760475_0.9312597657969728","host":"s3://npm-registry-packages"}},"12.0.0-canary.70e1efdca.0":{"name":"@material/touch-target","version":"12.0.0-canary.70e1efdca.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.70e1efdca.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9dd43db83c0947ee41cddcc775e6f3e60e27319f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.70e1efdca.0.tgz","fileCount":15,"integrity":"sha512-OdJfg+ijuk3u6vRCKmr/HDp+mrJwTLiyAZEEZVgT1m5z1+OvZKQUuZmvCaLV65ydS9gJItQvDxG0GmXJuss1sw==","signatures":[{"sig":"MEQCIGTU1sE4AyzhEEJWWduMOwqP++TfABAnNJQFOa/AVLpyAiANff+z0AoWZ1ysGivMtOhGL//uVDseU7tY/qL4ccDUvw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3fXmCRA9TVsSAnZWagAADokP/Ar3ykDS3q2QQkS+KOeo\n/QNx5PEFegQe+2gvoq4unr42nohAzOtoMWoCem/pWrucdGhQ3+d5QwJ0gQD/\nK0xTYn+B/hhJl0xv609WAHRTyWLsoenIkGe8OWhi0RsTrZGbT9QA37WTKLWq\nAkEX1IhQipm6r5tH4/nsJ31Vzv8FhtHvAl4lMkx/CkkWm9EbrcG4vHd+9mig\nZZJhEIXkR6WaZecfzu10GaypQ7R/13gn8dA8S2wd1CPJN42TyKcHbsD2LG6v\na6c3dZgMVoxuF4lCT6HKnSBmGTU8XVroSN9QKCsk0zIjXVMoXLtp7OQvBmw5\nWK+i/Sy3CzTWaInxdvex3sJCV+ZOrpk0rqZszYxmdEiSVmtPPusUIoDPmosZ\no+9QygPXL5cYzIvdl8U0iEJNa5ehNVynT1dPM5zbDk21mNfxQIc40/gXG2ey\nvSdUUYNmQuMCvH5w+Al65DGXQeTS2whNoHnXOZXCmTm6MGfe4o+/XRtnBWTh\nGB01DHQeLJrvqxrL9+wSyWb7lwnHPJ3qdeAO++pb/MOnS7ICuCZi6Fg37iUL\niRoO7esAysmaqC1sveVlx/AQvonLVln1XVAdS51nwcVvi42TLpNYd8F4oTdX\nOANSV7MW6accFUqQa3RQCdksogoLh5OPvejcj+UT0dQT8kjua5z4PVaHllyj\nhLYn\r\n=0i6u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ab5924ae38bb3ce40d3b1c303e1ae6d175b844ce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.70e1efdca.0","@material/feature-targeting":"12.0.0-canary.70e1efdca.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.70e1efdca.0_1625159141597_0.6796387931344197","host":"s3://npm-registry-packages"}},"12.0.0-canary.435866d32.0":{"name":"@material/touch-target","version":"12.0.0-canary.435866d32.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.435866d32.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44df00019adc227e19a9aa04193be0c426bedd1a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.435866d32.0.tgz","fileCount":15,"integrity":"sha512-8vg7TOkEgUHiW5/EPIMBXbmZIGYVTa2qYYkrUJOQvJKBdQoFwSyWjgSNDAMrDeMrSitOHtFahFEGQxI3Kgnb3w==","signatures":[{"sig":"MEYCIQDKq6i1GdzfKoicCBjiqG1uPq8ajUnJ16XbY5d5c+Q7ywIhAJ+U1K06dGC7VLXjvT7pWTHWfeguhLE77o7xoMh+FdRf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg31jtCRA9TVsSAnZWagAADMoP/1BHup+sLRupvC2XulTV\n7oVzBfCjmZ6OP21wNPZA90AvVITuR7tJ+uznlAqtGoAzR6+wHXIPREdXM3QI\ncxppv28uWWK16sf2In4C/mI5OAT9IsD25F1uCK7eYH0tQgJY0J5Yc3rXcbKn\nkyMtZmQPGoR7RDKqdB7ruZqssk+S9sVXA78TxfEXjNih4/uXSbiokjRLP+Gp\nnTVLwvQV2C9gwc33TdwHBj73eykETQt5IGmgw/8s/TmR+mJmL2LI9WWS79eS\n/POGUurjzmwyxuznN3znlOL2bRqq5Raa/VRL89aHVbUHDzA3iXukbHviRK9c\ne4PtqUEhidpw3DGavuuOeF+me0KhefzaNf7Qi9YBsBokeyKrWLdSYD/YhmFY\nU5IGTd6KH6LZ1gXHcU8Iy8aT6+X2tNxpqDMIfCU28GBamLi1mQQiWmoaUDy9\n2AhmGUcaqKXTEAvRJabhAeWXmmMM875CGRTy3qMu8T89J2mKLQlIP48xir9W\nhCNUHu/b1VCorxMHkUS8lUrBBB+B2QT+s06jzMZuJm98izTfOH6bfC2JGus6\nekn42x62UGatEOdSAUrBX50l17dMZQ1hvDFyW8SJwmCAy2c2zz/ekfBPYZms\nlr1OZTwvwUiyDqz3geEtLI2MSyeBTW7sYpm459AAKa0sSaWURa6HWoQax+vz\nrLqd\r\n=GkS9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ecf68c368bd1ea5571aa4da569d6fe6c4b8b8caf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.435866d32.0","@material/feature-targeting":"12.0.0-canary.435866d32.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.435866d32.0_1625250029170_0.34684398351068757","host":"s3://npm-registry-packages"}},"12.0.0-canary.d0f9f3f2e.0":{"name":"@material/touch-target","version":"12.0.0-canary.d0f9f3f2e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.d0f9f3f2e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b27f7e9b9d4438a3e485a2b0ea3b52d79d7bb7a1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.d0f9f3f2e.0.tgz","fileCount":15,"integrity":"sha512-I+Z95AjVuHnhAVW6lcmmQUSJz39BPfpDZceessiy72WM+vujT7I/sHWr4vqlQwMMveB7lB25HL2CCFnnkquQQg==","signatures":[{"sig":"MEUCIQDWU8GUu/LnbGHo13dfU+dgN9NkqBOK4y0VDeO4l85BRgIgTVsRk6Bs/oPZAVAARz0m3sqYjuzRsCjDagmUDmu6DKU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg36hVCRA9TVsSAnZWagAAoeAP+gP536rux70UJ9mYWs6K\nmKn6dJXdG2+U0sb3oxIxOtXia5IZXt6nku6+4GlceWiBEBZY95eOJki7FNPa\n1QmONn02nRp5fzXwdSgQgY2FdOXwPlCpR0LWLhfxr6dvSGgE0Hodz7sDT+VQ\nCoCzNbQX3n+jXJmN906d84cr1CcDmNZAhMXTCUC6O7A6IMMdfB1PwzhlkDuN\n/jdS/DpSzdQjQzHaB+DjRBDqJwgG+d9GSA8mqyh/OrK9CSmIrPhMlMgF5tnb\nOENAtLkF+zVvuJNhD4vDfzVTfEEUmkzoO6KJNJgsp1FD7EMUr7WmgnPKaXb4\nWuwBupQCr73u/DaFtlcIbQIYxY75sRAd5CJ5WIpaes6MTNyeiETP008ljpIM\nM4udXQ4lrpBrSprRPcOR1KLB3fUCWdUzttWXHSjFa5rp74zRXOzP8QCi0nUa\nIfpxds7xCG5tlcyAm04pPN9RB8nWoQEFVWZsw+oQFstrg3YobEoYTGZ2aekQ\n6txHjayz9gbWslDMMf+F3ztamuq4XHB7ab56JiSke7wFNW05nlWQdmBXC3sw\nA7UoigPZmjbkAI0korGBUETvAKa+kAUi1xb08R24LCgekOvII1Wqqb5TXbv8\nVGmFY3Y+TmruQtWIpBQXypU9giCqSboJSr4PctTENXX0L6Xf4JJFmlS3iLYX\nzEL7\r\n=Ytz7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ed31c78c6a84cb24353ffd1d406693496f090e29","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.d0f9f3f2e.0","@material/feature-targeting":"12.0.0-canary.d0f9f3f2e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.d0f9f3f2e.0_1625270357067_0.6585973547886654","host":"s3://npm-registry-packages"}},"12.0.0-canary.adeac0549.0":{"name":"@material/touch-target","version":"12.0.0-canary.adeac0549.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.adeac0549.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"83818b4b5ff5d55db1374faf7942fdfcd7f393fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.adeac0549.0.tgz","fileCount":15,"integrity":"sha512-79VU0FRXYZtK9BnHNh6BL8vPqxGbaiBOKRf2SLkR9stiGuzQMDEVPzI9sDa5QBvJX46uaknELr6MHXnTTjNmTA==","signatures":[{"sig":"MEYCIQDdezCPJgn3D/+trqmQT36yOIB+wtvx/Z/RAX3OGZW3FQIhAMfBjxF+Ax52V3SN/gZDJbluIWpOV6tFssoHaOMyuPrO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xTqCRA9TVsSAnZWagAAchwQAJIGto4lBlDOnWis7cip\nu9z95USrp0oWsq3dQ/4BLfGmSjjmG8DEALU2Z4hn/vyZfcYjzOoEtStrHyep\n53JJI+ktq0YC0ogrfCfA0RASY3IIw5Z/21hsN5qMZodWnLxpnhGee2ytG9hZ\nAODJQN247l/byB3kBrPr1XKeObv9BZks6r1b5cZop1wsKaTBESCRMmiNldJW\ncDYYGC3+k0ouP09xSHAnBvFiqHtalYXBfval/81CXapqWG83i702P6u4cZ6I\n2PI9r7sJviVBnB7/ncyM+QY1rt8LURVE0TD0NpbE/DEUNsH5qUiwvMCx7NTL\nD4vYJG8OoHAs97dpDkeIGLIT6z1Bq4PkI51BBU0LHAR3MfTLr3nNOW9HIFCX\nuIAS++Cio1N65crOPQoE2wZ2G1IzARqmCzbuOSB+ELeKkU3XCXXFP5qnQWGg\nbyg++AyCyTmyzpHEBvgylSYSNVhAdClhrUDULIWBBlFlFQvJC0oTYWk8D7sg\nE7GZofPtGSGWMRK2qsB2wbQsMY7oa241mzXdExJ4il/LPCaPmdI7scZrLe5F\n7E89sjr3dXn5g5NHbUl7ZZqPvPOOapQoFEyAbrrSF/Wr/mKta0hUBhfXt5sG\nmquFB3AVISy9ptvarWcYADgy7/Nz2y3lE6KRj670ACkXanxM1i0d0mxm/17L\nrnjg\r\n=6rWH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a189bfd7e13b17660ad97870e074af0ee245e36d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.adeac0549.0","@material/feature-targeting":"12.0.0-canary.adeac0549.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.adeac0549.0_1625756906160_0.39656916423536126","host":"s3://npm-registry-packages"}},"12.0.0-canary.068fd5028.0":{"name":"@material/touch-target","version":"12.0.0-canary.068fd5028.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.068fd5028.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"542c3fa5e729fe542c21a8668a5fdd820b05e415","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.068fd5028.0.tgz","fileCount":15,"integrity":"sha512-qUWjUib+MyYzEQCuzv/q5Hp92XB2CYTm7LgVpKwjNeEfJ68Yp8fzHfOw4C9nhHenA6lGoAyN4Tz/lUeqAbePYg==","signatures":[{"sig":"MEUCIQCGAjdD4BrzaD7YLzZxucKvFbw0b+WE+6dSkSBVEOYBGwIgDVtrT+EglXQW7mgnVmY2sQtIUjm2PuQqRgl6ANSjhN4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg50vaCRA9TVsSAnZWagAATmAP/jl+2UBRHS1SX2EKEiuY\nM2zI9Tj8+rdBawtBvbeE566buL4eqFI3pHbOOUbn0vIEEugVbeEyteojdR6w\n3NqkggbQLJtEHKoOUbTKem+isg8CkofBGB7K9PnV6hkkLYXWXb3RAjWPHqpp\nKJEBs82nC5cnFNekp3l2La9r/x9WMg2m029QecksgxISTc91Fna/n0wH8LLU\n031aYjBnvPbCOefMqI7rCkmheM5elhX8+5DjIS/sBvaezP4052T2Nkeqt5vR\nzZwm4aDOJmnn/KHvh3G8yUFaw6tS2uDaS31D7CVdNd4R9qPEp1SJPgXvhle3\nEFLHHBYI4r/Oy21ml47LxN5WGXuzeoj70BNM3BsxDpkhCW/LSlY/IZRkcFsf\nMHHwCE8lDAp3cjsDHElZ4+vBqYfUm84/3PZyH5qlvFB8PJH/BmywTzmTjHDb\nMQx/ExB7THDjK1FCU2c/hIRirbrz6RfyIKusaLbeNLXK7NPa//4RurnpOht2\nyjpyzs48LTL7b60BukM/+mRwXoZiT7DwUXnKzz5psG2/4k0ywb5Uc/qxi9ko\nwmiJqDdI5psPvoj/NTn2wnQ/p95WPN19l7VjaZWC5/bBH4tHnJczcMW+lag8\n6dHhcye8cWgkkTndqBdb3Hbc8xKYyaT3IkwwwkgOV0fcbVnmqiy4rlV0Ggpf\nwVJB\r\n=wdGi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"daf6a798ec3c54ddba492f33c939c41a8d88655f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.068fd5028.0","@material/feature-targeting":"12.0.0-canary.068fd5028.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.068fd5028.0_1625770969770_0.11881472551275674","host":"s3://npm-registry-packages"}},"12.0.0-canary.5dfec7a14.0":{"name":"@material/touch-target","version":"12.0.0-canary.5dfec7a14.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.5dfec7a14.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d9ae502100855fa2c8299ac4b67699bbe9c2b6b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.5dfec7a14.0.tgz","fileCount":15,"integrity":"sha512-HeWovVHVPDs4o/UON70aTJPQUMAmG3r/8eZZZl5/3FmB3lQhLERelaAmNZIHoBnbnhWhiipt3nc0HWEWEnLCBQ==","signatures":[{"sig":"MEUCID5FE0nxiDnUeWDd5EZOhJ5hW1vcl9yrZxWWiYmKNOAwAiEAwmGHbZrPs5l/yqCyWIG4pDixrHLOReJRSEjX/aH9tdA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7KASCRA9TVsSAnZWagAAhwUP/AyZD2PvJN2pfH+kTqTY\nocOZo44V2JxZHTh/byXx7e0AWi7cXRi0zD0Oz7R4/ToqWrIUYVY6/iiZyhVO\np+LtoxnGYDoIqyBmnrEnLpSon6QRaQ9zuZm1gU9AejeXrVmG8F1qge/JsDMe\nyUuIPlEMh3wnhbi09oAd6qIU8TYlrZ6yfBMjnofFpZv+l7koEaV6ZqYDt5jp\ncdSzuu4VKxS6sH1NvotUbw6IlC/6jv+UWGwGAl89ivP+ZiW8xSFHIKPr5sO2\nsp8somkk/y4CPO1sR1V+SD35fABU1+x5JWSw4mNVHrnLVAcDFwdU7oWQD86c\nEzcNb6U5ImiRL/tzVWbTlhbLCpHCxoAf+o4RNbTUWeufS64R3TbgKBY1+x5X\nS9G7TJdBD0dYYSSYuKW1zn1sTHFadN18ZDVKrmx6DfOEdqlIIBvdEFSV4Sr6\nXtSnnvRI8DVWqoGvRP2XP1eK/xlAbMgr7g4TWMq4NzqjHwULPeg8wiqmrlBX\nyRQHzhXIRAPiGPyyXACiT+oq8/bDIBegKHLxXhjQ9KkE9p/wX6y1xpowyxL3\nj9m0jGv7rMoTyO7co0V0NVQBFs7RITz3j4aW78QmYp+t5WrD6xiCA+khNwwF\no6sZ8pB+WiXKexgGjcG50xwLVMK1cY5jICBtQUVjBrbgpftKNxHBYbibWssF\nAq/7\r\n=WMvk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7295656b25be2c03cf7ca7ca800e7dbec4d9b531","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.5dfec7a14.0","@material/feature-targeting":"12.0.0-canary.5dfec7a14.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.5dfec7a14.0_1626120209400_0.43755435674152365","host":"s3://npm-registry-packages"}},"12.0.0-canary.07a73750c.0":{"name":"@material/touch-target","version":"12.0.0-canary.07a73750c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.07a73750c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e7c31380f9abd29bdfbe1120e1381f5dc5f9974","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.07a73750c.0.tgz","fileCount":15,"integrity":"sha512-IlmBRX1ASqIB5E74OekfDLxVHhBvyon1YEiOLbIcOMpk73OHvdFMnzSVGsY98PCkLC0swXgHSK/fyiMU4E2GiA==","signatures":[{"sig":"MEUCIEvzqST5wIFZhuYg4Eo6i1FsmbkBwEnW8BzkIKz0/EkYAiEA0ZdmGjqoKqrlDDIrPmCAF4HHkZOZvTRtT+Jf04qLblU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7KUJCRA9TVsSAnZWagAAxE0P/1bLVmJay77sgugCXQj3\njVhtZuoj9gEnKqeDjQ7pgua/9lZDlXa/CbQ0ybvApEC4ZLJjg1JlaymKDZFE\npcwXHtpQlkPcPWnbZcPZ3Mp+909Bm6Ueu1SF8zAFpM6REjL0QK4KW2/nuuWH\nauZaeFiQNbXdKa+kxbzu4rwCCQZVdaacqFv/3VjsxbbJqJzJBjenSlFGUxdX\nrKg7VG2r+AULfqqGFh0PvDOyKtDfnUH34ruDaGZA5v5mnap3UP12YJmpSWOL\nVljfz/yKhi1leyEKopppMY5L1uzEsoM91GUatwyhaNvPiOKYNqyfAl9ggWnQ\nYnCuAsERRGOF8MM/1tlK6mhezPUCFX+c1D95Ao10z1pbGX5x0AMInHB0w2ST\nNRRFTDWFzVz431ygguoNrSd67G6j66QLK5skWtr8tvZA+YR/AlLfEiuZfbdN\nOHPxQJZipdGACb+k6dTCNpjwdqSSr1MOuNh9c9iZHJIMMESnSY5o3vameiLt\n3+/RSCs/QUm1RLFvxnV9KLWdKuUWGMsZlW0xsPZazujSS+Mooj4HjzPdoTFX\nzmrfaZ/5nm8fFTGltQh6nBwKMS7OriCtn9qTAkqWtxkaVBiNYrN/vO/uFPfJ\nixyNMV9pHPCgS5WyJMS7ss/62TQysC5jL/s51m07wixi4fPPKBIb8S+JpdFr\nnXBB\r\n=f2Dx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3534c8199752b92a52696d2065e73b8e4a997195","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.07a73750c.0","@material/feature-targeting":"12.0.0-canary.07a73750c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.07a73750c.0_1626121481444_0.21496507856138436","host":"s3://npm-registry-packages"}},"12.0.0-canary.3e4c6dca1.0":{"name":"@material/touch-target","version":"12.0.0-canary.3e4c6dca1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.3e4c6dca1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a0616889888235b78701e52f898c29ae1310f46c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.3e4c6dca1.0.tgz","fileCount":15,"integrity":"sha512-IgD5ZaUMRxELQe7pgEU5iPtarelI8rx/+QbMHMgF0Gc8noeR42BBJ/nSh3QqEu587F9SD6de/9L4ZwifjB1C9w==","signatures":[{"sig":"MEUCIDu9elUBWghd043u+XBGwoS+R9bRENPTSlojiBbfp0t/AiEA3hk3KkTKuKx8+BDID5rnU8VIMQPWdF2z97UpVf4pPBY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7PFjCRA9TVsSAnZWagAA2ucP/iqCxf2kY7jn3pD3+bgk\nY/WXjMsyTULFdpsYg3T9TM9W1RKor7MZMBYkCqHa/pWIGk9bdEaHp5emBBz6\n1xp5xiH96R51FVnVWhYh2WIfagpWHPad4pmDmc0WdAOuoAAM6uohuN3DLlVC\nJv4l5H94ueb/6fMrE6YPTjXb5w1sQbXTwswDYqz6fYpkmNBScLXb3m03ilmr\ntDU4md//LWcWOKs1nSllG4NhhKXj+KlupV8bLaDTrUmFLj8OkKpJWzTNQu/B\n416X7jmc9Y2cgLsBzJC1fBDqN5kLRD84+Zc1ICBwadxfrQ+v2OBFlu1+oteg\nzQu4/LTRWDSe70AxCkQ82QVUrUevXrSCX0T1atthZ5mdi4auTl9lvfAcZrsy\nHQxp7wt65gGuw7BLrcprjlpA/EiICchXLs1ceLPOXcTFQqgUQA33osWj2MTI\nPUIwUd1omZm5Kn3UCV66Zr62B16KkuJrZxext4+w9CQMVoFKh4tzrAKN8KkZ\nWxomnywwoK4dOrarDiUWW0F/syEl7eBV8L/EGtvx+fBjss3itCzvpHlabobH\nZwpqSQjZWsyHdZMR5VXb2PhJdIPjLbEANnra+IG+cvtN68stdeMEsBoPStN8\nkWjj7yNgoVz/HL8OOYpC7ewj6pGD81hKS+yP2wQOI+fjRJ/43I4X6t+y/1ib\n/ODv\r\n=mOIo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1a6a8bc529062b0303c0df830b36d3110a389f4d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.3e4c6dca1.0","@material/feature-targeting":"12.0.0-canary.3e4c6dca1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.3e4c6dca1.0_1626141026544_0.8992296080727908","host":"s3://npm-registry-packages"}},"12.0.0-canary.ea77795b1.0":{"name":"@material/touch-target","version":"12.0.0-canary.ea77795b1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.ea77795b1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2525794abb992b221714a825c54d7e87093ec342","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.ea77795b1.0.tgz","fileCount":15,"integrity":"sha512-SRKdCDjAXvcwbFD05jnCLr/bkFQB5Udy2X2edJ04xWXE5cDAGvJzHaZ/TvfzA4aEd1ZHcNbTJkgwcuqk6FxG5g==","signatures":[{"sig":"MEUCIDVm09PXagK4MCNtPiAPT/aJ4KcD6tP3WJ4Iga1VOfUQAiEAv82wrsGkaR70XpITqFJXLTHTzZbUP9QyqtZWKWTvfOo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7bXMCRA9TVsSAnZWagAA4YsP/3L2N40uGEGj5iRY00fd\nB1Z/1wIiOper46cwmIGAENxTRZdQDOx5SAMEwr8zfMAjKTMkN+kmZABZYA/E\nSz5Xi+0pxllCk+JezT9kaThI6qfVCWJSqOCjNuC92KhwhexJmawfHmPPCG97\ngqkKAH2yHpEin3ZeKin6EfUGf2HbD05auUJie7uk+n7y6jf7px7yUucdWy4f\nIc+W/DM4vEutUlsaiIT/vDQUuIVwRncClnT1Z5EFOiqRtrKdEDd/V79RUdhg\n1EhDHAiC+W5tT3bS6scVj3TLlo6cm5UIkBr5ZUvAm0AGCyqWpeV7DkMxeisw\nV8sP/xowVCDV72APshD0a9+5BvaW9+MgvDXk/okBEPnIlD8giBHRCpgGZYGY\nDWFNNZGuAi99W14c0gVxRCdStUl70XQ39DHOMAgwXrx4p8oikvsd4IHAZ7ZA\nXdSt4LjQ3C5X14zw2WtOzltnBNR356isyk81e2dpxrs89cNXGvpe0iF7W4+U\nFfMM/9S8qYdHHiA4QDgdVYhAlH00IE9Jq5JJZfsyr0QbLibnkpj/izk2Sl2w\nMnNEcQ9bIRBRC3JQ6s+pcQ+Yn9jAhf5DnZ7SjV/a71p4McLSaUNWyQZqSSv5\ngs9/Z3G8F3yEr7XjED8Ich8lkFJuoFBHVjN9p12FAU0WSNXZ94OO+AYEVFh1\nuY+M\r\n=4AAN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"830444e6567decdb85bd9b22a92d5f85b103f107","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.ea77795b1.0","@material/feature-targeting":"12.0.0-canary.ea77795b1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.ea77795b1.0_1626191307970_0.8187070499472755","host":"s3://npm-registry-packages"}},"12.0.0-canary.15a179fad.0":{"name":"@material/touch-target","version":"12.0.0-canary.15a179fad.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.15a179fad.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"46200fa9b7427e317f0f644e73dd4318ab11c75a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.15a179fad.0.tgz","fileCount":15,"integrity":"sha512-2uyWD9C4vcHwTl+zcU+mO1FVGdwgQHwC96+wZm8wj1IUK/e8tFf6iznZk4VlP6YSRBWXmLW7nQPFvNQRrsOy+A==","signatures":[{"sig":"MEQCIBcyEPsA3tmU/lRi7vY9eHwCRv/Rop1v2gomhfRwmXrcAiA9hHspbf6D+9YScjwm08maxxFbG/ylr671H8EMjEhS6w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7dacCRA9TVsSAnZWagAAO2QP/RXoZEoa2rHaP95vB1Zl\nPP2pdV3aKD7dXII7RQLgrqISPvCwcMgkgeiNU1eQvrx3axyrER3niOyw6WNQ\nTQ8mfPQBIPfNUL1NmaqQq8MRAWvi9ug8JiI9QEaNFnC9g7eb2S3ZmFSjv08x\nUcAenaMmGcie6qBOUTR4u9QWhPZPoOMSjBSjLxvojZOXp9zGb8AE7ciSnZUS\nt7CEIRNSezeCk+3ZorQEbtR8ihBiFMtKv0OsBDoZ7uD5pNwMRtpdDKsbl8ye\naKA8VEVkkKQM7YqcCJZh1wEw+UDFaqU2nQTEb4Zc7O8AAqNI67xjT+6wANU5\n7X3fe8IwqzIrq0VEfUZN8RVgg3jKqHgeAQsO/7Wok9xagiWK7MjpsO/fPDf3\nO28V4JKuhWhA6EsssWY82CcnbWEN+ZT5TA7bHPize1lse8maLtbb8TBzunz0\nRbQibloScoT+8P339ZD5HIRmqvu4k5tOwjEr+Qk969d8KjFw1t4c6JbjlPFP\nINzm4y7jZNF98tlF1djwWflZcmKkUOzEIgiFWRCHAXb8ZlWPAUNfoSeYixfP\nf6Na3dzM9jdsdWMQ4EtOb3s8Dl0T1vxugbjtNDDZZFo8BT8RIbARCRSlSizk\nC2FFomtBEdkWnJyXWLjhAX5fGAb2TSlZ3nUiyMdZeKWzs4Atsd5C5SlTt6vR\nC8Er\r\n=mNUi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"eb659691c3a77be825ea082c434c0b24c53cd610","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.15a179fad.0","@material/feature-targeting":"12.0.0-canary.15a179fad.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.15a179fad.0_1626199708262_0.4784191495581931","host":"s3://npm-registry-packages"}},"12.0.0-canary.c73142a1b.0":{"name":"@material/touch-target","version":"12.0.0-canary.c73142a1b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.c73142a1b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"215e6b749381b38450dfc3093e4040f12008cb11","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.c73142a1b.0.tgz","fileCount":15,"integrity":"sha512-hukZvVMPnJgjana30c38SOx/JDeTcg9grTx6DYbstEgQD2txTBMOS53hzpHMUQ2S3eG1itwRNK20H3VU9dDwiQ==","signatures":[{"sig":"MEQCIA2l44amR2yY7icGnm5yHqaFIrBiVqgPnnXdX2IrrNFeAiA0F6maD4IGh9etzyxkjdq379X21vq47jCbS9R9yTllEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7d7SCRA9TVsSAnZWagAAFBgP/R8PXp7c2E3lxDWjLt1p\ntOi5tjTtKQtsC+5RDNpdxEE6jm6dJwRo6LI0cse/6rZ7SE0iyHGC2bVZZK5i\nfxNQ4LqPI7BHOBtg3kjQ+HApYB5unWH8+Q2wEEbWPJswO9/zsxZLYH3HsDj5\njTmzPcffQ/v7lmnXKTN/veHt8zyhjvKtgZ8nEfJE4GpOIeg06mnZNrUeNgvN\n6foJSwGSjCpBRAgMLdlSZSEDL8hRy9WE9/5O20G5HZXGRT2vUrP5XVasuTK+\nAg4QKUJGZ0tAA/2gpd7F9SLpiuSRHJkCws/B2q3pdyT2m7yZkchyN1lV8ih/\niPLGUAnGVPNqXoj8JUz6VpsFGPBkynyfyrvkLmsnRjlx0WnzpzKN5J/qaOUR\noYVioi0gUWtqKOZDJXDIeM5JQiMVnsoQeSV3tgsbRfahAfOJBR7x/GEVRaXz\n6W46UzhBfQDRbI6voS7S1pq3wKwBTP9aOQwFjVo1vU6kt2tXQ81drmE3+QUi\nVdierax22bqPF3E1nP6UzEtlKnQfuP5WCxOynzPjdUbkpb4N+GNLkXXd9iWK\ncv6AH2EqssdM2ZeEsq9uwv9/wMc5f/ReaM8oKeICsQZEj6hbiOzGWyQgGoaq\nXBQl0Kotdpp11fxEFez2vCxWm/APjm/KnqruVYDVBte8WKKh2ebfANQ2wpKo\nOI+H\r\n=Pa0K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"037ccc3828bb7b7c6f3375754059c10c231a6b60","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.c73142a1b.0","@material/feature-targeting":"12.0.0-canary.c73142a1b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.c73142a1b.0_1626201810232_0.6476035067090613","host":"s3://npm-registry-packages"}},"12.0.0-canary.d923db73a.0":{"name":"@material/touch-target","version":"12.0.0-canary.d923db73a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.d923db73a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fca32f07c8324c562b03bce595d9451b840bb123","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.d923db73a.0.tgz","fileCount":15,"integrity":"sha512-GrAKBGi0zXLZdIuojL6z1hD5Ijf0VLCOLkq8Cg/4uU9m962nlvT0h+3X665nVcS9+TGEI1Wo5zWXTyKU+dc0YQ==","signatures":[{"sig":"MEQCIHbcWGD354Bf6m4mZ3s9tgRyeV0YPV7zO1CNZIJLcXGaAiAgzTbwAnWf4K6HUxvtbqIrQRzeYiXnMzWzWR79Yej0Ew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7f03CRA9TVsSAnZWagAAyjYP/3vxRa2cVUgQAh/WcFUr\nWozZjxhN8CjS1jjUaT5WetQzv9jmf84UtrVJkHutlIR2+6nH0rJVdsoLsfUD\n6WMa3wTTRaZ6jlwrkdg0D0KsYBddcrZqFUOve63mQ/iLFpQKPZfq/fyBQT53\ntZBEh0UmvR2nvrmQ/I1+W9TT6YEu46V0XbBntntGV8qwHIW35cV8HUENuRVK\n4nK8hiCwa1n1/C2fIPi8/KmA96wEbDJDtvNANMRIUxT9fJb/Hm3i3P60CLvn\nNYUl+w/eAyQ7rnu8HXquBo1EdRvrfDSkEpHoGAUdA7jNI+TxMeSxdzJ7Bhxy\nrEfGtF/SJwhomF3/bwkuDXz1155BgT+Zx4kJWRS/IbcX/99pB6y4uKjj7VMv\nM6+SqYTtP26/MxlWRKPRxiKoxzVPYrF6nEM8vnRgq4bF7+od/LQK79bKkvC/\nid/h7AlFlsXBEQWxSYU9Om6tIQnNH4oOYof0VPoxekpKkVLRtZKSLzrwVdt7\nWpy2yeT6GQQyUy5utegBzkHuAsA/rRUGi64nuKJWjyigYgoR76fWrL6C1pCv\nENCjqsJ9K/0Wysepyq/MKq8OUS2i6WWLOI2H4X2xdGW9nDG1Wm+39jTB8iUX\nFdQ6cPW0F2dsDGXg70PTp8PbnQB7FS/SlM7wg+LEWlB5IeaD6c2JAOF5ty3R\nQR1R\r\n=pIJe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ae010eec116ad324d7e442d7ffac5c8ddcb9edf6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.d923db73a.0","@material/feature-targeting":"12.0.0-canary.d923db73a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.d923db73a.0_1626209591287_0.24007928444833238","host":"s3://npm-registry-packages"}},"12.0.0-canary.22d29cbb4.0":{"name":"@material/touch-target","version":"12.0.0-canary.22d29cbb4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.22d29cbb4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01b8141ef7f3af406ab62bee073b1e6e2c977c91","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.22d29cbb4.0.tgz","fileCount":15,"integrity":"sha512-aPEMmR+xRI5ywD9JM+njTgU14CCsgRSS7CLZwd+wsfJkMYPCi8rBM3t23bu/jILa4IT6TIe32Ew1xIBVxJNpgQ==","signatures":[{"sig":"MEQCIEtNRL/SvFFJPB6aAOHv0KTRmM/Fv/pFTi1TAnQFrqUnAiAUO2HJNHfd6nx1cyVZShh+dtVH80L/Q81y8p2MroBniw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7hiGCRA9TVsSAnZWagAA/xoQAJYc+HJGe+KFSCkEnEBW\nSAaMHS6KvffKwaHu+UkM+V3qmEd0U2dZtoo9lWABEHUSzdijW9iN3Fq51VZn\nUCbmn4HX+R2An2CCK45wuj5YHIHmPrkXltqLAY8Kj+jWksFFi208YWtwmQPP\nl3ZbkVDSOSUbBNEnP8e3UIZF8ZT2OBE9wNXE80vrtOhE0pmG6G1a4+glwiNX\nTyJZZLPIDC5O4eWkjhfW1+pEETAd1itnRrZUlY+jJ3wbMpzkxKsTZ1NBu/OT\nxDRSqZkalTrY1ZnClut9kW0ypUY3jevB1VQnNSMAs7HmjanzHKiAh0WmDFUK\nEEoM13zgrflQJSRF1DZj/bi6ghl90OaSFVKXqaLKhbB3wRuMxYfyEZ8gnY+Y\nWSZ6Cm+cOiwx5t8QCyUw6DSJ9x7GE9sw7axIYijyGcEZpWhYOStOEOYYXgiG\n7wT+udQh6c3u7jzrIYyWx+tyKxHHdlt9OB0f6yeWgRaV6HsJpHeplF2kZUW+\nzL50BIiN4LTV0TiPATXApMjF3MmUC4tRjBC4BU3YLxSFxuy2w9D9q4K/Hw6p\nsF9xHN7xT7gQFZBVvJJP/2jpkW+2dnL9Fs/6orOv0kvi4Kr4nF1IxfuvMEyE\nkpgNFLhhl7gt2MH8ActKD72rbpG9ZlfH0BYbVM/rWIIlcaoj+TeUPwIKbyP/\nqM5N\r\n=Vtem\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b37054450964af349924b81bae43ec6b3beb2808","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.22d29cbb4.0","@material/feature-targeting":"12.0.0-canary.22d29cbb4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.22d29cbb4.0_1626216582027_0.3833278819541246","host":"s3://npm-registry-packages"}},"12.0.0-canary.2749604bc.0":{"name":"@material/touch-target","version":"12.0.0-canary.2749604bc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.2749604bc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ffb1b76e9623edd061a9e6d6761e172b7996067b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.2749604bc.0.tgz","fileCount":15,"integrity":"sha512-Nj+14j8hlt/0hZnFZPqffhHrxkmEZPEt9FuKy7VRbiW8mi+TAioCOnO0r8xHOuLKpRyL+c8CaFJQgZtV83H+VA==","signatures":[{"sig":"MEQCIHdPtNhJdP8JtEt7+EAQ1pKfJGzw4lnKxOQJ3C+RtvNVAiAXOWqqUIGb5qfwxkOE5oquxNOEGgqVQqjgeY0YhR1PaQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7w8NCRA9TVsSAnZWagAA6kMP/3gcI2ZNte3ZvbBKSvxi\np27DdOOigwj3umDMY19Hg0/by3LyHO9sYgc0yhFnZDl2OMrKYMpMRonrvgut\ndBMZQSa+ga9lgf5y5fNkSp/5PiKH6J1xgoLmRMH662R8hm8GUrh2D9CTx5ul\n7Z4xX0VZqCWVlbhXa1Uda5n20bmwX/GfdS1I7fbWeT+0Iv07D6loucP3hZnL\nsxcbVX8KII+ewpv3DV2OQSZkOJT1u/UKhlaLGAFI0twDF2etSfxa6ziLFBCS\nvLZ2VvDOqj7NPTzTl4VWLrDe8qBG5oNDvD9OsAS9qbcMmznawB3I6t1OTRzf\nPQ2eFOWELWoChI5KPZyWPpaXsKhmqcubHI5pcLJYrNd7CEgtqY2gLpbCS2Z4\nYs5/lPt6Dk4fR11t7aTmNRiJ6zxgLSjQN9XqBB6FodoxcNIupokjBlZT99Rp\nDLw4r5toCTkuJnatAP4wPfRqnnDS0FM9rHxFZav8zQOZ21RaPnYSwNMTyeVD\nfUoIb7S9rhNOJW5/jFlaYrTnF0LN2k9kQdivkD6nq4TS93w6Qk69OV/Bv1eP\nwJllwuRwV8Qjwv40JuidxwLo9MX7RbBIyXC8J3seeUVUwxU33MP00JD5COOm\nf5C/p8JmRgQAEX7nY+IklBevBUqf4H2R072yJipMeiQ8GuxOBKxMGDEmcyd7\nisdg\r\n=0cvc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"58ae4287239fcccbe4c5dd9259164a0660c76f85","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.2749604bc.0","@material/feature-targeting":"12.0.0-canary.2749604bc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.2749604bc.0_1626279692757_0.43566602250046293","host":"s3://npm-registry-packages"}},"12.0.0-canary.e1703bed9.0":{"name":"@material/touch-target","version":"12.0.0-canary.e1703bed9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.e1703bed9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2df8ab02cfe7cd5ddf951338c77ae5a890c78c8b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.e1703bed9.0.tgz","fileCount":15,"integrity":"sha512-SJYmqB/dL5aRvhDZk029PraNqHL9iQ/iITj/RBYzNsDMEGirrsOwPOBIzdkgnYWgDuUbsUFB+6c2YuIE13OjsQ==","signatures":[{"sig":"MEUCIGbda46741qEe4FFurXOaX/V3GStBf8kE9ZxM0AHRIoKAiEAzXZCtbzrOqwhW4aU2cR+3HkLkqkhQA6/4tgHm+wX8X8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg71tlCRA9TVsSAnZWagAA7EAQAI3Ez+6TFLi5S/31toCk\nYmA58uj2oKdWnDoF3Sj636DYbj8NR33esxPVbtgxpQXFWXrOnAldb00yrX6q\nQvL8I9Bia/YP1LFmbAx0SAEhUP1KiqoJFhHJBb+6/LbsqpD1XtakWrVTsvY8\nSdtYH/Eqw1d5wE5NF3K+Drk8rXkxsYF75IPjHPgROZd+cww05QHuyUVA7EiA\nLtzQ+2dw/l/FWUv4ThPNPpIOanzuUg43ivfb/0RLPrq/M3zrbLVjujNLqpm3\nRaF/qDqx4XOZumA3PLSzUoZnowC78WJJtWd+meR/7uUzWgWMk+7cvjvbajiU\n98SIeyWwtzf7qu2KGiwkbmCQzbTtJU8fC3Q2kHnVmm7UJRKBwoJo9uSTexs6\no4mHyzLFH2PiS/ujuzkHlkoDG2tzqPxRE3krlCPYWcRKAQPmYhA5bmpN5vd4\nboRx6hxYO4EWUbau3PcNtxrIyUwhy3DAMSqS+2TzPRer5p/Xj3QwUeqGD2yI\ngelUHGJv94hIAC69x0d5YG4D6Ve4TQprpUbe2/f7H2SQeyjLRv2USkwIJpe0\neBYnyXysfX3kEWewv6DpjSP/pkWFnOWjY0yGYYCdwb9qNlssevf09ooUwCKn\nVWm1sVvVEMUbbbr6E3NWR0YL7NfbNyFrDA769xnQlBgLPuRLDAHSdCM7/i/N\nEvTG\r\n=U8U8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ca9075f939dcacc82290fe2b01214639958bde93","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.e1703bed9.0","@material/feature-targeting":"12.0.0-canary.e1703bed9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.e1703bed9.0_1626299236959_0.9089605582863634","host":"s3://npm-registry-packages"}},"12.0.0-canary.de48eff0d.0":{"name":"@material/touch-target","version":"12.0.0-canary.de48eff0d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.de48eff0d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71c57445d21309a20a4e90b1e25ae3e648310a01","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.de48eff0d.0.tgz","fileCount":15,"integrity":"sha512-LF1fyfBbsPOY7aS3PfqTLb/pALePgEzR51WE+NHep2deOb28WImSyfok4yFy0ruBTtUkifzzV6AnrxSjdxs14A==","signatures":[{"sig":"MEYCIQCK3XN78HoQ4Asx8vfbb/0mqcye+ARzfvyyn5krsZuP9QIhAIDEPVRs+tPoHcwY9W/ICSOcVqBzo2xKQj0gEY9FJsIm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8GtJCRA9TVsSAnZWagAAKhcP/0bX74AOu1XuzParFGjQ\nlLl3sbFq+IjG/nKFTeEhtIgETIPwCqfKYUpdcXBo8R4dOyLlDIjbRjSD6Gb2\n3DzDz5pvswdOud494L9TM0h6Wa0bxteuhvjxkni++egMT/yP4hdCd3eAGGuR\nrvOPCnh1Xh5KxioQhWr0zO7+wkd1JtppI9I4P9GIuP+LivH92qa43pODMJhW\nMAutj37DEFhesbw7AVfOVTDnDIyORhSVv5m+TFtbcotFU5NE865D1qygHejC\n7AzlCkpmHNFtvEzFOtLNka1QsbZ53VOUJvBkPKCI+JawRUvUinZreahvOvFs\nybENxr6z61MrMwmbEhcB5X+Nn/pKNuQVmvaqbeHzBOyprPVhramUMl2xlPXw\nLvdW/zRnvZ9r2JVVpy32O1C6bU8TXYxtbVqWRo32Psi4GTEuCHU9QAsLjLXM\nRlW7L0t6qawuL+CczbsioKsBLtwzSKcCFrnFy7JpX3s9lA62fChPA/k8xZ95\nI1V/BCLqUTCv8Urk7Ev3MaIKz9JssbSbzfmHKZwbMKvGNeVKkuyUcgro3vlv\nLjU8i/8iPedB2gUGnGDG1VVynXigR4jmVKao/E2bvGR1mVdjXqv24/czKSG9\nTPAFGGNjfC2dFhzm9WnFQk4iaL0vX3LJZBPyDtL2Ahs36kQdEbxbstyORllh\ntsL6\r\n=WWv0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"121530dfc073c7b24dc1cb75732a0d4c0e6a3f28","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.de48eff0d.0","@material/feature-targeting":"12.0.0-canary.de48eff0d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.de48eff0d.0_1626368841463_0.7516948675737858","host":"s3://npm-registry-packages"}},"12.0.0-canary.4f060adc5.0":{"name":"@material/touch-target","version":"12.0.0-canary.4f060adc5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.4f060adc5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aa3dc4f491da8b1e5d208c27cbe5dc1e5b5e2225","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.4f060adc5.0.tgz","fileCount":15,"integrity":"sha512-4zeY+NbTD2sKtLYPoTDKvvE0ZXxCnolroVASf1WkudEUgzV97Et0k7zHvuDp5XY9NyHuTC4D0G5/MKothCBXIg==","signatures":[{"sig":"MEYCIQDkZRpcM/LlT+io3dLflt/S4X6egQtDpHwEgUqkvaRuSAIhAJ04DSOkSMR7avntGeUfHSiNklJRCxA1YlI/Eo5IjYt/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8IqpCRA9TVsSAnZWagAAl/8P/1q0c4o585eayUvcsngB\nuyhN1T7kwoZsyT2K1hv35ZZtBnKYitlB6MtB2GY6sX4XRfXduw2PxBW8uPUS\nmhpR6hCgRVH5GaAref3KbsjqS25WVs7elr5of4WTu7TktkL2r0oZfVXVAWOu\n7usY7Y9j4+jaD0mr52ZambHVa/UikuT9lBky5mxypKsO9tKlRwSnKzwNSSJ+\nDYId87OnstVOBPPUzRCwDhMNmKOp0KK9m1wIOG6vexwdHmsNkL6+YJmvs/0+\n3GazSwFp0+VCXYVkG1TVYEnxWUNL0p7Z/6+gI1zPJw3sSuGS27jHjLGt2uGy\nwumj87XPnkjYr90NdDm1OZvgBtu2CIcsGH2sC/QhymloPvG1FIEHGpyo7Rpg\nqGExijNBmp9lw7WjfyZCLr0S74CzA9MI12Zv9gW/8OOt3t2U1aDT7tADS37B\nInK1Dh6kn0jUUMvqkrDLMhSQ/V9MlAQs9k8NSuNGJN4sqSTCUjrAnuUip5+8\n4Za2HAXgFQuOpYXdlbpdOGL4KO8Mqo6ZWeDEh4YMGIGkrdGVBHrTzyxR9al/\njSsm9x+KTNd/BnCqn5/1sUsdKsX6aZsMkx4hxVQyeANHfmCeKhThw0xvKMEg\nc6JOA4oX37McP4THkn1isffTbHAGnK4IagN18nE83fPTfHW+k9j6uF7Lca1l\nrhHz\r\n=fwmR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2e70b8cd653f195a01f93c3e9928feabf39fa87e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.4f060adc5.0","@material/feature-targeting":"12.0.0-canary.4f060adc5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.4f060adc5.0_1626376873590_0.23903511840542424","host":"s3://npm-registry-packages"}},"12.0.0-canary.bd25779b2.0":{"name":"@material/touch-target","version":"12.0.0-canary.bd25779b2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.bd25779b2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"994d05242d69372218fa109e7fe9b0e20255584f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.bd25779b2.0.tgz","fileCount":15,"integrity":"sha512-r7eJtvgH3A78BAgP5AdYbB7BzGh0QT1Ay/c1PYoqk+y1e0FR5ExWJKSZA1HBfghBS0jVAP5BoLtm83hxoRoCHA==","signatures":[{"sig":"MEUCIQCjSnd9cDwT6q2IFtGIczj365FVkjGGScCXQERn2cXspwIgLzf5Z9e1wNdxsoaAKq17I8fA6ok0fWq2TKow+OS/qTw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8J19CRA9TVsSAnZWagAA7z8P/0WjNqn3Vt6agFb36jtH\nAWz9vmAjRsHtfWjaXSOwJUUXZxlpFQwFrzPIKlXNo3rDfndxhrJzl2qaLg3L\nGd2m1G72gQ+uV3HjkYhP+X+lJisC2DXSHccf8NPb2WFMJADKe5xHlusKWUsr\nAPFEo/dSrsjRx4b3HJ0KihxvPqe8nhICh9aWJxwcv158s6bET30TiitC9w0/\nmovDKUz4IxsLH3OXQm/OzTELc0INMYmG8FelCshXLvgnjzU7hzDjFPvquQHH\nWLBuh/uUc/YTZOpxmjklG3NFQrvA8xKfds7y7DBfHmU/Ka4bVDWEQMTV2bGO\nhQKT0yJA7SwQtP7e+rPGFNVL24VxHricU0vAUeMB9u1cunCDdix8GT45wqFv\nguCSPmPXLZWGve+X4xyVTWp9X9bybQyekuK6bdqIHcqrhkS6lbXxCCQUs2vo\ns9V1hOD2aPaws3DJR8T0Ck1FRx2RY4ktsF+mkIeb9CmhIwM8o3l8ZnIdJe+V\nWPGMnvxg816o1l1qD7Md+XwxZsYu7NuPujS6hJFLpbEGQ2iLWkY2E2bj+xRY\n80vq+9j1p4xFveJSnPQsZ8/XB53IfovpiHo6iYwEh1Z3mCRk+KqlvYsOiTQv\n5/3lnf3Wy1GRTcD7FalX5RnVwviXXurY3ZWW7aevwf57ZoUfbTGORaMnwRo6\nUO2d\r\n=0A68\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3ea8422325f9bc5f9a356842191da47e282aa4dd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.bd25779b2.0","@material/feature-targeting":"12.0.0-canary.bd25779b2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.bd25779b2.0_1626381693306_0.7179815445153053","host":"s3://npm-registry-packages"}},"12.0.0-canary.9f68a932e.0":{"name":"@material/touch-target","version":"12.0.0-canary.9f68a932e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.9f68a932e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c8d4a5c292fbf0d6442fd31e4b6eb77915f94087","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.9f68a932e.0.tgz","fileCount":15,"integrity":"sha512-gPMJgqCq44bSzHgYCLaagvoVgPJBE/S2rdvk+LdeckuEmuGCsAdOifCw7NbDY+B2By+7M68uYxeHcl98MVlO/g==","signatures":[{"sig":"MEUCIQD1W1VVB87THPbeCJ/OQJZIU7DggOBTXJn1trzHtXHliAIgHXoRSPQY3V76cz+XYuv7hqD6+2MjRtKINYPdymgc44k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8LFnCRA9TVsSAnZWagAAwgkP/3QWuJFiFVyuS5N16Jrg\n95qoRVNVHJSt+MREDdPekuynnjHrFc5WUXJwqXYLFpNYtTLlgA6Y2nHL5113\nYSwRLtfh9rqN1AL2WpkLFzZZlhlLKiMvnz5n4/dgORHO+LOHVzTrQIltq4b2\nTYKtKQDg4tM2EWTrnb+0QuDY3IdXa5RlWBjaryhrxeCoPM7g48jrO7/klVyk\nMcR3u6rs93Y3jNeeimyaP2iuDHZUatwn0xozpQz9/4pYasSTGyIeLTWf626j\ni9B4ODD3eVcr2UoyD7TPbPDQ3gXsMK9EDf6zXoyf3UrHjHoKg66a0J5ATad1\ng1yedlNbwxDl3U4A4RzGTowru3HlFHiQg1++f/42ovdSrPSY7WFroE4EsvVr\n60HkkJcxniSL92954WO6wBfLpnW7IUrAnH6MuBvzo6TrQlpmsCCAngUK2x0N\njrJwUMEe2449XQZd8lKnyFMEHyYrOIXIKUUcMmKVCzoyPOZ/AxJla5Sg8xHZ\nMlJ7aXikQNVMS2ou5eJ/eBZ1glqaJ+97af2YbvM7ELsCfpI/IlEAzzn7u0Z5\n2HKQjE90nw/dQ0XXyo80EJcAYhfVwvBxwCv8NPGc8ZTtoB0cksZRLlER0dIO\nVSpQ8aP3pjpbzZaxsOmSpXBkfwa2Sc6Pe7P3nOe61O3OiISlarDPmMHys5Cx\ntxmW\r\n=ezWb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"34b4e5801eaff79707e9f2c769df2c1a34bbdb11","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.9f68a932e.0","@material/feature-targeting":"12.0.0-canary.9f68a932e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.9f68a932e.0_1626386791257_0.14510878554627626","host":"s3://npm-registry-packages"}},"12.0.0-canary.4eecdeaf0.0":{"name":"@material/touch-target","version":"12.0.0-canary.4eecdeaf0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.4eecdeaf0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dfd82239b5df495424855fab68d0883027a96e55","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.4eecdeaf0.0.tgz","fileCount":15,"integrity":"sha512-AC/OWJ57fzPGNGga26Dpwf61Itd519zJ6z5B1vdoaGJ7TNdKGsunxbSMc+NHTiGh6npIne1XEDvCes3YKiwCiQ==","signatures":[{"sig":"MEUCIG+/fUn/2LASr1Yz1rTD1XNFP3a1KJVX443DF6c0idELAiEApz8UIYxm7QKBJMx+vRQVDRglKyuVDnehzeybhz4ZnWY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8Z5ECRA9TVsSAnZWagAAx4IP/2rEER232FFwGt10AC1T\n7yfr8Yf3sWoYbrE07m0ZKt3jUZHNBFLcp/KX7JRHHjiWeDrjWZDwTcwbMSfb\n5xtJ2QTdCXjvaWoM1v/ezROqZgeuynzSv8bm+JoZQHa7G9xacMexdWbaa9T7\nfDEexc+8aza0RY4N7bb7saSNSRZmBbzqZsgpp0EtZ6VWmnORq5yWIizrExN2\nOqsuG/JSGnSNeaDNW+DMYPRLuczLMUWb5qvu3ixHtBsTPLnYfbdoYFpKGCa3\n0zgMGTFoItPcsFv7aqUaeKjUI4QGEaS4EbBMsveETamu6ErG+YGEhBVrJLzY\nL3sdlWQqAoSyC+P2qD0u0us7fLfqTe6ZR1mWJs8MuBZDHT6Ds6SD6tF53xs3\ntH9Zm1J5H9xuSkiw0Igucbl7LhYntHGLaCWkLLK79ZAIsqEQbAH5BR5kK23v\nz38Gvh5Q8xoqFvV2JlS5IwgBxzioj59Z7p0bSPjoc4DnS/bufEYsbM7DARFd\n5wRMuKYlaEKl6BiK7rgfBIeXv8bTXW1AdTC/x/yFc20F3KxTMvr/rcFNCT8q\n4Myt1MJ+qBrr/XxAssvmG3MQxjZqYBfjIlJVVVdPuMuYNPhivU7RlR7Xz4cK\ntoWPcb3Ii1jeRB5QOLJtZCrDfk2g7Xm/Ueu+oiJQAdyo95GgfVuVDVYg80xC\nnUu7\r\n=lbKo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"89a3faf78d32cadbed38135c9ae10ab1f3c8e9a6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.4eecdeaf0.0","@material/feature-targeting":"12.0.0-canary.4eecdeaf0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.4eecdeaf0.0_1626447428641_0.7554279316710877","host":"s3://npm-registry-packages"}},"12.0.0-canary.7239684d4.0":{"name":"@material/touch-target","version":"12.0.0-canary.7239684d4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.7239684d4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9450e3e4156ec74d553699df01925e47023b09fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.7239684d4.0.tgz","fileCount":15,"integrity":"sha512-IdiBpxQDvvT9zWkluYopF3a03MuBn8OV/wwgcatXGwJJU8Rls3fcWKAnaEWOT1aiyqSORaVstapVwiwbZhMKog==","signatures":[{"sig":"MEUCIGEOh3BONEtGimVbhC8Prv8hMEeAOCRik3OipYkfFr2BAiEA3+E18ft2+a1CFzUKLsbNE3HB7Sgcvh0U1Ue4TUVB6rI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8aybCRA9TVsSAnZWagAAPSgP/3Fl82doy4wvZ2y2F3w+\naCkJ88PQjPROD5oQi6V3U0tQyPNKRLb2vEHn0Mrl4O1SoEXFCaDlfb9m4XJA\n87Rm9emEUUsvj4yim+s6qn+0+ti/bnPasz7ksXMEoBCfbpabJ8QrtXGqmUq+\nN44EjjuXZN/qT3nsfE6SbGE00apBYiLlkS4PzxrBPuAdj1UliEBOO3C9Vt1v\nNQP7JIPgeHsXFuMQz/HCdtYDj/NlkBZ4QUblUs9LRKpOzNerIyaMxSVL7WhK\nMuUQNBvhuxADSZxER/HGGX5VjDNsh1oEFeZP+W7ryEKS1+bxhQZfw/XETbOD\nvs1OkzrFmnHdrZwWA0MqMmsaBwGtdCbJtfRpAyqw8PNxlPArr6QSrP4/xJN5\nwZhs3qAG+WP1Ik2TXPVTUYdPjN9CmPLG+Hjp41W+vBTqPGbWeeoQmSDq64XL\nvp71BBh3ad5ayXKe3R1QrUQpW95qIx34Dwxjv0DkGyb9izsmne/LH1223yPe\nXRz5mbL0B53hAU+JSrDgVa2XuQZfTZOAyOC7CCE0rcYC8rvkgZbPWxNkUVN/\ncluHs5PmNQhkzUIh5cI0UGVMADpoRYysOqBmvlbPZpOdREpv52PbhgpmyCz9\nxNEUCZQwVGjqOe7bed5tisLYlRXvDB6jeW0jvyNZ6VUQxyoWhWs/9WdTuyKp\nPaiK\r\n=vjsE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4b35543a488bb22a0855f6f0d00b047fa76bd623","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.7239684d4.0","@material/feature-targeting":"12.0.0-canary.7239684d4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.7239684d4.0_1626451099085_0.6996607062820286","host":"s3://npm-registry-packages"}},"12.0.0-canary.d5f1f7c72.0":{"name":"@material/touch-target","version":"12.0.0-canary.d5f1f7c72.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.d5f1f7c72.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1c1a26696eb491aaeb49b7b175ae9c31e76c0402","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.d5f1f7c72.0.tgz","fileCount":15,"integrity":"sha512-QkQtLoJ/NdGnXJwzqaq2oikk3dPVFKCHSN5nl9Dk/J2f0hFFN4d/el3bD7bAAEqsJENUR5+LZcMg/wyhtAuGCQ==","signatures":[{"sig":"MEUCIH0/0Xr0YfjIDGh3pZTDKbvXsFi9L558zo2h3wWwAzBcAiEAybPhvoJPqNteXwUbgpjmlQlqZdYPJkdJZU3nlI4Pahc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8bAaCRA9TVsSAnZWagAAx1EP/3KdSZaxrPXBLIfyd9p5\nW9CvSwxdVKUdt+znR0HFnk708yElxcZ/S77y71zJmnNF41jaRMLcM2x2EUCA\nLwjJmTW6aI2sGQ1LnvYZYsaoOjIUd02a8ezWc60+c23HDyGDcWgrnTvctwAd\nzatq56CRwZ/qAeFYVqvAnVWuc3uG4HgO6s11Q2/z5ygxxvnN4y1KEZCt/x7v\nyHy9btCckqMUjP1Opqi01socZC6lmMi0X3v9O7rNId/cyI/ZfDcOJEuflyXI\nZ1Apq4chkzPTuJYg9bAlMVZX2DOnJ2xDF9CiX3FOt9PrY8uGTgECjwd8Fxzo\nL3qHlqo92UB6+6lLHGbWbZ8NgpWF7rBYr78m+BiQtaOMnSA+RPpZrwMZDqSk\ndePwZpHPLN+APDmb0wpJEa9MlZ75PCMNsqByluFukUu1L/SsJFdC0VRRRjj3\nnAEi7YQjfw+QFJBQxhQyp0t11z81Sj1w4xZzG1K9KrxDjptw7xoeKWjKckhb\n060LYT5re6F2r3q30LreCpCxTOgu8/ZYUFjCz8cN8cPt2ChDhU65zKM1NB+f\nk5qSufaKpnPylsOblHI8GK/VTpVaq7lnwyrp5Cieu5S2jOLPRZK8FyCZiHZT\njYxrTsFT+6VRrbsc9IW/rsvGXqBHsPhE4AB3DxGYiyac3r5A1BHvOH5mhd55\nW07N\r\n=LzU4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ef327d93f5a591e88ce5af94a2bb181d97b58472","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.d5f1f7c72.0","@material/feature-targeting":"12.0.0-canary.d5f1f7c72.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.d5f1f7c72.0_1626451994417_0.6096340800901403","host":"s3://npm-registry-packages"}},"12.0.0-canary.4d95812f9.0":{"name":"@material/touch-target","version":"12.0.0-canary.4d95812f9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.4d95812f9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f8c471d079ef88f7dd7a138a82008902fc0d729","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.4d95812f9.0.tgz","fileCount":15,"integrity":"sha512-+VOTmWKnq0zHfHjhG141FciDqZItmZX6PCmuTnbIMjvIZeFGEbs+hT3oomtOs7z5mfWjt+vAfdoB0ddXO5VCfw==","signatures":[{"sig":"MEQCIEcniLT0ZIAv2KElBUtSmoww0HcDmTS70QjzwjrctWz7AiBHQp16xCAnS0HzfpXKeSSJRXVFpupspTmxitUVnaE6kA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8eEiCRA9TVsSAnZWagAAht8P/Russeru1sJNiz1KF1nd\njvb9i1IF4ugAVYBJn0JScjKtKq6gdMM5xeXGJn8ouCku3i9x5Ly5L1RMWb9Q\nNhXiJ1X0+e7ctpOALJFyTH8RPsAW8H6GFXFeDYlQtysSMpo8F6pKqlTUkY9v\n0ZJVDv0bDxfUMfoI/gxozwocRkOqsLXhSIUgmkEj5zTrB19uqSYRrgamNLQX\nKVPVB2WeZKGo/bnveYqE1moKpymsy5wcAt/qdwaTqPZB9UQafNva1Mo3B8ea\nqUq8Un8Ds92Nc+RIcLiadLt03tDKtBjQhoxhJ6pz7fmUxXQamSA1mbgAOcbb\ne8Hu3LEogR0CO9CrwQpPrgNkibcabl07pTRUqm/6kj+U3zpu6c9YDtqjyZm0\n61Ec2GeOFcTVMKpwrNB9HKyS4/t/2EFK4JrLxr9pjzEK4h6cllby9i/PlPv5\nALgIEtgj+Bfah3eYvkPvCplgA9wn478dkNawbPZCMgV341bAMgW1xWYfXgYW\nDbOctRwEbuUwYkRMhPJ8qrRVm3BpaMAMv0hIqrmWu8qKjURl07y+ck2raZRV\nZzHdZ2V6vIvEVMfftpAN9SQG5nVOnNkqnvbuAyGVTAc9GQPU3i3JYkcMWfCU\npzp3RUeEJZlIQnZr6VCVPUlOfV+68yK8t0Vl4D+37OSE26F3xGc5MRRdIQrp\n2564\r\n=+MgB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"34bd44726ccda77331fa29afdc1d5ab7ff0879af","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.4d95812f9.0","@material/feature-targeting":"12.0.0-canary.4d95812f9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.4d95812f9.0_1626464546706_0.6567118852111264","host":"s3://npm-registry-packages"}},"12.0.0-canary.38d1846cc.0":{"name":"@material/touch-target","version":"12.0.0-canary.38d1846cc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.38d1846cc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1c755544de7d99df2b45f8bb74d4882196ff895d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.38d1846cc.0.tgz","fileCount":15,"integrity":"sha512-hMszkvchMW8QXtIrBlmdGgAp9JZp4tJ3OzZgU30oQTAIJNZpGB/Z03iucnzvyZH6Ymdsgi6wRxk/nMwJcKp8VA==","signatures":[{"sig":"MEQCIB0UKA7UyALLCDwUCxeh+tlMx2c24TU6T9wy1sTIgNq5AiA/kOiot7TWQ1j5ukKdyKLa/SoJYObZcAakeKC/ubPs+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9cdICRA9TVsSAnZWagAAicsP/32vt6kRFvSc0M9F4NBx\njOePRx+zjdqXdvGFhM3mwUZ9mJSZuqE6pvGTC5ExwEWNeWI1ti6PT+LYnQXM\nYqXYQ8jTOU3tOOv3HD/xkpcZgezrtaoIvS8VI71fl1QwV3NYhK+lZ4twck2h\nvI+oaWEQIe1jTGTIo9C2NRXjFmnyA2G23c8u7cxp1qn9ef2BzMBufaEFIBoF\n1jaxQ58B+hA55RGCQn9wZZkSnzNuJu46zQRBlKUEbtWxz9e1ZWAyfoCGwEw3\nKBvkj9ZZm6MnpuTLVglxThIh5UplPXx4yVRqKZ5SteG68I2zLmzk+AK/WfSC\nsYTIOud7IotyXTCwdOuVl/mIE6HyqL6N7jjGNHOSGKAtJa98BNIKh31ABMUf\n41jvCQayOztllaYXMl2saz5xviy8ZZ2YiQy+UyvD9LQSHzT08inFjF0lSx3l\nDJLr9uYQv8TJfH6Org7DknX22udAvQOQu6jR/oIPlJ0V7YQ9iIqvVX32+ZFn\nIsjQjQ3xA+BIrSYKVmVk4QRdpACzkliPOpmdjhHD9pcQsLXodtG7DsnMgo/o\n1ZtA6aJDHB0LHbbllNcTryEAiBZbX3dIfJKRT5A9snG50us6OD7Ya0dS6v/0\npd/T2qzNAapYHMH4amvz+xwvk7amGaA71JaHk1lx2TxxcjIm4am1a2qKQeN4\nYRlw\r\n=bhuC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"77a8b2af56ebd184dae02df9198e75b16f4db385","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.38d1846cc.0","@material/feature-targeting":"12.0.0-canary.38d1846cc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.38d1846cc.0_1626720071925_0.21433950932389","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f691eccf.0":{"name":"@material/touch-target","version":"12.0.0-canary.3f691eccf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.3f691eccf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e9a822aecdb07d13371557b94dbeeffe04299166","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.3f691eccf.0.tgz","fileCount":15,"integrity":"sha512-q6JqGX8wVTug33Ua7g3zlxQsQzUWG4eG/5sV52JXpUAHg8b9N1A3m6L6GfCspY3CzvGtjibPm/lYe6Xt8MVSbQ==","signatures":[{"sig":"MEUCIQDNbatok7PxZKWgFGI4A0efH9jE+rvA+yrfvg4x6Db6hAIgYp4SoEfYVyg5O/YEr61mP6JWOLDFZx37/7FTTMwcCEU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9vTfCRA9TVsSAnZWagAAXbgP/jttAOru0l5vR3myn4Hi\nmoh1KlrRaoZaQTuT3xmrX+KCTY8zBaiAQxJ7FpKe+2O+BRkNIz0/6UWsNL0o\nEwJ+G1IGAY5pdRpsOdtOvdlV1oveuVtOUpNfAjRVCLFdIve2qt45DEw49ncR\nTe+bw0kkE9ggcTr3xvOg57k2nqv+WO/ZESt/yykWVKDJE+775gnFf8bzjl4A\nckDmGqwDz7u1rL+hhIqMc+Ku+QI6p5VWPkpEXkQ7R5leHjw2YUvk1OHrvV7s\n5pTPJzXETcJkmQNp3CnJH3XRyytvywIVMPhfdKwivJoVE5z4fpSNveX9z7h8\norL4IFstkopS3YJymfK34732iFcOMZFqq4TMXlJkqPzOwEjqEAOXNuRb/oaf\n5taARHwa8ItXwaLL60WF6P1VCkdk1qW7SaKhGBYzwzQqJ1VHagJ0XMv+BIY4\nBc0mLCsQIXnn9fZTLH2wnJIUvPph7xEYTJrcXslY60SP1VimeHBZa4JsVLjQ\nrQB/vRFtQwx74X07KMMWiLrq1SywxAvFnCrecjfCR2Uqm5RoraBuWqUGX9fA\n/ON9Pvsydesq67ULTt5CvGR1RPFMyllEeeMqUTk75Nw78ehtk94Ri5KStLru\ncDPvIb5iPSuhGIk/ZvtiirFDMZ0TOeBH8sjpzwxUS3kdb0mdX5mSlzb0nmb2\nQAgY\r\n=qgVi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"58271219b83ef8db16c68153037e69345831b4cf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.3f691eccf.0","@material/feature-targeting":"12.0.0-canary.3f691eccf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.3f691eccf.0_1626797279709_0.8854429792199752","host":"s3://npm-registry-packages"}},"12.0.0-canary.ebb5c73bb.0":{"name":"@material/touch-target","version":"12.0.0-canary.ebb5c73bb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.ebb5c73bb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ef535ea08fdbb991b3829e3d8aa4ebccadb8eca8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.ebb5c73bb.0.tgz","fileCount":15,"integrity":"sha512-ysHt+tfQoHSmkCMeZP26QEjQI96k+wqZrj+Oy1ZZyY5QPexlv+JcRzBgRysuhFIojgDzn/JNo8lldbkxXy3HbQ==","signatures":[{"sig":"MEYCIQCr7zLvKr5xVXKlF3USf5kF/WXnTllYlSsN8DGNznmM+QIhAPQDOyCIPiK+FE6bqeDLQwnbnvub1A1wZg9cAZVxo5g+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9wAmCRA9TVsSAnZWagAAiN0P/2K2VzKcIo0LN9p8q6Th\nVF8O+it4ISbut9/RpNh5X4egEZRBxhibVHRZt/hvfX4R4ZFpNCG91KAXcfRB\nXX1hG1cJu4JFdRFfom0gFjFC+jL8f8prLvCwO1xOU/HBez7xgLixn04hXA5w\neI1lkoA8+G9CHZXQloolAMkPAtNXA5E9fh8XaWr38ulwNKAhYJK8Xc631tu+\nCjY90MNvzYhyBN6VqD+6jZTZEPzCpD75jV5iRmzhkAyIF9OtR27zdazrwQpL\n6mYH9cRau3emRaz5HKahxTnt5bUDfhbCNkGzrpVKGFZCHs+4qluebtx5E8k5\nrNFtJSVF2ZJ8s7LfnHxTm0ORZAelsqBXEFTNhU5dwQGpnOE4Dir4aqKx4+EW\nvIVsFphH28KdqRpSerEIS5w7yachS5bubb/Crj0+akiI2wrWEJmsP518GSED\nqg6PWLr5vj6iwdENTpcXmjR9SWfyAtTAA9WUabblTXBoIkrPOCbvPZZb5YLm\nokjiVfnLs6JrLbYMEQlRt+M+grg4csQfl0FkfiZDmt6VntaqcXe4bZbcPJ97\nHoF9gUR7SEAuQQVc4XerzFaI5BXLWBllr2WTA14f/nCJmJgDMn2eXLJcEGuK\nt4J2yOgOTtDKhlIlTWEZvxUi3bC5h6eShxJKriiH/DWbNlPZxOITvEwqfz77\nzlju\r\n=aOzL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b37a38f7ce62c0d87ebbb4bafa0f1fb02aedb050","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.ebb5c73bb.0","@material/feature-targeting":"12.0.0-canary.ebb5c73bb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.ebb5c73bb.0_1626800166530_0.3127467077662913","host":"s3://npm-registry-packages"}},"12.0.0-nightly.778a0e8a.0":{"name":"@material/touch-target","version":"12.0.0-nightly.778a0e8a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-nightly.778a0e8a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"364b2e8e6b08355d8dbdaa697a9c6dcda8ff2c49","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-nightly.778a0e8a.0.tgz","fileCount":15,"integrity":"sha512-au6nj1uYBqRlb3y94afL8wIPBhxbAzBNJD4YYRZ5e/FmVwZIidJa+RXFM5uuNR2qXkr6pnSe5Ng+PH1K7ctKMw==","signatures":[{"sig":"MEYCIQC07YedbpmpOUR7th/h/PWPsnHmfNjHmjzkC06gccskPwIhAK+16AD2m/FPbgkXNZ8tsx7D0LJf7it97DNhRgdbC2f+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15408,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9zpxCRA9TVsSAnZWagAALNMP/14qDqVxWbOiP6hCasMg\ng/ww/T6aoulr42n3ojQVDQ3eWNjLGY/+NOgQ+FllFreRAcAqbvo9BIxY2Bfk\nnfTRPzmr18F0ITnGVgmNoZJ5Fe7h4mwX0rHCVgWgrsFn2IweHlwL0Dg/xHCf\nIf8FpJx0fr3kxdPZjonoNHpBJlKPFkFLw7F1H0JTHFSzni8n45P4oe6d/FWG\nl0rXjTtoBM6nU09K3wZ841hE8VJSL9GwYoVUgz8Z/tYH5DcwtmwuBBAjKuYq\n1IUn9XY71ZjJTsZ50rGwmGjEaNpeWGnY/5Thpo4h2FLJ/4/xzcRvY++bawCt\n0JFjn1HR4cjI2mQl4bui/i/zussRFxdkcv4XWuZ+9O9jaANnZ2ouW2gasWwm\nRug6czAm6w3DE3GgJYy0xDIOOBOu7KXJ7UzIjh/AQZH9qyrmBZENJOMJVgzY\ndiwCedARIeJEHWJX4r2MH/IXY4NORt0w4iKYv6nBCBNq3f21SaJDPWQPdp6u\nweqXx3+GQSLxyskhr7MmrzkJNBmpcE0Eu+P0rxFc+RWXowQsEJaj18h+gfif\nneuXd3+tDxh0zL2YnBVVCZBTD2hPxQxHi19Ug4oXj7D79Cb19PqfFqBwY3GA\nFWztyxsw9uwWsMxxXzA+t1rAOtFPRavyFlGhynWxWItL2fQuDF0NPMZIM6cX\nWILf\r\n=9V7p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d86234d661f09ad766ffa2f82c69582e585a8fdd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-nightly.778a0e8a.0","@material/feature-targeting":"12.0.0-nightly.778a0e8a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-nightly.778a0e8a.0_1626815089543_0.7970182345344847","host":"s3://npm-registry-packages"}},"12.0.0-canary.791311bba.0":{"name":"@material/touch-target","version":"12.0.0-canary.791311bba.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.791311bba.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89cc6694bbade9fcec05cc79ada7ab1bf9cfa559","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.791311bba.0.tgz","fileCount":15,"integrity":"sha512-JfQ5ZG5fx+cTQpuYQ25V49kt67rmWkaQr6UT/yZr3LUJQLPpnvjgPCep9NMq5LksCHyTkkXJ7vDVujQfS9lhRA==","signatures":[{"sig":"MEYCIQC0LemwQPxHprlUfzQRgRTdtyo7ZTQNB92tsXwKoqSUSgIhANKXH/W8GAY5cmx87oKGdm34BjuRS35iOqImW+6IJsCv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg90j4CRA9TVsSAnZWagAAZgsQAKFAGfS8xrHh6pkeYOzH\nFFtKYKjUqbJLUiIqXNOeRzPM+kaSgI5OXn56qCBdiuhnUKkiqsu3OYW95UuS\nNjgdjR1P8NfJJJarqxz53CQIZBCEWeX6uv7dZhbjYJLxp995P1kKiFAgqnPW\nQeeqs0K0Tdpn16J23OTyaauW7kSThERifiQNGLoC9nMjocRMMI6dTQRagUUL\nqZvKnjQ/UFzvL2/Cx/ryU45gVYc7zWHSMz1vaQ+99WmGehZUQQxywKl7QXla\neYd2EWPXHwRjuXh2Wod+uGeAWx530JpLg00P4v1LLP4buoM5BrYTH0iJyXIL\nzL52zC1rj5Ywek/XTFjDD2Nm32RxqI9EzkGRlo2Omx6Aw4IzNkQ+qKaO80OD\n1qzgUntxFOTPHUewNM2JhPMT+78ClR7SKcwcIpxeatSYNgBSqgXC3pmaPh+q\n4pgXPs29auYi3YIwNRnKD81ynb0Uo6Ca646ff+bAX8PsOCN4CiEgEW23WYr4\nt2MUD+5W3e/yJIcAuFxnWDTejzisP0Fk5+BQ5W/6l1tv+T2g0MTxh1ykK6nY\nxdAy6kToxniqwt16nGmdnvwyZr5gLNVQmsM5iGDSGo9P8//oIBriUWDTMzJj\n6YjzyrNvz7w/mC4S4D5bAtaSlj8QpoNpT+0+Ectgd9ist36qLXj/zoXbQNKq\novCP\r\n=hfbl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b915b82632a30b60ae4dca5d12fc23d5a5df4d4a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.791311bba.0","@material/feature-targeting":"12.0.0-canary.791311bba.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.791311bba.0_1626818808415_0.03852932075057791","host":"s3://npm-registry-packages"}},"12.0.0-canary.85e9a6ac3.0":{"name":"@material/touch-target","version":"12.0.0-canary.85e9a6ac3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.85e9a6ac3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"76cd0ab84966ec2f413f4e1c5baaa20092bf41c3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.85e9a6ac3.0.tgz","fileCount":15,"integrity":"sha512-s3kkj9r7H87LKQ/WSO4M4AritOdLHs1yszfJ2YaagVRYcUaaXvyq5eGR1LMoliso7aSJONdQ/w7DcnJbpuTfWA==","signatures":[{"sig":"MEQCIE51t9gtAmV7RN/R326PqcnbgoCZGOZ7S5Qco9jYf2ekAiAuqFZPSkGEgZrMBL+y8aGrRu212PUIos845ZMWwaAeMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+D6yCRA9TVsSAnZWagAA6CIP/3laVGZpz95qfIIwCmlt\n/4zAOfAUerzXGbPTD1oaXEalD3mSZND+EHkG941j85361CuTntSvp5KxC/37\nXLU0A9y8WGcgz1588YIOerd4GmbBuUbwQZRE2l92/SSLeW+ateXqKhHChbtr\nGdhAxvB955/hivxLLAQdQnaSqV+0v6AX2bpJ1ihOrsXf8M7gRIB8LeSPQdvu\n0FSg3ioHAAr3wBmksFVwE1F4PjZGzxvpPQ6N7kxuirqSl8ku8x6u5HFc1rXL\nLfS7bo1LjY9OEUE/Zj0QO+Kcv0B/f6FqNiJK/bFsZGLPVasPAr2MLmWYk1NU\nxKLHDBP4WTk9NbnlEuH+OvgXpJxMeOsi3Hc/LAsVew8QFINcK7G16k7hVoV9\nHfVyMBAX/04Gin0ddbi0CsxDZW4TKPih70KP8dEV50UElYDzZoL5mylQQJoo\n7SWxxyzvgIABuxf/fGfXLr+nZIQGcUzkXprAo8gvnb46/+SJKBKfnVpB9mZV\nYiUTtLP/1Nj4tyK87TEP/5TULfrDjr0wv0VpBxYJBmDEGwk1ftOMaQ4XvqLt\nifuQ89M0IKS+f/uItnaPzE04x+FbJUMv972MlxeyVmTzVuL5Uzgm/GL2g3x/\n+TxnUXyZKCxwyZj1HymyyguP+W+vEYslBsDRKXAcCAOWmnb28HsgQ6B05kZB\nNiWn\r\n=zHnJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"651354325ad21ac082f791ec2abb0aa32b3ba936","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.85e9a6ac3.0","@material/feature-targeting":"12.0.0-canary.85e9a6ac3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.85e9a6ac3.0_1626881714584_0.09021969350604953","host":"s3://npm-registry-packages"}},"12.0.0-canary.6b0442278.0":{"name":"@material/touch-target","version":"12.0.0-canary.6b0442278.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.6b0442278.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b38a7da2ce019bb4b195e2ea2018618c228c9e2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.6b0442278.0.tgz","fileCount":15,"integrity":"sha512-h5Z+zv7s/CGB1oEtDdhQrjEDIvuDCL/O5TVeuPZ2hNDjJsIySbpFCz6zrQZxMb8HttpfiTulpEvbuJkabVJx9g==","signatures":[{"sig":"MEYCIQDTmIUFTB6+al5yZYS2rHaOmfJKtqOPHRwiTvErLCJ7HwIhANve6+d8uW11oNeF3YSmbBmlxDrww8TlJiwiPfqcs/iV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+GwkCRA9TVsSAnZWagAA28UP/1snjEVPjGwLMMygrYSt\nCL7rGLekchIBmpqIw6Fo2j/fm3/Pnhu1UOlqCkniS91vYXI5eGoD9ELcXNL2\n7gSyZjxueVSDUi6aQb8bFRUyecurm9aCxxeuQD1CV4e1H2DnZ9FxvfeYH6Xp\niliBVEzsF9oM3AXQyP/RyhLqERnov6E5Trsm2b0rDSc6/a6g3cYWZwbDB7eq\nupwL4ZPSw3MD2ZlWt1dyl0Eq58iKjW2+b+dkSA1o/Y+tiHF61608l8e5Ntpk\nk3+LEhtJCMJuoyu2kyNTkhZjiXFPT3OLDM8gpK4qeRfVBTb/8eQCZ2oMbpYx\n9m1vHmY0zmga25961wR8bd2dIQtD0zL+GvMW8bLWVOwuTzPMA/Minu+N5lc9\nTnLJiDteizapfiANjQX06Vi73csSH3jjHDCEGIPY4JLQFoh5hSr+LlGOir8j\nXfM5exx/N4RcdvMlUsslnMYXqjcR+tk9B5DHYgNV9O4JTcZZQ3y3El4Q6t70\nvOjB1ff6kBUIXlQkIFRe4F7arV/M9IAAIObpfOKS7Ss5bc9p/ygpmr5hGRWY\ns6KhlkUwImWrmmg0yPHBF8GvrcWWN9vYPJhjJMEvd0ITuAAWxiktmgshGviF\n5cAZ2CNWkx9ZRWsLtwtvURYYFgVGeB4ucHUNmXaxiod8pNcedc/M2EZVsML3\n27rj\r\n=haZm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fefa69e22f9083ed30aa4ea05114191682b45a14","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.6b0442278.0","@material/feature-targeting":"12.0.0-canary.6b0442278.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.6b0442278.0_1626893348163_0.1339430017346679","host":"s3://npm-registry-packages"}},"12.0.0-canary.5f00e454a.0":{"name":"@material/touch-target","version":"12.0.0-canary.5f00e454a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.5f00e454a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b52ee4c308bd9b0610683c797274597de6d6bde7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.5f00e454a.0.tgz","fileCount":15,"integrity":"sha512-26PfeeXCQfEyS3i1o6LmTGCs6ePfcpGXqsT42JixZww6/W+k7Rh43Lpi49HBi3LPaYEOqoFB6soxBT5NAPY5YA==","signatures":[{"sig":"MEUCIHxdC1nlPUvo5Z56+Z6RjCdz4yPfcKEtg0Sz9WMNfd0VAiEAkh62YiBI998HORTQjOgdXlnUlaDduoQDVmUTBJk4p+k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+aVnCRA9TVsSAnZWagAAW0QP/RnBP41oalW/oSRjWzkP\nWNWB9JPiMcmjQMPgWO9IbhBVLvosbbhyDBjag1IKQBlrkSxD078L8mGzpyDs\noUSl6ELsTdL8AFyEeSPtHfADrxm93r7NIyKkdB5POIu62/GAS41y5AutFc5U\naBMoh4izT+nlYx/9/zKlVBrchZOP+XBSCiiuvoNIVfW1FObulT8q+Bn+YeUg\n0cdYGEbjV/xpcQ8hEnwsUzvFTX1FE4Kjf/eubiHYBoV/fCBQqJIViQeDbYT7\nGYCeJtJtW5wPkAeg1PPcosASyqtuWvbKta8E+9KtjDR6G/3tORpSwGolPZSv\n0bu3f5aColkYuBT2ul9RTM83tgoCSahWnIdU+UYWFRd1Tp1aIztgFCV/ql53\neAeGfttXcOWornNhzULBR40pKBIRK34io6qC+VsKEg8JEciskARNP5kPLMSW\nk5gTw8Si6J0IjKm4oaVrZYWtyqNwQMBffa4WuSOl3WWej51jnSBLuU4AkaZn\n0m+SC4SDur6bvQmzG0lDmUg1PQlMlq9Cq4LxH8WwjqtrcKrF0W9LydkIr6QS\nfGDfkAV6Ydsr8cowxnyU9p/MKzADbHUGCyCAFm5Is81PQWrQlfNA9AzH8PBk\nrl19x1ESaGpED/+O9QSuYzTRRaSIzMa04HCGXTPoZiCLaFJ9OSqa8eV90niG\nNJjh\r\n=lr+8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b9c8a5899d6bb5475fc5fb2c76a300d4a28f0ffe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.5f00e454a.0","@material/feature-targeting":"12.0.0-canary.5f00e454a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.5f00e454a.0_1626973543148_0.26641465654796126","host":"s3://npm-registry-packages"}},"12.0.0-canary.90e08fc6b.0":{"name":"@material/touch-target","version":"12.0.0-canary.90e08fc6b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.90e08fc6b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bf1f22c99be80b36850f55b16d91bd75688b9801","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.90e08fc6b.0.tgz","fileCount":15,"integrity":"sha512-21hlIEfbNWRIAqBK6Y+W8Mv2tUhSFp7fzGD27WmcaJJwT+d2OQP7Bdq78HZtkrbYu+Se+es31AuROGJlEGQ/LA==","signatures":[{"sig":"MEUCIQCv0JiBbMV2t94F7Df6Xy4KSRmqnFpBJ2PWm3iRC7fz+wIgfIuU97Vl8H4Y1Uevsh+eOysVlEvVENcG+qYRtvnQv90=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+gFDCRA9TVsSAnZWagAAUHsQAKP/00MEhQ5Vv6Y5vp+W\nFbFPb/hWUXrgXzp0fRDnZ0VBina8M1bnltJH+DH1fUs4GVHzQf1PoLbI7wmv\n0bvcNigV9yabyy13lAm0EZ0CsETAhajBpEkg2HZe3hEgCqK8t2T+CEigw2Jn\nX2Aqn4sg2E7knA69mudVkZ8B5iga8lj5G/kUshTBo9aWNd72g/d5/aUrfM3g\nCSNNmS/n91uphounkFMqhHgu+rpUtH/Y+G5jrQwP6d6x7IVUMr6NanmOlxvy\n6OYlRqT2AIy9tcvf/dNAMTTvyv1HjYbZx704/5qTzrrN2vAgIDiQwmhvwDzd\n2KoRTXP9ie+tLuYDsNuZ/uJ1Zo8g9CO6zH3yeMOQt4cUva2TdRrQ2Nx9VMdn\nZ28/Wk5hSPccG11gKrpy0nz2HvGDECU1OR+j6y8MbBqoxG7l3BgsShAWbSHD\noclID9AxhXdFApnp4ws8ffSZ6aFc7qOtmxB2Si/EwI3v2ksueaTrfLwqJUv4\nhLwbbmmAfb4E33ermMHHnsndTbvQPqTvtvLArZdXw/2AqiJ9CanYN7R6gzL6\nieAgs5nY+38vXV5kfLQ4lBLhUHeHzSuu999r3fN0Azi6c7fvwKJIoCbVqP2z\ne7XS/dZGRMuQYLprG7j4g3eYdMkUzQyCqCOU8flzN22SuPGCAC3szgFtEbgJ\nCd8n\r\n=pC1p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"267e307e557cdce4bda13e55c34cb0d1aa0d0b8f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.90e08fc6b.0","@material/feature-targeting":"12.0.0-canary.90e08fc6b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.90e08fc6b.0_1626997059208_0.95107168267593","host":"s3://npm-registry-packages"}},"12.0.0-canary.cf5b9eb86.0":{"name":"@material/touch-target","version":"12.0.0-canary.cf5b9eb86.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.cf5b9eb86.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19f434c66d11741b322a47ac63baeb5d985629dd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.cf5b9eb86.0.tgz","fileCount":15,"integrity":"sha512-BDILinVbh5DCYUyJYW4bZvMPe9Md7QFfzwhzsZJc9c0I6RAaUPBCSNp/mgHXLssIdvTUMIrwR7JxsNVakc0z0w==","signatures":[{"sig":"MEUCIByJnRuy/IS7CyZgVoJfMsVoBCZ+3Dt6VjVNcD0R4PAnAiEA1PfN5DFHDWiiV9FHN+kezpZJDHtGYChe0ptWrpEhwgw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+wZUCRA9TVsSAnZWagAAyrgP/iO4KsU4PdNzMW/ZbSrY\nBEbCgqTi8tcElWkOX78+d6NJxx/fO7Tx1K45r5HPfFei0NABAdb/1rT/6imq\n1dAbI9JXYNIw8HXt2WKeYHv3C1GrFwxmkYS4wAPT/7zTSkIAKzDawUXh85so\nabqIiNJCDgVKKIvaz7CaMemR5GBAyFGBeI0PKpZbvJbbjklbJCRSWIAlB8fT\nce3Hu5ZYvio0xFGXjq8/XBF22YGkpWmPg/LUHqkXZJeD69Q3lrtyKsmvnWnH\n/oVWxAElNMRB1rLoyljtUeUH3GBU/P+CtKjKIpB5IBX44ysLuk/3y8Vexf9g\nINHvPlgOdJUof8TbxSMez66ze5TVdb0sjjGNEKgh+4q6FC/cDTMjVMu8YNA+\n/JIqzI6Y+caHMd7fg+cWk3JET88CpnlbnNNiVeAcKvh7TxU+78NCCsGu/NvW\nsSiZMHbw75PYdYlwC6rlI3XS+nYPSU7h5ueRRiYcQ8fIvfTHxHMqDEdVjy4C\nanq8KCGnuOrXLl/UNuz6WullyoLyWbZHGJmLor8Pa1lSJZEKfJCY1feUDbZe\nDBa5CXni7DvtiyhpyR8bDqKui2Rpz92gnGz9m8q+I494GXQIHVtUKyyVguSR\nJ7nabMFb2AV/xlDcCXvNmN1lc02IGKAHRjEo/BEm7HSq3UMTEYWhnoyeR7sl\nlfoC\r\n=wlT6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8447b42cdc88335a4d5a37bb048f5babc1c5bc82","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.cf5b9eb86.0","@material/feature-targeting":"12.0.0-canary.cf5b9eb86.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.cf5b9eb86.0_1627063892636_0.94609322099629","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f36ac75c.0":{"name":"@material/touch-target","version":"12.0.0-canary.3f36ac75c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.3f36ac75c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aa5801a9e8e1642e94beeaad55d606923eb9d544","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.3f36ac75c.0.tgz","fileCount":15,"integrity":"sha512-2GQHDOhgwzSLwD5qt+YQDcrtyO1XJeUdxpAPfi8ccL4cOqLaOUFt5BXyCaGnFV/nD9fTJ0jD8iT62mxvDy9LNA==","signatures":[{"sig":"MEYCIQCi32w6lOd/BDaxyDefECJd2HIkMnAA0CcZQNspAQtCYAIhAOrrE+tgGL6+cZBnvlcjPpsaTQET/GxNuJU4uzk/ewS4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+wsFCRA9TVsSAnZWagAAlSsP/2fMXZmBPuQPHi0WinV9\npD6zLa/PKVIe14zAqi3BTw54yuvm0gMOpt9esvZihgW8lsuswDEYWYAWYuNG\n23EewWJebQ00XG3RUdseaIsdQXUMUiPbMmfYhZqTb004SnsQ+uAMel8Nb2Qf\ndSLNPlkxyj1C4ChTmspLCDCS7jfzCzT3lgk6s67CsBo8h7JtsbJawKzMRqXx\nwvVnEzj1SoKp5Z4qrDvs004u1zITf1Cnf/bWapGXKAtz5EDLXuF6+XO7AGd+\nupxoqudNkq6C2lgwah4rg2LEFhfc21KOd+Hpf3/ox2APD9RXbYa4e6pOWLgU\nh+0OLzCVVLQi11p0HkBXa/Ux8OnQjmdmV4Ev3or/gyH8OlILBt0a4Ep9JVTM\nuuij5pG/O8M+xP/pxB/MnVTQAteWVzO8F7hzTUfxR8EJRAy42pQNFAhns1V3\nsi2VodPSDM4hWQ6BoD0iAO8r/hK337x1brMs9+e4LazCi5IY5BdjR+LTZHg4\nufXAA/83jnX4AxIc2G53WnN5E7w77gFW7aMNDtOy1TqU9G5/Xp6BetUzpPsb\nnFbyCcnn/+HrKFCB63IZjVkfD60DtwXWi+QmrZnc8ArwaBF20ydYsPEMgAx6\nzN67QUg7nv2eHvV16qmfF5Mjl23wvgKMgKsVt8leGA09ZxpaedTpLh5vEQuy\nan6Q\r\n=nv6G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b0f70c5fff2a6f188b24beae7ecdf708b5bbdcb4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.3f36ac75c.0","@material/feature-targeting":"12.0.0-canary.3f36ac75c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.3f36ac75c.0_1627065093407_0.8738421199841555","host":"s3://npm-registry-packages"}},"12.0.0-canary.ea1e1b850.0":{"name":"@material/touch-target","version":"12.0.0-canary.ea1e1b850.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.ea1e1b850.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"23c5bbbc06afcebb4593487f0e990fa988eecbc5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.ea1e1b850.0.tgz","fileCount":15,"integrity":"sha512-Ha9/T1kz4nni9HbjEGcKmA9/31N+bFboDNW/2iGByq2XwmNnYl7ul4cXu+PFECt2Iwv4/4VoVdDdNSSg9CWV3w==","signatures":[{"sig":"MEUCIFQYhnk8Y330vU4zG9PYuGgtacpeA/utVxXeoqW65+RPAiEAvnRnC+fGt1BSRBd3xSFGLBshvSUUdob38DhFhC2ECXk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/H4pCRA9TVsSAnZWagAA0BUP/06QBupnG4MqAyi0ravD\nuHs+56KR9yymSeRycQGu+teIkrW6rAM4w26ZUjBkKHe09KcjFQ+zzBXVhfkw\nYiKMglka9BvOkWLdW0R5nB8P3A/B1wWyBTWt/E4x9O2qAPwJycI+bRx9/Mhy\nf+MIOVsQDAazRAO/qynynqtEjYV6nvgWxFIXK8pwwgtU13SomMow/E1NMeQv\nnz+sqIpD/s+vIMh3JPcIo63TA/II81cAFt3EwcqInBWf51WNJy+eGOTLmip2\nTN6ew6SiCh/qoJsvgdNASXLDd+uHkKVKT2tZdriq3Wj2E4FLzpXDgbsGwLAK\ny0KCS/P22XU3qt/snqiIPVsdljzFTeP241IvLmVvT4cVjyWxOTekaVgKT9fa\n8tR0hzk8yaUiTJ8n6IGdk6WPregLepPht2x/fnVkM9TjXtOVwqCAmXMVffeo\nBY2swzwikMTL6dnYcBFtwDe7cCXa/Pz61vQ3vuyc+MmlI4/w9RJxmSyScVGx\nGehn0oFlbFpizcNKi/iX9Wy7JJuZ5HLbYyMupWPxiu/4B01Zx1PNrzObrIrv\nHzN5SnIft0sb3iQN6YCUk/DFFsjvsJC4fOjxqViBdaZnArvVGh76oSnLcJaM\nlwoNKLTMGT4/eg5/0ORwHIOt92vhX80hey5NlG03vsuQrfNydaKHzIH73UVq\nZiUV\r\n=GS6Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7c296c6f9b2c20eb32b0501c98b6415bd193dc46","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.ea1e1b850.0","@material/feature-targeting":"12.0.0-canary.ea1e1b850.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.ea1e1b850.0_1627160105361_0.25672276354085954","host":"s3://npm-registry-packages"}},"12.0.0-canary.22f390c43.0":{"name":"@material/touch-target","version":"12.0.0-canary.22f390c43.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0-canary.22f390c43.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"643b602810b0849028b766cdfd0d70a5a14fee82","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0-canary.22f390c43.0.tgz","fileCount":15,"integrity":"sha512-a+waJEU5n3gvZsqvSwbo6XmUtBk8w7uT5upvg2Ks+PU+gUV1ibZ21BEYzNY7SCJv+Y3g6/cPufX8oOIsn+VMEQ==","signatures":[{"sig":"MEQCIDruqkm8/PApGo7dP+g9fJLROnGOOsxYkRruJHL/az94AiALm9YzyhlZidUeme9uf0N912SGgv2zRDuZI8hxKQgI/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAFd+CRA9TVsSAnZWagAAmVMP/i+xwGGwdISbmtUWr8nO\nTP8V/P7oFRMBtYLUK2BYio2tBQJVBfBvAMxU7oWD0ygb2WsTfOTsGc8R+ct+\npQa9yGwy/EwAIp2wRTwYACQKZvZuXdh3GeB5h4jJ5dwvOiyY4+my5S28786T\nBa0IAo31iYI59QAO+KOk1zik5TgDmqq+hoOljJem3WqFmWAQ0IxHmE6puXcB\nFvR3HZ2sPeYFfnrOWHXpSamFNrDZW391ZkpeAgcRxRtp6T6nH/hQoeo7DISn\nrVX2BHn+0sOUy563yOwBMDqjaJKMhZ4313rtZI12FF9dfi7czeo6uxP0XMcQ\nC5Z/iFRJhqoX54zDL4HPuW5QxJ4ngXAlSg+sz7A6QXKqVDo9KayeJMeHk127\n5YIOLtTkouFllCQq/Q8gKAxS3TjFOBJDS+V9Ik478b/mCX5r4YOGbWo+yeD3\nbOW4uK32C99qHkJPM+wKYjyy3ZU4p33ZuXhxczTsE+GVLSKTt6padkjRhWi6\nSXBHwfhUnhX/dx2F1WaolqypEgpN47ml2nuan7PDJpZQlELTYPq1fSb/OA8Z\nZj9DjLZaN/5++JmKoCMhZL1NAwMcejSNelC4pkP4+UkDHrxNYQhMIx+0JMEU\nPwVfMlkDY5nD/lWN6GU217lkcY1N/hGhJpKCBJjJqlDzyYkYY+0Rj294AVGe\nVepX\r\n=InKW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2eba31ea1c3ae3c0e3497f3dae6cde368675a496","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"12.0.0-canary.22f390c43.0","@material/feature-targeting":"12.0.0-canary.22f390c43.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0-canary.22f390c43.0_1627412350394_0.985902838079667","host":"s3://npm-registry-packages"}},"12.0.0":{"name":"@material/touch-target","version":"12.0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@12.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dd7e13e3f426ba7a710be25fd11c4d5d8398d236","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-12.0.0.tgz","fileCount":14,"integrity":"sha512-DArz1xm00iI6adyhBEFR+g2xmS6Jh5jMI1692YsjiL09lgXTvQwVbXCsp1FtHK21D+/KoblaT0L9sfBgnP2sAQ==","signatures":[{"sig":"MEUCIHdmzjHh4acS+xEF6MIY4M9YKYDJ35uwIHLS4My2Ouw0AiEAwQCVeZeFlI80xLAf0zwx58BOY/qdiePouNHdEsNZ2UU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAGM1CRA9TVsSAnZWagAABswP/01+Cqe7G7aS/QeBuvtb\n2eARdRrU/pHXWqxVEflklswy6bTQnxID+Ilp02qSvB13g2UVIshbsfdEVBDJ\ntO0rN3l+x0rpo7M2IAAtQjII0L3N5EY7HyC28hdGyrAUpv8tVx/j5NJZS8Rp\nfMSWW7o+HddWvo3PtkMRT/VwU39QLvVfkbipl/5/GmdvlPIGsqOWTiqgXQGU\nmOMPfv2V1pFh52GJmZSoggGtJ2w2ot+riZWZz1FYKZP9YQRhRTR1wX0If49n\nkhrybx1r5LOCKP60BLUfLuhjTcJwTjUOovCNKHL1hyvIur82GnGotk9uclLq\n9lqsFEPJShEJ1UAY5IQCWWDKSIL7uSZ4tqy46ozRq3zcRreMIVBvXWlhBEc1\n96vUoDc4Oj1Hq00X33BPkoSp+9hA2Q0+BWpdLNt9spoUPrZTJ1IjpbTjxr2q\nbVW9KabYiB0lq6nSGo2O/BZa8NunpcE/MmNh5S73cKllbtK91TRVbrn1V+PL\nA1GII9YQLw5cBrMP/merdMN9ZvAkoBL83EDLnThhIa8KxxKtF6JQHEFs1Uui\n2lvQh9etn6870IMRMM0fluA3FXmQx0A35U7GKFPYTAoRIjtnFz1wa+2UK2Qk\nVtRseCUuYmDrKwaqGVuAJLe0Hr2DcG60i51iwtRAACGv1hPgmRT6DTp8nYty\nzjP8\r\n=PnnV\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"ae85f7eba0d72f4fa5f3e8669cd316336b3e6828","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"^12.0.0","@material/feature-targeting":"^12.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_12.0.0_1627415349515_0.5915927717669922","host":"s3://npm-registry-packages"}},"13.0.0-canary.ae85f7eba.0":{"name":"@material/touch-target","version":"13.0.0-canary.ae85f7eba.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.ae85f7eba.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f1cf6a39ffea5da84deb39ee0006b4b27ee95fe0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.ae85f7eba.0.tgz","fileCount":15,"integrity":"sha512-SPp4xVLj+4XfMvT4+qPDMqHJupgzYagrWLDjuLFnYiipuQXEw2RrkQQ6B9GrDX2g08lkCBXJ8auLehwPtmiMKg==","signatures":[{"sig":"MEUCIQCh8SmerKrFjXGk0pbvKwqdl7ZEPUihLhBnSxPhxYXzzwIgReuYf2QyKYmcGul4ZhbknVf0BSjHxxBKk0MA2S1Uh/g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAGORCRA9TVsSAnZWagAAFdQP/Ahs5aDhXzthaWAghgRW\nQyqRdNYtSoqNlqQklZxI5NOnisPTo24FL1krl3QFbFjgqr6+3S5UejQwdHEy\nsMhs2trNb/gg6Ge2c/phOZYfZ2RJDq7iozFEgj0dcL5GcQ83GRQXeU8wsnKJ\nEVSy0bugmw1Q3grWDRubbGVfYW4HoOb9w/i5A7iW8YWrUkmqUOZzUETHSqMX\nZA8psoDhUkAqTxfrey95AsHjVMtLUe2KgfgEzEojHFFIAy//weqqEBM2rrOH\nNR8FRcQs2UuesddCjyHlUr5jDQgwl9SzvdVV/qleHDUcIM36ztklZAZLCBzS\nlCayB2jyE91n20ER3Xopw77Y7V+w/yanseYMPD1FEKvCQ5F9GamTWBmx9J6Q\nzbOkKaiyOvsz6K8d/fh6aPwepFT0tatTYZaLMvtfTnECPiJ8mSXnaMA/kWS5\nF0cBWRemNzI+kkHj4YNwknptYdywrdz+tkU/WIIRlJ4+5H41l9EUcf8J+zng\n9UCHmwlpAQRKlwHCUO6OKJmwXNspf7Z8ImdMSuLTe9CZYiEpaSqHVwDZK1Iv\npgcevu9t1nkI72X4QniUZhdJ92sEsV4jnhtKnoWmaHiZWVFh46yrjgwBVIyS\nLW1e5iYq7Xqjt08O0Ha5kCT/6ovDH1DtuzEk+fh5NuBAVcdkKKYRNRDOcBUX\nzPhH\r\n=j6WL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"087c731cd84ebd8c578510bd4c8dfb5d11e8c574","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.ae85f7eba.0","@material/feature-targeting":"13.0.0-canary.ae85f7eba.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.ae85f7eba.0_1627415441658_0.30789933333953834","host":"s3://npm-registry-packages"}},"13.0.0-canary.5981207f7.0":{"name":"@material/touch-target","version":"13.0.0-canary.5981207f7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.5981207f7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"369f76487ef7bd72eead14eca85f0fb0d39d792a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.5981207f7.0.tgz","fileCount":15,"integrity":"sha512-jUrNXWasHJsaL+TxV/hJaZSEWRzlePe2w8YH/EeHIBjc0AzmOTnWTIU+a8p7D6h7Hb6ZascnNe+lJ3ajOJjw7A==","signatures":[{"sig":"MEYCIQCjjetOrY1hxHvM7kjJq+jsvJarPtzG1iYOSS8BiQcDywIhAJ4bzzkInfT5v8VA2oFZgIALCYEhjhWYzfRSBW0xUhQ+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAJQICRA9TVsSAnZWagAAVqgP+wf3Qu0yA9j4IyOwnaAo\n0SdDf+lTr9ZZvlkQte9SP8wty4hK+o3C91H/XamepSuFjSNHX+ewROMRdgLg\nl/MW90Ssfiomyji6rYW0uohwSIN9oesoEjSYkjnCiImo3UYau9gsiGctplMd\nU3C0NhYlivuHHa5xFiakYT1jSSdmTSuPj9V0AjYGRZAumJAbyMu36RMNOVdN\nY8ox3mdrEQSJx1lu9rRFWrikjLngawpbLECvnE10WnPYMM4yIDZC0Spjgc43\n2B+6GPoNxmYY/jo5219gy6vOz9YCr2SMsm1PCEHjRlcOiyztzsrJMpYc0WQx\nlsX/a77xpsnZJBuiPFUniNbcXUs9fwbColu4Q0nC6Cw8m3wDNgh2akn3WVH6\nBzDS9BDAYsd03eD4XVrdMh2Fb5zFpOwwU8tCKJLQ20CRKpXfERJe/0MdQ0Ri\n7uWzKhIcDj0ek3Hc4bo21GAKG/Oi9TLtuBF5680ybMTs8S/1kk96ZFaU/uum\n0NnJTbut+a6kh/ISVRUfT6ZTPuFOkqms5OEOUzzmGJWynAdhIM1Uj22u3eGj\nmOiBciMN/prV1HqaHZS+15dyi6+IbQtdMQxZMgNI3iY5mcGuwGqr1Z5mGnmS\nD+7TQVEdL5kIISvvsVueXfbrLE91C834BCfMQquTIBhDR1eMGv+/joAxI28M\nrVlY\r\n=oSVk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8a8b67c19b2a9f80923dd162098b373bbf34b58e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.5981207f7.0","@material/feature-targeting":"13.0.0-canary.5981207f7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.5981207f7.0_1627427848094_0.006285425110121201","host":"s3://npm-registry-packages"}},"13.0.0-canary.83bdd0222.0":{"name":"@material/touch-target","version":"13.0.0-canary.83bdd0222.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.83bdd0222.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e820be962389482d1e07b70c4e7df198b7023ab2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.83bdd0222.0.tgz","fileCount":15,"integrity":"sha512-H4wpZCtOSAn5FDfN4V2aZ9UJCgIYYGox7cBsJ40qXOjziiKnH8OxOqSYtmGV9A0ncZh5W/g89cIaO8fqCBmbLw==","signatures":[{"sig":"MEUCIGpKfrgwKZjViyndmKP8lrfoUl1wUslxHoR6knK8X6v5AiEAn04Xb5qypXezFo3xffoR5uUXaD0lsnk70A9ZbyYD390=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAZLwCRA9TVsSAnZWagAAcuEP/jyks788jVgmDFRiSuel\nSqJSvxoVGltZqadZQKzSbT6k6fMbnSz1p2wk/OZq4FL2UCemPXC0TPF8Nce/\n42b2bkHJZPlZzjBXLGrBg8IVbft82JkqHLVBJ29iEnfLBy7pBnq9pUswM8f+\ne1Hn//A4o6cPZQjKYMPZRtR/+c8dtBkEjBfEMl2qSfFud9KnnOjxWH39LNxK\nFyHkZOZE+QdoCDgxeg/8RHCODk+JK7TO/KasGrXV1dlkyJIVsum96zQ2stCV\n2kfe2NIDP0PxhbGMmTKLRz4j+DqCRBKy0mAlEG+aUHIPcwSie18MadzyDl4B\nfuYfdpQCKg3Rg54VYSNg9Ybnbzw0fHWT+gW1DNBNyzIuR/+lTLla2nKOIR1D\nI80oXXQylfGeOWt56yGbAKbyO3qE1QV66kq4SJo75QE6tWqsqFGRdX2GVca9\nKT1InhFU9bfx/vz2PLwOAH8phzpVsjb5MYq5MGmRCLmG1SMLJyzR2bWnXoro\ndyWTyaVnLrcs4AiunrfsvjgjT18A2DnfRl9GqwfDjbEU8Btg4+RkuayNQ4ra\nV425splrvBbdmqUW/rz9j6uCE+1YlP4X3q4PMND49QdcbUjcVbQXHNT/2XyA\nHKWXW4qcmYYKH+ZzX3w1ZAUZL9hkfXPJvBqrYHZV26i5gzn/TXoOlGxUsdHk\nVDJU\r\n=2XhX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1f2b23ad4bf20ade58cc1b10490e9ca3f9469405","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.83bdd0222.0","@material/feature-targeting":"13.0.0-canary.83bdd0222.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.83bdd0222.0_1627493103855_0.914794892759554","host":"s3://npm-registry-packages"}},"13.0.0-canary.28656298a.0":{"name":"@material/touch-target","version":"13.0.0-canary.28656298a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.28656298a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"704178073bd510b2de256d634ffd0c929a54ba20","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.28656298a.0.tgz","fileCount":15,"integrity":"sha512-cMf2ho+ihPyRefCWMANzZ9Kkv4mSxeKOe6uFdIyuXILBzs50J+TOyHb88ZKEQ239YYnuTnhbjkcaqmhGDKwvAQ==","signatures":[{"sig":"MEYCIQDp+Lkg1wChiXBKYrD8ilbKo4prFx4pXhAxaRRYTe616gIhAL5qJtruMbmkIuqFweeIM6+nJVjO0YRrYH/b8EM3buZh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAu+ICRA9TVsSAnZWagAACH0P/13gj+QrtK9jkcNB7ZA+\n1ftQSGZQzzDiB7f4CzDobhPSr+xtyY6fKgD64/C7frKlTHQNKw6/6yvvFbAF\nw1vEstX9EMbqKsxMDT6cbw3mfQdZHZGnED0QWhjfc/t8MCODU04UY/u5mmk6\nPefkdcXmQeCowsPrkqnwy7VWTGWxoUVAlI8DpjzOzjXkP/owkQFNei+ZpZod\ntEi/K2jbHRc0JEZplplQuYB3cLxs/eEmE2RTw6LpBYnLoeaelSthKMjm5tuR\nP1SjHfg4Bwaatrrv3oC0tN8CWkuv4RhhmD6LcDoGlaC+KU67rJp4NX26Cw+M\nONttoCVupQ7mZjDzVeef2QQ2wm50jGSuAKjJuHYTs76LKqimvfzHlaA0JBPF\nelfdxX3m9jYqdX35qvS/QD9H3Q9GBFzzZF3zT43uar7ApMsg/KFINohSJPPz\nbbGBTuifS2kgNm+KzDr7IGWkYuq4PsYmnLYQQc5KuYVkUatkwR6d9EV1pdOJ\n15cftXHskl6C/DseuAEwlx+Jlf1fdX7TAXLTgFOtwNdYePxTRutlvq1010S1\n2MxC26jamlCpHQININgxfxB5VRw1q9nntxlTxQj50aLdVWy9slTMi1GTnL1b\nlZ9rw6xD9PjVq4JIF627iSwn2jM1EOPYLvzxynK7xGG8+9jClm7hCBYzaKZD\nVTIU\r\n=mUTo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5fe3e7fec89669c56504c13aadf80a71a543df78","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.28656298a.0","@material/feature-targeting":"13.0.0-canary.28656298a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.28656298a.0_1627582344232_0.8465010738417778","host":"s3://npm-registry-packages"}},"13.0.0-canary.9e797daaf.0":{"name":"@material/touch-target","version":"13.0.0-canary.9e797daaf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.9e797daaf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"13e7ae181a967214a94be6d9d5d78d97107047bd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.9e797daaf.0.tgz","fileCount":15,"integrity":"sha512-idIBhSNSOu7r2Z+OIuklHClZ8mdrXhhzee5It07NDMCacXPAnKfPkwkuWZU/97MZ1LsvtbDYqQQkFl8cBBpAKg==","signatures":[{"sig":"MEUCIQCzWtYRuAfqMZW+1tUSMGZQWwQEml4cFF22C1dUaqP0MgIgMYm1bzuqxOVUkzGKmrSpwR3hpP3SjVJ4pAcSbtUBUck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAvS/CRA9TVsSAnZWagAA1yoP/jMfdbpzYim7FbyWWr0I\nr89Kj3JK0Xe2j8KHx/WWromIlhE4X+JsLgra6eDiBGTRDc6gz7lfOCsyq8Sh\npsRZvdmbfccM0tEeF7ujcqPyE//jystfPUaKipvwb/+pyJK/FlfVHN+wEoRj\njHaWfhSlg+gx1UZY/xk6jFnT2wD5KZY4g0IgAkeGD5ITQYLgXfVyW/otlV/+\ndp+ZpL9cbrZJO7KNSnSbeyy6rv2/s1camalMKzsJCw/r1Av4Tmpp5v/uHkdy\nQp7Xz7hd/QeyfJmFLv6yb+lmkCsiu9tfki0vpyW2GpvMgat2WfQ48Fq7IRpC\n5dvV7+CTzEMS0olt83FIUQwPGsAl63tcnmgLWxTw0rPx/ES+Ks31bwG6ex5L\nqp8hgrso4BX/9ogNz3VIEaiy5/VrWw+bXUk8n4XwmAS9lABj29E8so0Ep19B\nC5kr4BtXEBbWxl+ZSD5n5J2DALY3W4z45zDl+dIxH+JWCQTkHfkqr/54mPxS\n6x/jw4eJI+VOKIVstX7W2Ly0fhvEylKaDSvVlPtV/J0xP3ByPWuf0HkmNNlv\nzX/ZayMncg8vHsMvilotunsGrCSBS/vp2exjOAx61YaMBDrbXCnfMFfL482A\nnC2OjqyySNiDqs2PGpaDDZCFKwFtJGtwnyBb+rJ181UnRecA5f55CtIS8hRG\nqG2L\r\n=Icxp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cad664597e3cc10ce42dff721f26f40b986db48a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.9e797daaf.0","@material/feature-targeting":"13.0.0-canary.9e797daaf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.9e797daaf.0_1627583679043_0.25485521285241","host":"s3://npm-registry-packages"}},"13.0.0-canary.adb9f1ad8.0":{"name":"@material/touch-target","version":"13.0.0-canary.adb9f1ad8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.adb9f1ad8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"129f713a2ac33c98cffe616959c4798b5217379c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.adb9f1ad8.0.tgz","fileCount":15,"integrity":"sha512-6j6iWSB8Xzm+QyeoArwYLzCiDs1ObzwH3AFob73VzRkz9FNS5o2YdzyROE4iNRhirKsRUcfcg/R8P2Xd7+YZCw==","signatures":[{"sig":"MEUCIQDbZzD+wtaofpgxkcxMSXdHvi5Idf+nlObJm7LQG96OYgIgLbyX95rIUj6OLEtLa11aON5n6R+qyuBC7N1x4CwobkA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBE0rCRA9TVsSAnZWagAAaxkP+gJ4mtlLXRCAINjXFaIh\nqgFqeQtEESBXg4I5AdPObjPYSpTih7K0I0oiDLt2MJtsnL7iTeeEXxwxkbgE\n7ictYCh0bCYQlBVo7qbURM9bZhA9wMSKzPRVV/0gGrhf0y+ljRiaf2EK1Ntb\noLd8sRZ/yXfmXuQkT+/rVQJ4gnAKzqWg0g3upqtBtJOglyEkkj/ABbZgiquq\neXE6yombMAw9gcwqyGCDkoM5FiPSruyHvF7ZYANK9E47PN7KQhLKh0qtCKF/\n3M7ZtfLX9RF2/H9vcd6uzun9EWQT7apbB9HwB8ae0GW1/Zih/Dh3VSE5zZlf\nBorAplHE9zxb1PiqcooRQGnkWpKq8fWRXEV4/dCcxCQjH/WTHGozaQ3WE1rN\nkAsY10s60Jx02J8ZTQbg7HSqIg9/idASGF7FrnP4jH9dy8Q8d/I/Zbr+/yYH\nmPQU2lURQt/d9f96mmD9ESqbcsE9PJwbYKLDo8+PxLpp7oYS3IYl+QnsC2L3\noxilMEwulAKZfrVI66t1YQUi9N/lqPcrDaUNmiwLPQNhv8fn7H+OJtAE7BvA\nTcs8riQ6yXRhzzxwxtt6MjgTYzeMMKuCpq7JlhsSohnDLccVeBt8j5ggIGKv\nY+w0xSVXzCSwVuv7ZNlfbC9g+Z4mKXplsPQVUrUeMN0xMCoZV/riR1ezqBD1\nBqiC\r\n=Lok/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"db010696805aae457c8d8c9da8b394efff28ee35","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.adb9f1ad8.0","@material/feature-targeting":"13.0.0-canary.adb9f1ad8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.adb9f1ad8.0_1627671851553_0.8313119400247793","host":"s3://npm-registry-packages"}},"13.0.0-canary.cc5377458.0":{"name":"@material/touch-target","version":"13.0.0-canary.cc5377458.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.cc5377458.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62836dca8a78dc68fc958d4651eb21365667a633","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.cc5377458.0.tgz","fileCount":15,"integrity":"sha512-16ndtZnpjjKVRpcXIRl0BObXAhKGoH/esfgejK63Y3l7QNaYYnbppo0yFrF1+2JTSDVSlL4Wsm8UfFdw/OfSwQ==","signatures":[{"sig":"MEYCIQCTCmPNJucj7ivqfQjSWG1O+7LIidZ649uLmwSZxRHJpgIhAKHQgPQlBJrxYlMUzMQbflp9w2lIvp1QGl0z7tzavmfb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBG/8CRA9TVsSAnZWagAAr5UP/2iJoDevkkuoI5YPwpIj\nO9tidLkW3W52BDRhg5GHxhIV56bqisOj3CZGKHrt8J/vOp/qPXwc4cBtYhak\nVnYdYII6M/+ZkLaosOILYoit0OFmcZAmMmSNqxWjmX9AmbF40N2sxzt3qiaz\npvCCjJwOB8RQNkwA5VsVc4rhMkUF0d9N4Gsn4bwgpGzVjlZdqzTyMuPHUkM5\nwK2SSQfEaf41kq+lvkKfEVDygq3Bhtbu/tJuGtx3bE8l6VgIyu3/nw0b7ZGd\nPl1/7SkcON9ufManGx07jHklV+c7ubBlpw1LHHCMgkwbRisPKpeFDnAkyv2k\na/L7JxA8jIymleHLMJWTZdberx8ucgO/DIJq81eTCbKRxAcPyqB5PTNnwfFi\nEW7qXTziFUi7NFi4zYhhr9OT1a8EqSXoOGw9BEwaewZ9glvHlc38DFkrzcIC\nW3oY2xlBrsea5iVupJYEoS6N/KF0pHFG909vmlE8yj1gPCpJWMqay2oNmElA\nFHUyBky4iWJ5Yf2JD9zxBMjAKW+oQ5Li8gICEvZzVZG/XaCJ+g0+U47uVGf9\n4K55juz1FkPjZBgRBblx735vAHBboVzwS11h504NRkg4QYXiv8DsWmhsyhbp\nP5bbOmXqWKKYk/hIXvwsdPFcgBVHbIowDOkqB0Q7TfCP90UpkKH83vGK+D0I\n0TGk\r\n=tNAA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f4f5852cfac85d68dbd83665da839943c29dd866","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.cc5377458.0","@material/feature-targeting":"13.0.0-canary.cc5377458.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.cc5377458.0_1627680764718_0.8646624302182679","host":"s3://npm-registry-packages"}},"13.0.0-canary.a395972cf.0":{"name":"@material/touch-target","version":"13.0.0-canary.a395972cf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.a395972cf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8eb07c0f7da66ebdc2fe5b0f24522bd799b3f924","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.a395972cf.0.tgz","fileCount":15,"integrity":"sha512-BZQO8eIgpy0fN7EYryBorY+UW6gjXRhW2o83MAp196mzKvYtt5j6+DQ08GGThErjfLZRfFPESjWgujnbich+xg==","signatures":[{"sig":"MEYCIQCzKjzkuriDTXEzh5nOVk0IYK8SQacDnTtBSxkm1HIBtQIhAK/9ig//rrCYZbrmXub550+lfTEBt9alwM1iqabDHIeh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCbOhCRA9TVsSAnZWagAAAo8P/3d9albLzv3Ipc/EDPM0\nHjgaB3voIsiOIZXxhe35kLbCVcWnDbubXr9bLNzXiUmm7MrYXJnD18dtRT8c\nqhZw7qVHJLek/3pjEyQoehHlxgob+pqEDIex08XeqaGow0wyxzG9wgYieBC2\npoE+8sXTQbAsObJHvpMX907Ora5ZjRJ1MvOzMGk/L8AIwOJMLe+vMKSlkzHt\n1A4M+Q2z0PioCQlfK/MSUBjNbojSR6/EEvOyH7iZwD7jNoKyM97wDfSV/0oX\nTkl9UueaBLyPQciVvn8Fy4RE9S6+0aM+LY8MlAlOo53L9HawzgPKGJmuSfVI\n4JGk6ED2IDuvR5nUULlo3ubRybj22XkTUOlTjodkr6IiLkCxmRQh1pThInDI\nwt5DxyV2+0x/dik9q6ah/5/F1hWSXt3B7pLUrK/kk8V5qUKE3BpNyE2dyWXG\nJHi4jPH2u8VwS2sVUaf5FxmIuIKck3WuvJV8TzlPAeL/bKhFmWHWJX/u/DAP\na/mUMpBb5uDKB2ni6WQ839DnJyePnxZro2XcpCHyPneBmptmGUA3yADM6+VZ\nZ3wASx+gVqu3YEKpQF2BqEP+zWVx3jFB5mNifs9wBia7i+6TgJ2ia5HRSjbU\nHwBIkWqmntnw/4VNDBLM+yf36EpSsBytnQsuQoZlDXIp/i7emUFKGlkYbZtI\nv+6I\r\n=AEfv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"00a6b6110465620df99cf5f775d52a1054c91cef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.a395972cf.0","@material/feature-targeting":"13.0.0-canary.a395972cf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.a395972cf.0_1628025760852_0.6759422686849819","host":"s3://npm-registry-packages"}},"13.0.0-canary.7c96e6b98.0":{"name":"@material/touch-target","version":"13.0.0-canary.7c96e6b98.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.7c96e6b98.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"37b6ad6dda5678d4bd6be1a96c0f305564c8c3d8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.7c96e6b98.0.tgz","fileCount":15,"integrity":"sha512-xNwuQLPZfMyb6CNqMO2QJ0LalSTn8GI3VnxRVg6qlObSpphq2odwJvwQKfvsYofBsV9Mnlicxj1ewlI+9sRFhg==","signatures":[{"sig":"MEYCIQCSokJhPObmVRgKoZvn/0/eWAUSi8KWJj57Rj3Un9uWaQIhALSQ8t4Vu3ElpT6S0UZwIj3l4r/8cFiUzo7vhOuxZS6/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCb94CRA9TVsSAnZWagAAlpkP/jwQ8EN8R4+sXv0HFLmq\nQrLB8EiS1fkiFqra5iO6u4589EphxVbBTQuz2RxHJptjM5+AOs9UNTMM9854\nO2D83jNOwYCW0q+8K0jzbYSEMftwwaQ56iG515i4QfaoMOtsOdSAGohZTat/\nf46QOhEgHmnLTAoz0Y6GRfLhViJseU1EgYo6E14Af4Aunw9VAISoYADXIyJG\nsDw/GyB521rH4MbLc10vTaawVsHvx4bBf9NHXPhMROQdwq528T1DmpKimkfh\nGMrwbhYv8UmRSqASqKqyg/ca2H1Qz9soRSg+8t0Ox8X27wF+O1p6Ci+JM8lY\nc1upVtU30rCS9fC5+SirsHmEaTykrmYE/WOZzd0nDSIG1d7A7CJSHXzQ4wHh\nL2+ZbJS4ZyW9p1SfXK/Pkr136hOXd0ByaECbYoKgnsZkkR2DYThRIjvEEDHm\neLnzyiRNe+RzVxT/UsDBAByCEMOkQXc+TecVsgLwd3Q6/bRgVAdVPQOZIgK9\n8dbJ+/Q+dnqoCaeKsz6m1zr9PbJM82FzBwKYwXot5Pp7dZ5j1ZIPHzqY0fVJ\ncPiK+0i9OC6qhNQxrlLTvVgrXjFISo89vhXhL+QLhnJJRkygk7yzLs1cmNcY\nXAT64Z+LUiTOOTh0yXPVULj9u8Ul3vqE7JVlHNcmiaOm3xg4kSJHV/WMI+8f\nnTNZ\r\n=MgTg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"38c48bd580ff0facb66c28bf9caeebbd2a6a4033","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.7c96e6b98.0","@material/feature-targeting":"13.0.0-canary.7c96e6b98.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.7c96e6b98.0_1628028792676_0.8225363671858248","host":"s3://npm-registry-packages"}},"13.0.0-canary.a80c8b2c2.0":{"name":"@material/touch-target","version":"13.0.0-canary.a80c8b2c2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.a80c8b2c2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"49d8068c8217d46f14f6031ba1cda8f60533c166","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.a80c8b2c2.0.tgz","fileCount":15,"integrity":"sha512-yVeT/dl2ZC6Mo+/VFWoQVGJVc73bYJcqjL1SWHHG/cay63kFWs+E2jMsKMzjevyHAfC9WzMA5Y0YaePRtOKQNg==","signatures":[{"sig":"MEQCIFVLSFXfCETduj0h8mq8leGT86zQ0bpRt2ZK5VZQGdnyAiBKfyqfxm7NDCVQELLe9ZRcuTsSzfN3bOIkqXSy83UDuQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCynICRA9TVsSAnZWagAAgfsQAJm7zTfndVoVCFQh8W0Y\nYFi3Bc1E5R01z0PVjskYTEmZyv3jaGg5YpKCIkVhnIBocYoEE/E47QAsC2iv\n/vcSapnE83AkWf0abMKNZ4S4pMk070+TSqE0bJ4LM9sTQmGz9ZUROC/LJX63\np45D7ufn7K7ogCT+sBpPEBUUElrmssMzmqVxwCT9qIrmDdln0s5hYKfk9NOl\napazNxZH8cYDhvYS4Elx4fWfa59BU2Hj2afBcjkQLCQfb8P0kO3VNx4LkbUu\nXsGev3UdJ4U9Z7oava8AyXA8AnFVZtZUgnlGO6wGCv1FzykIhYObK0QQ+1Na\nKVkdSHpb1GkcyDaLnxsNtE1yT9jT+io2J33pYxo4BXoOpB+xl/237jRdS2D4\ninpb/D2bMQvEsczgCV0zwlzijV79Zpjvp0ijvUsxUIGa6h9I7oPGzo3NNTrq\nHZ805cv+ddfGlM3UYVpQ//XHwevQySAZjrdwnM3mGgjwWEDkalWtGOvxJ4vu\nRnJ1/GhJ6NhVJaTQNBc30HGYXhv6MCUE5e+LSb8jXm4QqY2PKE6C5ZvoimpB\nVTW9xxOkk/v9josKfBbHw9zXDrZ6QWsmBVtXLCeb6l8+eprYtdQOsbjfid/a\ni+glcW2Zcpm+H4t4l3l3H9Ia9IJT4ax5BNYuL0QhYseQuGYvWV35/yIlz8zy\nRrBm\r\n=KZrz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cb4d3f1d1d37c50939ed5269748eebb96f798601","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.a80c8b2c2.0","@material/feature-targeting":"13.0.0-canary.a80c8b2c2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.a80c8b2c2.0_1628121544121_0.8260189742440487","host":"s3://npm-registry-packages"}},"13.0.0-canary.3dd611091.0":{"name":"@material/touch-target","version":"13.0.0-canary.3dd611091.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.3dd611091.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9ea17255fcb1864bdf43183518c86886343b65e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.3dd611091.0.tgz","fileCount":15,"integrity":"sha512-Cx0imIxmcJuzQ0wP4+OlbBLyJFYlGtaxNgVgrd49E57Hf7e8T3G1rbhe9FeazuTye+NOoMiQjKNzrdaQlkJz8A==","signatures":[{"sig":"MEUCIQCqueQiitocAh9Z4WhL0LcD5Oxbxcgc54uOm1FWGSrqZwIgbUXNgXqILRe5PS40IWvKnRhvqfbBwKH8UQZvpnMQYKc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhC2E9CRA9TVsSAnZWagAAYb4QAKLWW7TVXrz8i7Iz8mCp\nN5Ct07qRIYzmnvx0Cufs/xFKBrLEoJtag+yAhzULD0825mHA2VaMQABHbbtU\nDf72Fbx/1MsR0l21BZGxzPKkDdrkIVwrOjs8j5ESXGw80B/N0EzoTdaHhAbL\nsrbskvN763TI8W05Rj4b1zD3Biy89vqmBGaLhdxK4ZXgovRteb2mCuuCCHJP\nODw7NAjOOm5AUgAzN+Mij111YFlxz2c9CL1wzMSOOrUifjEdIzurIluJ1qEz\nEfVXMHo2Tvb+0KdIFMuhcrul8cpTKb1XPKkFdAvfC16WCJlgJN6i3PqEiYda\nhog9kBQRceMxykzJmYuJN6lCauj/bEJ04qO4l3rUMc7Ltd9um83wzpa7u3SC\nSd2uGfIau+xMf6BHz0v/89G3BCO169Ssb6G0Br1S67hwuZdXElWE7VZyPBHG\nRbNHmeyKvq7V3M1mcbpOOXkDTj4XyjQ0n9q5ZX8Dv8guYDkx+R7rrM8IRMew\nJebXy85HQX0pyBWfj5AAl1DQJPB4eV7CZhbJMM2jpgiX3NZso1xrK2i4dnIX\nxhuRXlW/gDVtM8OuqrogCD3rwhvTbUVGamQDnu8PrkAX66s6a3dTtckt2l1G\nzD7SmmZAzKMF0szV3HoNQI93Uyqgt7uWMAN84WNaSEuLAaMmGIRshutNTPSn\nUOew\r\n=bWqF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fc6a6a59d9c86ac1f85efd94a4aa6a8e4c27c379","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.3dd611091.0","@material/feature-targeting":"13.0.0-canary.3dd611091.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.3dd611091.0_1628135740901_0.884394300186117","host":"s3://npm-registry-packages"}},"13.0.0-canary.5dee37ff6.0":{"name":"@material/touch-target","version":"13.0.0-canary.5dee37ff6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.5dee37ff6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d322abd46411f4d2ecd81df17af86bd5b7bd3468","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.5dee37ff6.0.tgz","fileCount":15,"integrity":"sha512-OELphQFymwTAk4Os5MazzolxyUip4He28wJGFtG3h6gPDJjdNBQuKM0KtgwvI678ReIJkvO2PGcwVYgWjyGEtA==","signatures":[{"sig":"MEYCIQC1zHOev8JiMnG4XrWKhH4+O5cKf00ilPL5OxK7NNyJiAIhAKFa4MPXkRPFC6xpJXMW/eBoUBvWh0tdhSLQ3VabXWqA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDCLQCRA9TVsSAnZWagAA8jIQAIBzByZqz1kqlnHl7eW6\nOhKR9vRHvX3EVoxM6EFOb3JBW4ypQVzAg5uj5AYiWf0f8cR3HLJTPx7vWjX5\ngPPmTH1geOAKPcL5EqtkbpgmDH4W23DZD5txaoZkuxER+m7Rb7qw2k7c6z7O\nX/xEIscEL6M9E9rGRSCdHJkaH3rrcHDoQulGm60gsDN4lB2fLOlq+8NVZJT5\ncnY2tnTDnUibkf27mVG5oKQnL/+jrX2JqI8PWBwsYC94UQbdZkDlqbZTmsE5\nPhIbMANPhd3mc4MOaNWZo/FA4pT4QDizUAukwWye3XaRLYSE7kL5RNkZiM02\n/oB8UHY/RpUYSjXQhhgx8TogDDz3kECje4u3sbtkJBjS6nrvMFfBYulu85ca\nO9mPIC0Waxn2c/iozV+Y0afsvgg3UpNyezNt0wGAO64Ujd3apJ45vObb8MCb\n2BbwHi6Gi+HZfJQt99ZeL0BibU1bdOn4byPFjrGGr57B/xNPNKqhlmtQpEif\nlEJE4Q38pLGErL+lB0sQg3ZktwIUt6N/Hlmi+XbBtzmdMQ9DSV4dqFGf0oKj\n0yhTyAK1d5xxeDtBc45gIw91wxcqpmVz8zKiMzgc3VmepRzBBKIYBLawTAU/\nUCvQv30GOiMp/RYjLZpzbghKwobxc7BWKvDf8pY/TppwjWuLKHTcNjpAyD4z\ngRud\r\n=MkaI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a7b521f6e807878ddba15c813505134621ef85d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.5dee37ff6.0","@material/feature-targeting":"13.0.0-canary.5dee37ff6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.5dee37ff6.0_1628185296594_0.9779494747617792","host":"s3://npm-registry-packages"}},"13.0.0-canary.bf405d22a.0":{"name":"@material/touch-target","version":"13.0.0-canary.bf405d22a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.bf405d22a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c911efb94e3915e0074d9e23654d0aaff241c0bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.bf405d22a.0.tgz","fileCount":15,"integrity":"sha512-9rc9QFCmQc/QNjY9qTZW3u5wqUbIRRA8185xlhklFkXUHkeFxj4ruFKOub9zQ6c1uhrjIEJzre67iKkZ+/RgPg==","signatures":[{"sig":"MEQCIDdD8bWC1uoyXtISzsYptGIHTlMETC9uOT0S7v2dRB+AAiAsLBEQ48X8EwCojC86nyQsMMacrY7YNsvhXF0FOisa9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDEdUCRA9TVsSAnZWagAAwN8P/i6thJGDrkWA3xXI6Y6j\nLjHdRguxkKlBVJV8vDxl/C0Pe0X6EN9siKR/O5hYtHMDLD37dAOwCNH0Gank\nr14nhrIsdiSdPBvaDqdTmznzAdSmtKGNRR7CJI7iSBxRuU9xA+m3Tyxp7ArS\ns3RL9VbYshfoLTmWhpR9Zvj7qyLdAAO8hdd7O5BHSeFNS+e015vf/1SdPZIr\nhT2nEK8KPm+Tn2EmZystpkq2+XutkNKTUkfduATwbEsHvWGpE2GV1GauCIsO\nAbeONYzg6xVDUK+I+VAmfRgU3p30pjjXIOo+7/oZe7D7eEHH+Uo/y1U0hhFz\ni9/RPXdQAqsWkMpkRZo8/dp1xi7IUqfMpJ1uOLUMVB2gjVgyRA7XXJi19swy\nphFWfGYOzOLsh54XSFuADC/hNTX5uePveaRuoIrZxew0FWRIKaFytl74jIXd\ng2BGmfnwV2Jrci+KSBF/1jCA6YT7SuHqS7mhAm+tpMKn8N4c2Ts6VRcCONS8\nNMDka12ll83Y9Qnajm0JqB2qRsRkHp9Oc9WYQ6K8JfFed+oH7TmiYzlSG+gV\ncK2gPk/Fi8gdvogKVtcTO8NDcRrV8n9rSdBplKPuV4vXIjH3ML155OKNmmjI\nPXYWwCcQg6WtVbfXL5a1Kd9+ppC2RIN7k14/lXUmqX0fDCmjPKYyQPA1DW9l\n8sFV\r\n=+KNg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"00ae15a245c6a46fa0a13aa61a02e5958c0eddbb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.bf405d22a.0","@material/feature-targeting":"13.0.0-canary.bf405d22a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.bf405d22a.0_1628194644551_0.273048077811042","host":"s3://npm-registry-packages"}},"13.0.0-canary.b47dd37a6.0":{"name":"@material/touch-target","version":"13.0.0-canary.b47dd37a6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.b47dd37a6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e70d949c42e23b97b88ff97b8b8e4c2999a7e22a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.b47dd37a6.0.tgz","fileCount":15,"integrity":"sha512-6ygBBGGSyBelR6wHGWsoeQc6MHyPo0hAOYl2A/isaseClaIvRAvK6FzfbYbjMvTFLikQaWqBUjQGES0iKnbrWw==","signatures":[{"sig":"MEUCIEAsm+e+FUDxkzgE/LpMIGHJupU/7xfkgNnhhddoUDVnAiEA+HF5ArJZqJkMEI/P/PrzwYyRbRoxFr7LJ1mb2/BW7pQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDE7LCRA9TVsSAnZWagAA3O4P+gMBwzIs6wIMLBT9vnTj\nWLaxCqoCxv97Zh15itWRTzyxoLtTQ5XjgeLBT03MHnVIzS83EZMZJO6u6frR\nJN+idvYGmwCu3BwrNTrl2vDRi9hU37dUV3ko5WBVFdBNL69Kd+SS5A8q6NhY\nqTfPxSKf/tygy+II0zfAMdH+YJLvJCbXpEe11sm1zvUvDsfa82JPYelWDVmk\nltEHaTD7uaNl8ef/HnNm4B+zaF4oRVQzL7n57EUNrF8RoIlolMuzT4ZINX3W\nmjYDboNJyC5L26VHCR53PHY8G+ue5AlCtMuz6mR23JI3AyVvD3a9BIEpuDav\nmCjs+x1yiwJmktAOC4i4uw9XsUX2ebJvHh5yfT5yeRhV9EsDdeaORlEWa0kz\nSi7/dD47tmQb6LS7iDoq6z5+OK35f2qdMyVj3H6QQX3YVIEHjKgjUSuKXN9s\npj/ewUjTl+vlXQGFiOAWkxgYufQDegJQum2L84YeeVv97TNMNvsagcDwyufs\nPQIBSNX8Ltbb22+rluxaEI/RmTAKHfbIMcX+CzvPJJP9pRNY/axT8651xCnC\nh7EYt49l8iBgwuZZRTMP0FCIToLBJnvbh/e6zShVCYBwiARXFy0lSAEYZzGQ\nAKliT5YLpS8UghdYBKS/Ia4k97itOf5PYRyqDia6Fx77cbi3bt4qkvGHM0OS\nBWja\r\n=uNrX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"47f67e5fb310c13dac39b9beefbd6b53fa54d1b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.b47dd37a6.0","@material/feature-targeting":"13.0.0-canary.b47dd37a6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.b47dd37a6.0_1628196555124_0.14793692214790677","host":"s3://npm-registry-packages"}},"13.0.0-canary.6c82b965b.0":{"name":"@material/touch-target","version":"13.0.0-canary.6c82b965b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.6c82b965b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c1eadbb335daa13e5a078c6f43fe9f66275fa51","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.6c82b965b.0.tgz","fileCount":15,"integrity":"sha512-1tqDR1IwkipRuxwyW0MaaxeD/6OT47sdaKtbaRu98HUelXijNILoFCZ1t7snJwa+1kYAupe0VPxX55mm/AwklQ==","signatures":[{"sig":"MEYCIQCtonj9bpUIg4O95OzvTssZ2ItEc2Lddrmh1FjllNvf0wIhAKWF4LRzlImQHYO2aWw4z9a/88aBIw6at19BIW91LzYP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDV/RCRA9TVsSAnZWagAAh1YP/257TLCO1kN4xIn0mYcW\nh+P4LAMX/6nRR5BnsAapMf8q9QQWnB/YazO5v0+BTrW6h97btXUPc6M2DUlf\ndfTFbKPLLYdM6TNwQk3qJM1U338gzchwAbWevI6D8rYGNrH13dm4gTcSf6vt\n/WMHAL4gw3/SGsmEK7buvg6UdCzAaxGGXJ06G7awYUKsaHjgBqh6VtTEyUqd\n4++dWPoOMZQIQ4waOFOtH2jQ3SyqAf2CPYXXKvuwSVevE+bv+0zTFA3QaBBr\nBICggvmqoJP2D1SHWOcSY8Haz8/Jy/nvcQmfuhVKXuQ2VAoMamHwGPG54FX4\nvyhpm1kxoRSJmq5MTIsv0OnZiFQU8glGM78Mcf3o/4V7X7UHi6eyJ24Wftay\n1cmC+CA6whimvp++bJyXb+v/RqSCJXDAzIEFtFb4jqKoXLIk+PCY1++ck0N3\n19g7AmIla167kXhv9PTsbF5TKuqnMV2HXo2cuY2iJJrgdrYhiNMb5RLmxYi2\n6Tgz4mokJb6lEJKZzJm59dDhTkeZ4GxnKDEIxAcHmI+CJIa9aiMt09p1+lHO\nT3RhXVG4LBGAt12ZfV7fWdiJUVRHFjtMdfpUX7aCYwjtUde6xG7NZVOfr/gT\nSdEpYmf9IloKoVMLc8/P16Sl21Gglig3Oxqrojmt9/cN5EPkObFSxNSf5lA9\nUDVA\r\n=De3N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"434420b9fc9470dc77940d2240234a564be58d02","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.6c82b965b.0","@material/feature-targeting":"13.0.0-canary.6c82b965b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.6c82b965b.0_1628266449678_0.9512587233772958","host":"s3://npm-registry-packages"}},"13.0.0-canary.4ca11fe76.0":{"name":"@material/touch-target","version":"13.0.0-canary.4ca11fe76.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.4ca11fe76.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"48ee09a7afa1f1d8f4ce441ee64454337b2d3b72","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.4ca11fe76.0.tgz","fileCount":15,"integrity":"sha512-WzGfKUeOiqfCiXTDdUkD2ECHivT5Kz8uFumhehvI181b5dNsJLfGfm+k5IHSUYFCoXbNQglqR4LH+OckSAW9Kg==","signatures":[{"sig":"MEUCIDD0ky8Bw/gQ+fCIIyQL90KzVMjwbIWYN4lC90Ju7MauAiEA+eAbhO4nM5s3tojp4HOF5uqXp2F6cFdjuj+oNGOPoqI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDWwjCRA9TVsSAnZWagAAqq0P/0f4kPhh7pYxsyqEjKAt\nk1VVcHidyWY8YIL+ISii+NxxqRfc69y8pzW4ylrfI6/23IOKUQP0FvEsH8ZR\nMQlEp7WWdMeGgZfxuWpzEFL7rx8pcZeqZdB06m86M7JRNtTvoqQQRw0GtiGJ\n2YF11+8AZaGoIirrirzkUPYxgSqLFVVueIL+XIH7dhseg/XZXJKTJB1psI8T\nKkmy0OWAbFS+cV0mWObhkPQztLccuFfxMrQHkcVd025bbUhKKoRRNgGrzVqQ\nvur9ZLp1838E1YrE7+YU9Mb7z4/QMx/o6tE2u4PxO/DB08y1HJ4QhLqjaLoI\nAtzkEL16c5vnzKMR1Oqb4YfY3bXHViEtlB5p1siaE4WghCUgQzbqY4KHE2gy\naflQcmrL5JhHbw647nIvSBvSSUeY4bPo3K7HjZgcpSVOQUGMWRHYjuYOeq1G\n4R1imkFlNo5FJ+odnmJdHHtv4Ek0oAclKp9q/Q+H57SlEULmehJLpd2AC109\n29xPxCSqjlZP9aHT/hD6qE1+zvM7u8ltLXQwCR3r+XWpC1tZ7sEr2UGTgkFZ\nOkpd525yToFsZ24yBopNmfGwhl+myFO7Ynr+9Kr0HtsQCjIWwpOoTvRiqGbZ\nX/vnjBAOVMe74ruvGkKpmRnl7wN1E0xMpXPp9f4APzaB1p3YQ495KyOPO+i0\n4ZYj\r\n=tPXX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f012412147804a7e8c4bbcb205a7a48a045cd694","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.4ca11fe76.0","@material/feature-targeting":"13.0.0-canary.4ca11fe76.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.4ca11fe76.0_1628269603317_0.4268775333004793","host":"s3://npm-registry-packages"}},"13.0.0-canary.510cf90f2.0":{"name":"@material/touch-target","version":"13.0.0-canary.510cf90f2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.510cf90f2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dfcac037fa2347ac60e0450b9e9ac04edac0ad60","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.510cf90f2.0.tgz","fileCount":15,"integrity":"sha512-z1UsQKu0CR27KXP2bnnUCIBhRGEPfStxZS23MysnOhpKvKHr+zkBuo3Wp42ZvfNzjDk47zZyTmBbX9UAPGbThg==","signatures":[{"sig":"MEUCIQDCj9oFBVMDY7QYm3Ewz4cMDB77Z2LAnj9E+FuTYAlABQIgc96/uGBbCKmK9kZD6ET4tK8jGI65az8U9XfnAqxmUZ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEWL0CRA9TVsSAnZWagAAVOQP/3RcBTJQf+kB1O2g6fzC\nG/i8RUyPqY+LVCwpbT+GoBzMJK/esPjVN6GHjw81PIiacTBJUnGbEtBxHWP4\n3QUKNhpGcoW4qWLOTmtYjkNkr8Z5PXwr3+yX8mK+joL1yhRnu13mbR2miQUR\n2bILwoq2+TPejxTOL7fmen8harPi+LeW22su2Nk9cXYqmqoQClxgw8Lib+kB\naMt45ORZYacuX+rBIPlWTkf3gWtudRM1lqPgShacNpRXRMnlO6G7x0ee7paT\ncZ0jab/oWJ11Rwhdt5LpPZNuJYach7jMWOD6Rd5QQnOPTkfRe+1YVk0qqMpi\niJ7I4z5MvTdg993Yx1wLhjez1qnktbuhK+0EfQ0/Rwo1PLbf4/P37PBp9gyW\nok8oWvSpLEDvL1KAsvUwHy5lE7XPB9zsgFvDyPB66gPtSB930RmzTYP/fyTH\n/GxV3QuIAJLrlQuZKW8ySJLdWKe7A9+jRUu6dN2X6rRAyKWyVE2gHrlm7hPo\n9W1PL0Y7XynYKgPxEDaub9g9YPokv9b/llLBvlXXdMdBaosoQ6XmhGa/qPnN\nDaJ8hSyDU8NBjBh9pave2vzaR/VgFx2COgFuR/jkri/yHffNr+3gF4YfPLLA\nfK7hpg+6+lXJAaWVtl9azOikpT1PXxQ/x9A/cVonT4oEzyATWHIjc3NhveFj\nRSY5\r\n=hIkS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1e11d1f2c4c830419dc862b62700d4484604a3fd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.510cf90f2.0","@material/feature-targeting":"13.0.0-canary.510cf90f2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.510cf90f2.0_1628529396047_0.2763608021532993","host":"s3://npm-registry-packages"}},"13.0.0-canary.17580ebf7.0":{"name":"@material/touch-target","version":"13.0.0-canary.17580ebf7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.17580ebf7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e9bfc8ecee351620aededa1fd50febc9f39e1899","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.17580ebf7.0.tgz","fileCount":15,"integrity":"sha512-IwXbqVy2jh1LS0e4bjmsp3rgZfzrP3uL+VtUDEMxV/b4DUDsyJZVjEMBI0169C/Wuq/p7Ux9KtBCrqBQh35HYw==","signatures":[{"sig":"MEQCIA6oDETyJkpO/iWpWLEXhxQpySAoO85yWHssWkkCgMfaAiAQnZeCEpokJWDDBXeNXKtZxM+6yjkb1q5l5QtTbfALIw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEXEECRA9TVsSAnZWagAAJV4P/3xzuLVB/LTfzt66gnKg\n96N+T1MIF9MAaTGBI3oxw0p7ZFwTEOJkzwPJs+6hONetVHpvJvMxCDmQP8LK\ns2NZLUEWMVe65F6AG2CEYe0cnLzu+K3Hq8EuFxMxQRBnrrhsWHPhP47Z6qzp\nwOUw4p96jDjvIlrM45zlk9stN9H0aV/+bUwf5arvdQE3AxeLxqIygzSdPavN\ntEVX3slsJ3Mkv00cetJv5XijghVsxaMqhHa7VX5/vZQsowmlO+jAizVwDGqe\nr4z7yx/Sm7pETCEVnbi7gzzq9hKLeJgn1NmdL09bOlxlDUkhCiRo9h+3mPWH\nxGkCfrfwxGLsBZFrLln5h9KFoEp7iSFzCuj/2D+/PQx/N66U33a5gl6HiT3H\nFMcch6lgge+t0Fr04Kkks7g7w0pqmQOloBHDnwVunwXz6quXvgRPBhdMkMBv\nPWY4IYwTmGvCSTUNjCFTlLkXQGHd9rK18LuOc6w9N6/nNicleOm9SKcalSIi\nDyiYWjiMDTB+WCNHiEmY3E6NmLiEy9+6+aP/9i0nS8kjujcr33bNYgk7s/NY\nZusv9zn683wA1SU9JQmgmCRcR9CHU0EDilGME0WjBtt5OxRlmliR6gcvlv4b\nSnknoxpovNsDZYPzuHEnZIBzOZ2cr7B0qTEwtsMuR7LQImgPaxmPlyNSqSz+\neSQ9\r\n=2NeE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5bde42052101fa1fdd48d89c3dde8b9e99bdd1b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.17580ebf7.0","@material/feature-targeting":"13.0.0-canary.17580ebf7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.17580ebf7.0_1628532996668_0.5315953556646349","host":"s3://npm-registry-packages"}},"13.0.0-canary.7249a3060.0":{"name":"@material/touch-target","version":"13.0.0-canary.7249a3060.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.7249a3060.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4779631eb379718393f719417bd9cfc1bd73736a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.7249a3060.0.tgz","fileCount":15,"integrity":"sha512-cXbK0GP1t12xfg6Mthyz8wRfsAZa1+k7oNOUTOL1ESovyyUjtYnvMx4iodp7gooGADnr3mNnS0YiNpfykG0urA==","signatures":[{"sig":"MEUCIAacxEuMCLRXbK3ium3c7ZYrZiQkwC0UVxAdzIpvQyhCAiEAxnl9eGKsjUhXumV4T1Mv54IZig/DTybXCsYO5soK4PI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEXIECRA9TVsSAnZWagAAZ6kP/03qo5564eiBVCvzJRyH\nzdkm3P2pU05tdtMvNVusoKBSi4amKsGuWTa2r8fjsip/Gk/Q+6/LDPYJhAiR\nDnAzCDlQPliIljCji6Miqo9oYIsCdLup6nEZVY6McxARt1UThxyHjQguss5x\neHWKkQnMrjYAz9PWg6Omj3Pi2PplhpE12MsluvYwZQHeEV/viY5rPqiBld5m\nhpleWOhZDbcWiO/TZmVrervQxrwed3xEbzr+MH4tf4bMVfTuuPl95yedp2KR\nNjsfwvRGq/CMS2Z1vu7a1Uq+I55eKkEmFjARQlKPt6+rD7LXlYHYPyXo2+2k\nL/s2uwLx/fz26n6AZqf7BDGCLd8J2MYUZWpP7QXM/zH8l2ISSR920Q8bsnU/\nTv5K+0+qK62YpKPjl2BYW0uA8wxSeEXedgK6cga9cyJiJQaw95RFdBTBRaBZ\ny1zfGuXSkzWip9KrIyuU9VYl7XY4QgfKsJQs23xcUtSTJKeXPHQ0HddAJC5n\ndJldNWsFSv/PVf/Zyn16qvlQsem+8PTNG3ejf+dPp/3ti7j+MAb2ru/b4pk5\navYPwYcbYIA30/ReRK/3K1+XZUcdTKNmwC98ej8eBEHHwKd5kfoQOvyKKOLp\nVSbJY7KXUTQBlskT0nQRjOXx2ZBEOrHT0QfD57+QUzdzWUecX/UlfzvXg1OY\n0i8I\r\n=sSM4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3412ad644836acdf464e70d019c36080ab377321","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.7249a3060.0","@material/feature-targeting":"13.0.0-canary.7249a3060.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.7249a3060.0_1628533252024_0.7534042736720186","host":"s3://npm-registry-packages"}},"13.0.0-canary.4c405863b.0":{"name":"@material/touch-target","version":"13.0.0-canary.4c405863b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.4c405863b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b5c7768d2e43dc8d4f476144318e5a0c704f5b44","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.4c405863b.0.tgz","fileCount":15,"integrity":"sha512-0R34kCy0Qh7wJWhV9d+fXwLrsQStq08SITQ18W6ib/tekmDnMJ/OlNRfvtx1Sq2qX5P6+dRFL3Ti3BmAJKtAcg==","signatures":[{"sig":"MEYCIQCOFt702eMUxEE5uFBxJ16AI0AOE4iParndVV5AlbUqzgIhANm/atiqxGehGqduPnFsXGsh5vZwcaJw0zkZTiUrtxAe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhErn2CRA9TVsSAnZWagAAblIP/juuFkNMyrrgJ+8bd27b\nQeEIdoJov0RWWyQuJn75w5oo1AloeMMCLd8P1qyrRPDQeedbPzungZxqfu+N\nx19skFVs0zc9ghiJEVQmJ5OXTzz5WOonRk5mO9HraSKQig3FNV4p/IKn7FoX\nojzl2R/kX+y4q0eu47ceVvL350Vm974biL3evEUCbZjOUgpJD+msydAbUR35\n8+2lk/j9OKIxg1LIEKblox7ZKK4e3fsuNmTZ44+S73LDpmBprJw9V74eqgd9\nxsMxy0jXegivlM4Ikeo0g8T6kTVhGm82FT+sn65bW/DF1TYWmuBnkEOVrEgD\ngoTG2x2E/sSO20tb10+ZuTghXjK9mWmAfuCD5IU1HDEv5lQRSyivV3IEbdeD\n9jM1S7azZJzKdkrTP/+JT9qaDiWL2ywKy7D8NZ6UF9veAjeXQs/KazV3sJiP\n2fn4cxy3Q1uFH3sBCb7n3EGgs3CikKVJdD4tG/jtBGHJIFsYgla+PAXY4BJS\nQvx+BuMiEZwl/jbKtlbackJRE4oMdgOpU5uUb2Dsts60KKVcHuWwAfm0KWt7\nRIgacJFyqfSVvO+botIeq5c6EX1FMyswXpqifbh59RqG09oXm8B0rg5EYlA0\n96yzH3/UzjIwnxe1WqlmBx7u2vtdkf5Gjn8EVCxc+MTiKA5QRP/HbcW869mX\nmbd+\r\n=iuyg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b3861554313a19a861a5f6850f9df33ae5bc42b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.4c405863b.0","@material/feature-targeting":"13.0.0-canary.4c405863b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.4c405863b.0_1628617206213_0.2662956600433155","host":"s3://npm-registry-packages"}},"13.0.0-canary.f4241a42a.0":{"name":"@material/touch-target","version":"13.0.0-canary.f4241a42a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.f4241a42a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d1d5ef60a8dc1d302a87ef50d1434e418324e93e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.f4241a42a.0.tgz","fileCount":15,"integrity":"sha512-tQNwiBPpJ2dQhbB1bWqHfYUDa8Bw2UYgbtndkQucFyD7/P4P0fqdioQ+LWeQ6OcmIzLgPfHVoo2+GaAUQWjylg==","signatures":[{"sig":"MEUCIB2BwZG5ZfbLtjydDffLpe1mWE5cW/YtnBBeB0DX+fEzAiEAgi2QldObQIlI+seZ1AzuFApM8nmO+1jROWOeVOuLw2M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFAHHCRA9TVsSAnZWagAACe8QAKGWjp+vLWKSp9DEfPkE\nsnfixrUTDsOpkNaLGeJLzvOPMZ9Moix9Q+jDRLC4LjtAusVlRiQ+VWixG58E\nTnFwsuigHeQ21iVgGm3vyXtG3XEWXVoxmoq59iFcyRr0S1P3XDAJ1jUqsZeS\ni1AmPlU0UgnsfXtJNmb8f4MuqBJIxNZ+DZlP2Xe/RGwhw8XUhXuzJQKW5OqB\nS1Hz+H3X308Zm2neuMIcTRhIqYgQTsh+7Elj/lkxuuGQn/DRHSrMzbPyq32B\n73k2Yh7k7KpmHV2IIbm7IPAlfEz5kMkT9q8CjTbMtrDxWDymFNY1JoK4Vgsj\nKs/YUY+726XvqI6x7+l9h++k6Mo/Z0f0tWC2R40jG1Qlc0FdG6XQAAUA16G4\nn/zkJjQmtyfdg225d82Qh48z+jrWUuEcIDQsTOJuB0vePN13pnEn0MAs1aa3\nKihAWpadyngur/S+oNJgycfxO6SuNHHkCMEN7hBON4qELYmdwmQAUR7+gVOX\n1dZJOVI3E0c3oLa4/Z57Jzo8XB8bMOWd7Yqh8JeiXKNUqLDo7PALPR7RheCG\n9xM3jN9ojCGOgugK3JWnPIoKe3zMzpyA+agtHDW7/1QsoLlgZjsbKrwfGb6Y\nEksqebkdMOPglr11AARLRdiJrTPpRllswK+VcaraMkPkGOSY1mKNNMwR7BOw\nDuFv\r\n=WtDX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bd97e42dc6a97fb74d92a9cb04e919c5c8af4da6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.f4241a42a.0","@material/feature-targeting":"13.0.0-canary.f4241a42a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.f4241a42a.0_1628701127102_0.9209177624843778","host":"s3://npm-registry-packages"}},"13.0.0-canary.0ad12ed3c.0":{"name":"@material/touch-target","version":"13.0.0-canary.0ad12ed3c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.0ad12ed3c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e8cd3c6d5a056fc49a5075ac296a2d85c251740","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.0ad12ed3c.0.tgz","fileCount":15,"integrity":"sha512-fKDi2BKd2jareR/C/zCPDd/ytfPRgMmMxR9eOdnI3aSHTpVhq+5qMPsHiosiiWNBylgLJkQzxr4azzoUU0qljQ==","signatures":[{"sig":"MEQCIDrpZJp6/fBZneEiamqZLCE5Kn1CLIHmvt/1wJRoJW2YAiBigwkaS11ui4RLKR2dsuHtPY5Yu5tSX5/dfNPvfTH38g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFEDqCRA9TVsSAnZWagAASSYP+QANQWiw5tOzodPKzv8V\nQwXoAWxUA4/Vs8sPfUKyBLmMGGXGayvrexrOMkbROiKEid/CWW4nW0p/ITvU\nOxCMmos4SIfs2AJ/GsIsOtfe4o+26q2DTDMfaeqqbECs+CeCIuS3u9C3/KQN\n2ZeFLmFkJ8qD3zlXvxAE7SBcaKcu12NOXw5yG+FbHGfKvHIn1XoejzZsYVoe\nwx62zVtCuPhHDXaWxBYiIXSazCaNonap6nhb3gic7f70RVO7tLiABfGIsHRV\nJXdFviCmrOQX+Qrp7HBy5HG0IUgaa715yeByu6EXrEMwVpqPYi+HpY/Oz59U\nHlglTCVNXf6YLDNy3jdT7cE5oeAuRzidBreMzRmHj4aIobulyKeTVJ3wKxOq\nNSPGH062I03DI8OknDDsPoIOI/+z+QZu+uP7hy/dswGdMCY6go/yDVKcI414\nyRAbpGRS98zuK3+qIKFsSBLJl71M78GhQV3YJeEVU5KY6fLASZO0z6YQ3WVw\n5Np+EAyQBBjL1KEMzSo4wmQib1PqKcPZOP0CgCenHwS9xTM5cNG6HG84Lr6e\nTJsBDP2nx5Nsa3gnyOwdyxGSf5K48PqoAuyC5GpxT0TBkOCcWXMe2kPi6pfQ\nNMWutzJrBUXXTR6UDnd0EDzTIu48af9VivC+uqcYunL6nllMX58+oe8Zjgnb\nabFm\r\n=q4sa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"db28e7f3596365b1d41f14b53d656a743eb28bf3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.0ad12ed3c.0","@material/feature-targeting":"13.0.0-canary.0ad12ed3c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.0ad12ed3c.0_1628717289939_0.027884490002346052","host":"s3://npm-registry-packages"}},"13.0.0-canary.077dcfcfe.0":{"name":"@material/touch-target","version":"13.0.0-canary.077dcfcfe.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.077dcfcfe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51aaf29b162dcdd23be9c188da725550db765e62","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.077dcfcfe.0.tgz","fileCount":15,"integrity":"sha512-ikysVk/KcNLzesyPLNtG/1C3u5xHQQmKDBY7AnbncyQdfDkDMgpiGd9EIZY3G5IX+WsWiYGo4xLuwT6KHCmL/g==","signatures":[{"sig":"MEYCIQCrSthiYRfATp76txaJoMWHyna7RP1B/dJkZ5qNbcgi5AIhAObt72V0ZPH+Q40AFscUjqwh0pcdeu6499teXO2A4jK7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFWBfCRA9TVsSAnZWagAAWvUP/2NbOxV/Uzb/HXdW/RTp\nldQvA1R9YyYTtG+tqCukaMXWaLLO0pQEDYH7gPIIZyTyVFsHOTX/OhMvJ3VX\nRQSqQBPerlkn89EfZnsWEIUHO9sVWi8tg4sij5+7cyc9uu3dqR9ToOzbka6m\nrPEMTx9zk73cbQrANnBFXVDVZZixkfmcDyyQXWzuKg0zIr7p+rlfqm9JkacC\nPUcEbghaHRHG0HrfFeklANdOalRwyLaC1oip5SKCRjBbnv9HFuf/L4O/v8vs\n9mhMP8mxCQoPVEqsd9t7twDOeStQrZM0j3YbZ/S/Zg5UwnI7ZLFArdGDKssK\n3/Nwx2YjX5Pp6Gu1tImG8+ic48pEcr87waoeXKg998OBdUGy3tCLdxKm4qUY\nWc9xcU5YLzgtAS5025ATjoR+aLbrDwGYg2L6fLkREmBOSMTofiGEB7Iw2G+r\nK0KPEp7KaNzi9DpguBqo1eJhrNfaBVyX0Dgqpp38YzrqFJBzE3QlvJ4l60qC\n04uLMZqj4eqWkm4xynWN0s/Vy8LfMgGPcn97tDSC4Sk5c7q1qCnAsUvyGpEJ\n/o/Iqiy+yryogxHUEsu68RFjmi6W+gQbBhd4y6qO0iYWYUnk46+kKl7ZOXZd\nuoog3Cyuh4XzyCR8pwwX8PShlEFZ71ggoGVLBIqZK2TLZEb9SQCKWt9x4qp7\nd8uC\r\n=i3Z+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0ce840a62c702182bebe1a5f2ed037bc002472dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.077dcfcfe.0","@material/feature-targeting":"13.0.0-canary.077dcfcfe.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.077dcfcfe.0_1628790878845_0.6562785720728612","host":"s3://npm-registry-packages"}},"13.0.0-canary.e3346766f.0":{"name":"@material/touch-target","version":"13.0.0-canary.e3346766f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.e3346766f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fcaa21624a3d97a35b63bc8fc57ee000f4c24de1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.e3346766f.0.tgz","fileCount":15,"integrity":"sha512-YqEpgcEyiTkPKxh1QBCwRuqizLDamACoPmTDdnfZljseSgLr9glFUwnBOI6U+/Ch5aTpa0zZ3XcbvIwQVPVyQg==","signatures":[{"sig":"MEUCICAkxtrESPjoPiUMA4y1Prl2ASMRyUJ5HtH5U8aM+ekfAiEA5hpoaLTlPrKMb+viIJNgazj9aBWsS5j/xwaqWNs+RAM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFsulCRA9TVsSAnZWagAAFgQQAIvOTpA1+oo6ZLqhZN+u\n2V36GRoli6SOpy9LQxt4bj5c9D9WDXkCqEFO4zMLa0cRCMMVJOwBguNjg2IK\n26Bqbe9AuR73v8M3RuY4odODt5dlk7FhXperWHmZHOvdPL4kDH2cYTih+srz\n4RSdsOjjmhAJT7orHI00/7HxMyiHa7YwgWAxlG7K3EgYc23liKOnm972kWMC\njHz3O1FYCcj6mqgEyGEb8RjC8IC6n6d9PYdpPUJT0lRyeeWwiaekh31Z374m\nalssuVlexRx0kepee0TMGliCD2ptcHKPhKXKghMf+Ot/kBGc1jBEspFcanUk\nOvDHVXtFNkOpliRxerHu6eTFe4vdZgNU6WNShUPZI1osq3OsjDWuUcncXK6k\nVO1K2ZDDnL70NLySDXUKn5hyo1zNdQuzQKdDqF+QnjSKKchPRHlyT9rDj1+k\nTQzidjT09a4LFR23gzr0UfwyTwSnoIBap/czTh80YVshFxiHekM4v2rD/Gtu\n1RyUwaQbC5cBwn8GFCrjYufbsm9z9V52o0TW+7s0yi+lup5EqQbzC0/3p5YY\nLlzg35sojULsDGsAg//tHfwrAm993q7I3G4XmXjFfNWbD3sg0A5EAUtDqmjr\nfYrbEhrIwWrja2ZdzpCKChhVhXKHQdUU0xCDXffQ4NGsbw8jOPNfsLDmg51i\n5vlJ\r\n=jCTE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"03da616c76c8b7fab07a24f82209f171a2fec41c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.e3346766f.0","@material/feature-targeting":"13.0.0-canary.e3346766f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.e3346766f.0_1628883877325_0.041043967712709906","host":"s3://npm-registry-packages"}},"13.0.0-canary.2fb068fb0.0":{"name":"@material/touch-target","version":"13.0.0-canary.2fb068fb0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.2fb068fb0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4386aea45cd0b4d95103622e00be17e1d3e7356e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.2fb068fb0.0.tgz","fileCount":15,"integrity":"sha512-lBhGvimkuKwLsZTsnHmR10Wae53ndRjEnK8eKYkezG8H6bPB0Q9Gq1LVMJEM9UdFa9QyShupNTqmGSOPoa4Yog==","signatures":[{"sig":"MEUCIQDioJsxfJCccSgi4Y8JcVqccczKD5V/ZN4cUaC+vSoKkQIgfMC+ehfvsGY6an0ELyHiC4OH5hZnEhtnPOOuwPsm6M0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFsxnCRA9TVsSAnZWagAALS4P/jaMH07zpgxDrYostA9y\niPpC+W9J87T43zTalmBf856sSuTQZY1uHoLHMZL1F6fXq14XxqimexwbMHtg\nnLT6w2lnSOEoURa9AIjaxkumjAp4PBPoHKYU5EZzqWL9b6Lsorla/RgO7gjy\nw2R0kOjrhgr8XYqACz/ImhqHkc5H71EyKBvtxs6oInFe3wfkLvPsJ7j0Z+KQ\n513dNHlnoX833a5kKIKKYfGrRJlG51FXwXv5e/zrjl+cRR8V4Zx509BSZaqH\nrG6BqRZin50qYNDU49tDTEKzA6QF6//ij5XBqOJW97cM9ZKG4Y964cUjqtzy\nKZcIa9Udws9mQMKkAHy5Ns8LtPwWWXeTWfNOb4k+ce+VC7CX1N01olKUWyd6\n0ieTyBfaqQ0a/ry5ByM1eiLkI1H1W0wnUMSGeFsCzEuGhC5k5W6gFKX3mqiF\noHTl2s6TiAgJnrjaNhZ7xHqnaQzGdEEG4XcJg/NQQCYc9LNXwkl788M8Pe6h\nrTjAhwbmBJk2kr7lTeF5IuBs0HnrbIxQt+zdqsj/roHmZ1sDtyzw6OvvqFA+\nKwzyEIvp7LhYqElTyu4VV7Y8I4QSY54qcdGjSIH8U+3T1QIO0M9mse3yaDlx\nicsuJHl1jHRcApmBxo99jOuvcUh0GH5kvJFcIz6iYKNwqdyrN8H0nwO3FCoY\nLZa7\r\n=Q1Ow\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cd1967c0a3a80639eef1dd76a8e579a4456fee90","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.2fb068fb0.0","@material/feature-targeting":"13.0.0-canary.2fb068fb0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.2fb068fb0.0_1628884071246_0.33018000747221166","host":"s3://npm-registry-packages"}},"13.0.0-canary.fb76c5069.0":{"name":"@material/touch-target","version":"13.0.0-canary.fb76c5069.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.fb76c5069.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b67dc917ab792a60bc9196dee2b6c586af2feb3a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.fb76c5069.0.tgz","fileCount":15,"integrity":"sha512-r8RYj4bnMdVEm+OoQj9oaO1ZKvxLxXb6MldUJylowGKJuqg8hYuTO70kYC39WzchqK+AFJ1xMmZO5M3CIhtANg==","signatures":[{"sig":"MEUCIHW0th54v+UtQhEFQwnk+Gx1APSZLcz0oHcJo2+iTpziAiEAkXheiJAq66SpWCqq4lXEGA9PjNxdhZUb9gS5EsKVQtk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGsWACRA9TVsSAnZWagAAVZAP/RHvnlrQcNHWTHNbOBZh\nW2MzG6EkXrgFj1VSVmh3c8Ku+g4E6cVHTJdiGmH94yWLPcyrDW0GvdpjbbcJ\nemdRlEU2YWHfcQ4faLJItQ0bazxfaYK/4WLlQw6EY3zoE2pgQGDdTia+EbRY\ntELIcfmBexZJKQ+EOc0+OvXoH31OLSXHZaKwPs8m2D7lsmt9DRv1GseqjOA4\nCR1kuUNiWw+eOdGDIYeMru2CePxHGS2mhKBknXSfD8qSljEusjQyLcPOpA+6\nkm7kXpn0ZKyhFKFzxmRZ8kUKC80EVavgCdWHXK0j1tq7CNr5zOoi6Bqso9Vq\n5iLL1OqyxqFuAV3XZETzp0gNYLHJ9Z/HWTy8VmCRaQAY3GMQaMF//X5QWXNV\nTxg13JPS8UJLHzQdz+lsToYwDST8DhIgqDHZcFs9Ip7AK3YFDDNtOFbF14HM\n4V6XrP13wJqIZf1i8gELHTNPl4zVyq9iBNrYM2idZRqVggVXht2YiX5oYXaq\n59NT8t66NMOguh3vyKyqX72oNvtQ8mIfO7nZWEctCN+1bxmqbC6brBMLs91l\nIK5yTr3ZotFno7dXxHCS3y09FMPPkyO5fu3bkc8sjo9V8vvNGdn8NRUNRho+\n5WYvIH05eV9t+kllUewp0OCrHVApTIlGFaotEmjKrETkFncHmtq2UR4BvIcP\ntxLL\r\n=OwMv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8a969624431e3c1b8d80c2e2a37e5ea5af6bea4f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.fb76c5069.0","@material/feature-targeting":"13.0.0-canary.fb76c5069.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.fb76c5069.0_1629144448744_0.19575922773737564","host":"s3://npm-registry-packages"}},"13.0.0-canary.457d89aad.0":{"name":"@material/touch-target","version":"13.0.0-canary.457d89aad.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.457d89aad.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f1b3aa0ce21b31fa00416c65bff7f185c3f764fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.457d89aad.0.tgz","fileCount":15,"integrity":"sha512-tNZUx1Cdpo7MjyVYatdE+KEqdAD12Lg4+rHi8KxWTjCAOojH9pgHZ7Q4BcijQ+DidbB7aWa9KqXr9q/tNmiKGA==","signatures":[{"sig":"MEYCIQDF7J5nHIXEfHU7EJ7j9CbcA3t0ZpupTPLmTU/ihP5xsgIhAM6gjGm3GF1lxAkqsScc3HssHmOhkD2Gk2Wbe03Q1Mwz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG9PiCRA9TVsSAnZWagAAklwP/2WlWjsirRc+jTqb2dAL\nIeYkGOFD5vw/FgvqvH76wocuSnbHfW4L483KLnQs20oID76y1+iDBg6pFK9T\nDLxL0kBf8Mf57edb0lW8cJvWFiWwHNQUxfoZWamiOWYjowK2Km4kvtXDTEPF\ngC3JlV7QC7tLkOSQN2rYxAMBawFRFKm4k70BNo5ihMA4OOjDO3AwmmnMbxuA\nkszrF9Bj7YKS0XDFY0t/094Vi84wl+CW4rTEkpwLHa1b9MzpmDg2CfgJDhyj\nOAWRPUTTXtJDkSEoGiMcqNXL1+oBvmilKOocsc148LA294W2+EA5+9Yj2bmE\nl/V6aPlqA6oNO0o9LrE/IifAu9qD360zSU7jgVShTK6Rfaw7T8OS16E6AsrG\ncp/bZ6ADJfRFNt7xUmb2HUBEELJYIF8nH80sICpHW1FcCKWE58AHTNoVdEK3\n2aMuV+bx1L15J+h6WTQALvQ3u2akXPywWE6i18wwxcrOsPtoEatuj/hgHq5V\npumhLY5MWi/UaOIsX+f5WVkTZk8qAsCt1UGaH/qZD0hK0Rz9tujlwZa9pleO\npIkud3bfKDelb72dj8VRT9EXlBHk+Y6h5WrQfcQY75e+4UeEGLWshW46/dr2\nckaydOnz0WcEe4a3+Y56PRxhSqi9NSxhAu48FFGXbeEL8yrq6sQPuffI4AAI\nSbaV\r\n=YAEY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e1aeb9efe0d3f4d8670a6ce174d17d7528b34438","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.457d89aad.0","@material/feature-targeting":"13.0.0-canary.457d89aad.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.457d89aad.0_1629213666829_0.794957221604101","host":"s3://npm-registry-packages"}},"13.0.0-canary.0de2f2edc.0":{"name":"@material/touch-target","version":"13.0.0-canary.0de2f2edc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.0de2f2edc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d0ede40c6eae480244ad17fad5c4c91568287d9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.0de2f2edc.0.tgz","fileCount":15,"integrity":"sha512-6CQ5VliqJFvi/FFAbXp44DPtE9pTWg05Y2nxYaugsXrtkzXuiST3KuEvCMq0XOsi0I2wLjrMZtvxCM4G2H+Omg==","signatures":[{"sig":"MEUCIBQ+l0flGFj+7fxXwZbNWRY0M7v+vrne+Y8Y9DrxrV5AAiEAgauSD+QcM/N58tKWE69Iq1m5Y0YY8S8r+/uUeW2XmWE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHCHNCRA9TVsSAnZWagAAhLMP/iuFoXXCnfXuimRFCFGx\njo8b60xdWucp+fiOwdLaWx9px3QAGgxkRS4iffEIzECCnr9Xvj1q/L+aulRa\n3UT4RK9xfZr177O6SLZnvIjezbm/uzXYe/P7WEpoyDiw8IGUE2TIW3eR6SZV\nF/GQRpTcXAKueoxpsFyD++kffWojtg2oXsYkr/GzYvBgY3oQn9uBVrLACwA/\nujRo/xf/qrZEaEMufcUMUTtqKgnp0sWajWDSt0OsVKSAIVJ5+7myBtOQMRmT\npQbNV8aC1Iv4+9nG8Fl6b2HT8rcesTRv6ZU6lVS1McH72CXCyXx77jr/cE6Q\nFbLElZG1L2/by4IXTBz2dexlrIeb1z/eVzX1z0OJDGltxY3KY41wkFgb0OS9\nIixD157KU0bUDqEsnbOc2VlTYA+Lm8VtRvVoY2DkwXn+3z9n1SOXWmU+Vnpz\n1CszsJyzlQy05DnRg5sL1exJ3ZV0WIoULWHQHJEvS3tI5gaWzpTg4okxe8aK\ndD8/sUIko7k5GN/csDpYBUsK6mbH4bhNZcnEbB036Wh81A4wuiVGiWt8xzAa\noZT+1kYZ/di0/3+Eojet1NmnP1LPBBb4zN0K3sTm5Fv9eBU3snhCdAQlIw4h\nohzyZgxz62Kssyt8bNiiSTzxUuzrhnMlSjV1R2KUAny7Ji20avt6UxRSvmSi\n83ab\r\n=9TwI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ecc5e8dc0157f612d4cbc7b03507e3779919d5d3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.0de2f2edc.0","@material/feature-targeting":"13.0.0-canary.0de2f2edc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.0de2f2edc.0_1629233613508_0.42050575850508465","host":"s3://npm-registry-packages"}},"13.0.0-canary.1f9259b9d.0":{"name":"@material/touch-target","version":"13.0.0-canary.1f9259b9d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.1f9259b9d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aa052b4a8a06a8bdddd36225521c210c3306a16b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.1f9259b9d.0.tgz","fileCount":15,"integrity":"sha512-WJxSTs4mUnZh5zSxwOGY/r8s771X1RAL6k6aRJN9V0DM607yIZh4aAKkBaopXzn8mubmJfOPWLj9KNA41sTE5Q==","signatures":[{"sig":"MEUCIQCHNLPPROj+rgu2RGXjIzDviDEP9TXpCdIxgI8FzLQKIgIgfuq0tjaD4InfBaXOvUo3YsuixYVEY6LL/81uc75ESsw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHDSGCRA9TVsSAnZWagAAJnoQAJ/H3y9/E+5CJBW/Ou/i\nxH87xG8q7kCFXxb5tcNcNrjfR2xLjFX2LB/nPm9G9vkGoU7dvzQPClSzEMPU\nCQpHfMOd6KkZweTPspiwJHeAEPsQfWlwhWEijO2t8UuBRbTkW4IFOvI35NwR\n4gCw4F6UUpjZ8XxEiOfk0f34QjFFJpmbtybVPiDNlF+Ff00FZB/vOtLNtysM\n5OTMpWtAD6WwCZaxD9gq9cLNJo93fOfeRNAsdFYEo9R4CifhcHmTKP9D6z93\nWaEKcRVfsLH0nRzeZV/++ve2rxkhyPPi+Dy2uZeoa16JMZV0znLS/WW7Gd6a\n+QULn8QwTsmO4ZrmvT6VQZwMuGGFR3qnpQ7xdQUqMMZx3qTHDvb+nmKHT3QL\nly2oKBDAypaxCJH+ABIoDJJdqGbHbNMD4NydjOcmAGLeMmI6XJBeLB8Bf50R\nf6mPCMee5SQaGloHSmb3AKKSrqbCBxLQHz/4GnCjJUX3IHxV+pOIUbkJWjmw\n8VWkNMi9RDsb3uH5hoD1qOX1eUcG5FBxWrxFY4M3Va4T1cLYDt94R37aJB9f\nBSzQvAjfOgwEzIJG+EVLjpSkDN9jkXzWkQiyQvCvtOozCGdThCbEt14KJ8Wy\neQ9wOU2ruJxZpZjGOaPJDk+JdNXXPVw1LgqaQxSSniFzFkzRiJuIc8X7mSvr\nkM52\r\n=T65C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4c2c9aa7510a4854abb7f568046a44631dfe3e7e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.1f9259b9d.0","@material/feature-targeting":"13.0.0-canary.1f9259b9d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.1f9259b9d.0_1629238406473_0.2513344803369324","host":"s3://npm-registry-packages"}},"13.0.0-canary.3b9290351.0":{"name":"@material/touch-target","version":"13.0.0-canary.3b9290351.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.3b9290351.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e80539fd876234fb3d2f262fc3d10eb6e0c6791","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.3b9290351.0.tgz","fileCount":15,"integrity":"sha512-MCuT+V+twXTuOthnFj5DNIhZtEP6wreIa4EmkuLJg/7shwRqkjFRaeghGmyghlY8EsiZgh8mHzPCiYoDVoUNiA==","signatures":[{"sig":"MEYCIQCZo1hqnapmL7DKSTUYd6oQFto9AWlHtT1o//TG6lmIBQIhAPgQxpcPyObpdFfqmxvaG84Mhrp6x9JYSZ3Rd1FXcm7o","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHJkiCRA9TVsSAnZWagAADWUP/RZ/LvSs2dAEVzd1lQHK\nAUYEzfsmKKY8uHFeJ04P0gJ0IWqb6rzt1tC4CugZUiF/JAMjrlaBEI3gvZaD\nuESWk4Bj2FY2/qvtvq8FXQD2rnceFozd9lSkmD1qsOApuaWIIaBX0v8vVwmk\nfYP1RG8Evf1dAdFcp6lvwoWrxUf9H/XKWHA864qLPWca/XgAKU847Y9E4bhx\n/b2z1fRi6eP0nHErUQCRPfTRGiPvlHo4AguQyLaSAJuZj6q9/3il83duAjJj\nE5kpACxrHOngaJRM9yAnem4p5+EnsyRizcT37EUNZKVoXL813tkwfZSy3wF9\nU+5jLS8Htif5XrpOGT30N8c/laDTzwSABXir3CSlvqxtngK3K1uO77ggY2jc\njtwwomXSsmm40SyHC/24Cg35UPD0EOPS4jh3vJsWLNTBZd5C+WJ3toCR3nH1\nBuppJ/Zd/DEsHHr7usw/aYFETI3/9ZO+VW6piz/3qDdHOm/NPSdakb5Q3uhd\nLo2DATmzEI3Xu4zovAckug+C0nUCVCBVQXlZV9pfflI2RhMr/EhBSdaZTI+J\n4MHH9Ncgb4utF7CSJ1lpp8hvQ4euZLjTFpkCp/Iw5mv3dMWQzLT5M5sr6hos\nDTBMq8CjCXtUTrxyuODbIe3VNhyF2ZeYQPtRJHKowSMj4OLw61HmNPrJxAO+\nqs4a\r\n=6q8B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"15fe006947f65208dd0e450f8cad53d361b2930b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.3b9290351.0","@material/feature-targeting":"13.0.0-canary.3b9290351.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.3b9290351.0_1629264162543_0.9215710084149029","host":"s3://npm-registry-packages"}},"13.0.0-canary.43d2eed2a.0":{"name":"@material/touch-target","version":"13.0.0-canary.43d2eed2a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.43d2eed2a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e62f1482cc92d60c6196e2240d009f371f3f081c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.43d2eed2a.0.tgz","fileCount":15,"integrity":"sha512-mahXMEzkes2fbHWgQHSuA0aOBen82I7+1+yjXsFNEGGN8W3RxOPGjsMa4G7css8vfXfLvfWCNopiJ/yYcxcy3Q==","signatures":[{"sig":"MEQCIEb9Hl2MUnOKvn1ThOJyZzlA/UJEwdv5i8m7+vJ+TUk5AiBORkw68FbgSgGbgJ3uQnUSwplg4nbwTU2lUvZcL6OhmA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHS7dCRA9TVsSAnZWagAAemQP/RjreCwf+R9ePCfE5geq\n7qq7++C4EpjyCarEGnr06lXsBpqd4FbgpEpLY1e8ntcrUIukJ20/6ot8+Sy+\nQbIUOALo/SN5La603DkhT4nZM9NcxRAItHGQxb2UuD89OHWyde0fIaEK+Zhi\nI0A/FymdvjWCHAuARUK+a1l8hEtedybBpEjqAKg1cn5LZpaZRiY0aQ/vlYFE\nB/kbUzj61QqEP+cP0VpcX2Isu//W+JlvLtrlP4MqR3uX/hRXv5tuF5Mc/YuR\n5LdoJn8YxDdFICfcHbDRylq9FpneuGijUdD8pFuX/Cpa+ipMYaN0I4HWIUth\n8hWhW6IT4jfNQVp/dkLSgFQR+v0h3owPdDqKE+1oz1GQ2Qppfm7G++PT4nS8\nsr/i5/Gvt5nEdzD728jOxdhP5ksNwU/6gkQ030PCNtDuJODdc5KMki6Rugg6\nOuTFHYWO/W2e1+hmvVwO47SUHKvH0p/HgN2heSFcaA0RvMo0ljllwC/CyqgB\n98vRO6uVQrai0BDEtoySRXn8n1Tbb9j9No4bbHjWcaCOg+094WfehMvSm5W/\nNUr1Jx4rNXE5k1hmrD4lrTIIoffi8HJhSwh9mlZdUkDbOHvoGRqllNhPQxy/\neD/tb+rEUPinLD+ofuTMaXEvkUfcCz3BtfmBxctvDIJUyNNJWpmVYB0Rd0qT\nGl3p\r\n=FT//\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"687e2389ae76da9a31b26968c0cdd837208d3359","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.43d2eed2a.0","@material/feature-targeting":"13.0.0-canary.43d2eed2a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.43d2eed2a.0_1629302492889_0.536792310487231","host":"s3://npm-registry-packages"}},"13.0.0-canary.0a9069300.0":{"name":"@material/touch-target","version":"13.0.0-canary.0a9069300.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.0a9069300.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba98fa48b3246f91febd2a8ff20556e225c7eee8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.0a9069300.0.tgz","fileCount":15,"integrity":"sha512-2rV+WvyX/z9GWBvIEECZpsA0yiAtt6HpQtbDo+b0mBHnSPobqVKoBxruDKkv3gqn3ZrJkv+9dg1aIuVvS51xXA==","signatures":[{"sig":"MEQCIDrL28MnhXVyrLZJmZwIOMkzKa6RKXP/T31QTmXMDg/JAiB+zLv7JzyUfLgDC9c+JGHAgYkc91GG/V5SS6PYcenOeQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHoP6CRA9TVsSAnZWagAAWjkP/Rpd2ePZC2XU2qAbOUb2\n+nhnsw+GqafhNDU5qMqPtMflEK0vePoTzJQIK4O4rNkMzT/BnC3MZ/uaEteZ\nC0UmvQHTG/uRNr3QvHkX7YxwVX82rUiSgHFQ9uKGak2e+tSe9W+kLrRpI4Iy\nllRfYX1uejXxuOBpOU8mj6t/1p+eQH9gOph7nVVSfrmYvqED3TjC2eAFlGD/\nSFl2QlIM0TmI0hVDACQWMopFayGv1PqQ/aB8ojktAPZvr4e38O74JRWI/ouY\neqXXbBBm6aOzPRmXcgIuoSxO72SpZ+LmNgmSl/7FHDr6eTdVSmE4JjQC4MiJ\nh7bBwfGgw4eCRzDxPzn2DsPQtT74OlSqfyCxokL/6pxmZJO84ZATq3HbspjL\nUfRk6fl/cRSLaULrHxGkzbhwSpA8BERlVI80gIJ97iNhcnoCmnDMxTe3f4Sz\nGyZoYXZkynkQn4Cy3BXW8ew/ESXuQrkNbd3qjIY3LghQ/foeOxFrdQrFhYZV\nCiN9YdJ3kNVbXrnn5q+gEzlhUgd+Nutzikwgi0XgWYyt3nlO5DKreYCIwXJs\niPDvtOhvrWXAo6tSJzj+ZVzbSN7HQGLV+41NaRuYb6zMsNVEZC0dg1f4kKCP\nT+eRYCfzd05CMnrpNuD0dMQcKswrv7Q53XTB+SpcYU5jOYlS5F75cnR8KjBu\n47ni\r\n=o9di\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a7249c6c2dd2d786b2134e129bbe3b4ca596fee1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.0a9069300.0","@material/feature-targeting":"13.0.0-canary.0a9069300.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.0a9069300.0_1629389818250_0.17398779017491806","host":"s3://npm-registry-packages"}},"13.0.0-canary.7da413ed8.0":{"name":"@material/touch-target","version":"13.0.0-canary.7da413ed8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.7da413ed8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a9d717fa933bc29fbe8a8c90476a5eab9fb9f1d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.7da413ed8.0.tgz","fileCount":15,"integrity":"sha512-sOBnX6eRBqjgyjYCwyqbrv8sMYK+o8pup17dRR0SGPOziEeTw21EMwkZz3vPYjUHcM1DTfd+lZh/c7cdtujo9w==","signatures":[{"sig":"MEQCIHbnKARxivIyclpa3haAit+iX37mmldhgSxKTYjr6wzNAiAU8SJkULxHXnR/hA3ruJjXZIJYC0RGwRuqJm3uL2y8EA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH86rCRA9TVsSAnZWagAAmLUQAIDMis9UC7zvAbg9FjCc\ngG0do+RDfw2IktzrAcu7tOZkLV8UjQM8/YVuDAKMZNvzMJJfVAzBB2UeoK8c\n83L9GH1yuvWeaxWcHTXLLZWgSKBhb99+BkdhfV83bCNseXTHduiKykfTkB4h\n4Ju/2YrfEMnk2+99lSHJYExFvAH4Bjy3Z7MlHfx8h6X+oJtOgH4g4PhHJI7C\n82sOBNP+iHxkrwXoV31RlztpygDiKWdJuwjRAD/m/v5/YOw2p/XLvEj/f5bQ\nQ2Ai/OxQJ2iVb05Vbxb6kPWutNj7XcUh02T+LDcvvbIzx0Ki4LljFMUIHdfy\nW9UZ2vU7euth63jYNk4OWhYQZ81mymE1VDUMR4WRbBh7TEsbgIP0jBOAjhtG\nLCdZv1f1f8qxczkvu8vMUz/CnIQZTNpW96GZOvnnS2IU78/6uMK+eTuPdgYH\nznK+hQKxnCXGPpZffIDaOlYkNcfahApX8s7oGc/T/cjJ7Jj45XZ9780wmB3S\np5eEeTWawBZvHvYIr4tqThaS1yN/0StuU+HbLH6fSeDXjubBA0uO/EJuwgqM\nUgCpLWGRKjJ9f8xCSLXA0ouMa3OcwIM24kaLDmsqBlZQAHdkHVleAO9kBt5v\nFGgMFfugGxhTNObeg92IHpg/NWbqhltP0SzOu9GcwPV1yBtIFH5NGyq/LmCB\nvwI/\r\n=lV05\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"66fc8a91fb533a43e898483e7c4e1fac92aa0b7c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.7da413ed8.0","@material/feature-targeting":"13.0.0-canary.7da413ed8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.7da413ed8.0_1629474475455_0.4379099001185389","host":"s3://npm-registry-packages"}},"13.0.0-canary.e1e69fd8e.0":{"name":"@material/touch-target","version":"13.0.0-canary.e1e69fd8e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.e1e69fd8e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"99688d00a9b52cad2a51974b01abd76c272e7e00","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.e1e69fd8e.0.tgz","fileCount":15,"integrity":"sha512-DHH2kMSkBNrOMnIz6IxZiC8IHcIxAhxzg5s7ir538aTlQ6ai7kGQgHIIzjBmXuepHYuzaficWNHzEwD1KkTiYg==","signatures":[{"sig":"MEUCIBR9wTcstMXpf2VEhDBSMoJHxLQbVrY1+ziZ4UAOqeiqAiEApCV5on3td+WhCd+QXGkhBrHN3dQATfSMdmytZ19R7Dg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhIAMdCRA9TVsSAnZWagAAPh4QAJAs8oYeey8Yt+nEapj5\n2eCpG8mnz32QOAKybQvCv+88UumbAO322BcwYkXAlRb74NFkCbzEkbI41Fq6\nOKmpd91rteC33JCPqIb18AV+gaUhR3Inxxw/Knmzq9+QwqvW4q/oj8wruNJa\nEwW6RCZ9XF/hSM2gyIg+cr/4tX247bZ1Q6vzulqSGDoy5hi3lBlEAPnhnFdH\nX2zLLzKmMbS0m+MI2OvtmP1FcCLQQe7+2K4g9Rkv6kOHXisYd5xO1FvBPk4e\n+vF5AQtPRZwAva0tm37e/xo8NfzhMDR9in4xc6YGpQrRpt7HcfVMD70PNiQ4\nJ+mBA/ccA1ZCWQeD3aGrFjFRKeYatP5TGBrDseu4nDPoh6yn13ZfAGL75ott\nibuaMTCj7uF5m+hEimA4q2dgsSBi+g1dzrKRceaaX4ZuawDHmqXUl3rV1peG\nZ7V50vQncPCzCorU/A6ZEyFfC2tuAnAriHnmhFR0A6rq1WuIMgFgU9glbtm+\nuw22ePDKmqnOaxN/1Hh9bOhEaohCCrzEIjwqQl05ulnp1PZPF4dkifkn/iL9\nrAFXU4JydPm7Gwgl7+Hgl/m3qzm994E6jYrFe7fnYDlGm0QCnHCq1u2Zmi2n\n1lXmWwfIkf+vcP4H5d8vaMxcbAKhr1ph2W+1qU2DetoH3ArazkH2xV0HfOhk\nzV8T\r\n=8lHq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e400b9052366c6e1d6e27533a72ad00199b6313e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.e1e69fd8e.0","@material/feature-targeting":"13.0.0-canary.e1e69fd8e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.e1e69fd8e.0_1629487901683_0.7248708258822913","host":"s3://npm-registry-packages"}},"13.0.0-canary.f5afc16df.0":{"name":"@material/touch-target","version":"13.0.0-canary.f5afc16df.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.f5afc16df.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5034a209685c5a9a788baa183282d5fecd257ab3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.f5afc16df.0.tgz","fileCount":15,"integrity":"sha512-Lq8BFWzR8ysmYdU+4ZJR98hSggcPr8lvrXZEPrI6oR8FAcidz6GCAGuIuImwzAmxzZ/RQ+qpA3PcHIZPvX6o5g==","signatures":[{"sig":"MEQCIBul/Ozk+/JoSRxz0FlwgD9HfICVkFw6o6HZy8EHVlQuAiAiGZgLHNFXx2O9ZAYcSol5yi4ijZgn+GlC/J7apxkxsA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhIA/XCRA9TVsSAnZWagAAfa0P/3vuxvo+MzGre4dRJKXG\nSAWOc4H9AKiQnc/F6lCkHvYpzx1mCw3PBL1f1D2olLYjFtvL88DAUR8OVWI7\nH9sXRvYaD2ClglcQCqRG89ELA9nWKff/OOHYaT82GsejvyTorB33GgYyecjp\nUNreODwW5eZEycMGZIwiQBL0I0NH+3iiubNKM5SOLhhWmXu2dWb14+8xo6eE\nLq1Vw3koyxRotkqlvnDcznFEhbmI+jAK42SwXcxyBmGPb00kAQmpveR3k++a\nwaha6XpNtqKcfdsPq0Fne8Ki24BfJZEMLrkdv1zTr2+W8dgUn5CJNPyq0p0O\nl+CHFnVqnBPVD8if/IG6/1BZb1Pm4x8CGNQa9R7hiIqrcssgRO8L0Z3ifAe5\nqXskwSYMr9rQCr375awWyHpqea+1fQlJ1AIjNIaINN66SvKzi5/BNxI7JX8n\n6U+d6AlYVaL0bmEcCTNhcaySvqt+KAT/45UEkXBrqIW4XgQxIKdRyJhUw4wv\nvQqC+lfoYEnHwpIGs4QeYJFmB/+2URE1GI7UhXOknHSBIagyeG3KlOk+FNOu\nVsaq9LnlG8YXg/Tsjc9j9sCJ0yKJTM+v3Pfb0UlkvkMY11hzMXUrP7QFvYUc\ngvj4jpfDUxW27xJi3gQQIAUI+avHdG0iak0UMkEGBjULPlGOKAEa6Sowx2uG\n1Z5R\r\n=vJy7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9a5934ef5d223f46f61452bee68b0b45a21e20d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.f5afc16df.0","@material/feature-targeting":"13.0.0-canary.f5afc16df.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.f5afc16df.0_1629491158979_0.41319057111776636","host":"s3://npm-registry-packages"}},"13.0.0-canary.28d0d75bb.0":{"name":"@material/touch-target","version":"13.0.0-canary.28d0d75bb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.28d0d75bb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"35955423240fa6f799932b096380eafb9b0bd0cf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.28d0d75bb.0.tgz","fileCount":15,"integrity":"sha512-0i9LGfronIEBFW3nFpu+Oi1DiXf5sKlaq+N1aMFi2exiN5CGX+7r7HDwy3RRiIWnEsH7TJwYZHfAWARrxAcebA==","signatures":[{"sig":"MEYCIQDIhifz0VYMJBEVll1yTZJa3/Fwg6RMncWL5BfrfrxgJQIhAONUgAkC4CI9+NKly7AIfokRZddUJOgOiPjDG1wDDUrH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhICqBCRA9TVsSAnZWagAAxcQP/iWE9iOAGXgwWY34OrjE\nfhsKOuk4TWmCJG6PAF2A4y10I3vjqlJzdZKRVf2EwV+lH/FJzSEHIAP7v3Ty\nOJ6LU7nyhK1phQRjex/EnvX/gZMGyr7fT7Sggm/4GAdn6CsG9gRZ16GO/G5F\ndMQFHmadx6P6z5SLmL/wIcSPPj0F8pC7yIqMrpzlXb1nR+xl1XZCz1j2fqt3\nzyZFMv2P9ZP3kVL21G/+uMUBXEoV9PDJf4xh535BOdXdTqv0smsgvHRR+/Ug\nw0FfeROhTnfJmIgzF0yXyOmhwd4wF/vePJ2kEU5XQG/VpFvrPzVp0y36m/NR\njHWjweZpEMku1ta9vRbEeZVWi1ujrqHb4+qVOKBp2j317apzIihSTMyA6JDG\nfKWZi8IH5RQm+9vPLhfyZCN7KKJrzmMm/rt/5D5wHHnnIKMjhZ/JmWnO6MRR\nMnWe6UriIXjaVaJXiguFpB9D/xXC+q36JhSzD7IOslyXo4XeWg2TlvhXzGc2\nRz1HR/EPNO1IOLkx1F9THPsGHI3z7YdavVSYZFUvOd3Hq7XQofBFQO/t6pD2\nHrYQF49q2gGa6Aapl90a7YGIWhsDzQ3hLrsv+eGWmVlKwvWdO364yW9EG1kn\nmJu8hEdStqMQDZU46GtJVDSWuY2hCasZdHwGrM+uWj8RixwyssCsVnm2QpzI\nwHZv\r\n=pGra\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4becb1aca9e878d432cf8308ec0f14cc50e9699b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.28d0d75bb.0","@material/feature-targeting":"13.0.0-canary.28d0d75bb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.28d0d75bb.0_1629497985279_0.9555996420978055","host":"s3://npm-registry-packages"}},"13.0.0-canary.21ece5360.0":{"name":"@material/touch-target","version":"13.0.0-canary.21ece5360.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.21ece5360.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"df5048b6ba2b5668d14116f22275aa5cf3abdf1b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.21ece5360.0.tgz","fileCount":15,"integrity":"sha512-aMnzJ1t/FdHX7m2++9tee+d+djtEw9ff/m5/43imtjdtZdCQAgROoK8GmgNHLaojSAquxVhmetBNJ6Thk5QWzA==","signatures":[{"sig":"MEQCIAq2jkO5IoOA9DahEDUjFZnYPkZSRQX24rpEHR+tEouFAiBYkVLdW1SsPm4tsC4G6l6ICHY7qpF0s/fhefe6UK22iQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhID4nCRA9TVsSAnZWagAAHvQQAKLPxISemILQeMovqHgb\nIr7Zcq5KOZAwn52XK8qQ0B3aZQAqUoBcidAyG1bcFsbi5JZz7MDdjxvup8vv\n8Sro9svFX8//NR5UuTdwCz1XTStoOOnnhi2UeREsvAmaTEb+hnOAJkJwlwho\n0rCDiJi3iNRXGreH+PfeKj6qsLj170rkfB7DQLrBsJIf7VbQUQqTNS7dgWju\nbL51p8hQz0rrIKm2RrabbTVmn+GXOanMWft2bSmnHMS2dfQKTLevhvzp2J2J\nL4XhEUu8LNhF3h7nie1SeJc5G4m3rKOLR+bYh1aLPPB4Wyunlni6vC1tsxYF\nCjxGgbIG09+xChFFljw2Iyr5XLhtwV5aHgepCIfJtcl/LVdkOiMfXp/JwcbS\nxUFAsc2wPzv0QMUPaNId9sGla27wTX6WbvD3P6xYn9i2hW4l9t387WOW5LWR\nNJblPrgBtL4xyB8lTV7r3CliifprS6P5XoRC7qVu0dS9eBtnsCwK5n2TS1WC\nyvah4fx4qt7QyslQ3T9MzOFJVPXGRYVWZ0dDhulQ/vnN3dSIlQP6rjjIAfz1\n1dtSBTgDQ4MqD09jMRSdkeNewvGCFip3cIyfHLGiUcShqNd5xOzL3HU6RqV+\n47PdUeivTDpt3fYOEU2l0TN7psoQJyTa2zwSmNOLeUjtnIhGJt2ABye0CySA\nnVk9\r\n=SH3V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9625caffe59fe4a84aea358993c2811ffcf33e74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.21ece5360.0","@material/feature-targeting":"13.0.0-canary.21ece5360.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.21ece5360.0_1629503015743_0.8356348087861218","host":"s3://npm-registry-packages"}},"13.0.0-canary.8de07c02a.0":{"name":"@material/touch-target","version":"13.0.0-canary.8de07c02a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.8de07c02a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f4d1e3437903ac7bbaf1ce0932baab3a4758dd20","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.8de07c02a.0.tgz","fileCount":15,"integrity":"sha512-G+3p8x8VJT4Rqsuj9X4vYZkoWmG9aZmtBOUcfGsQku2jHU2RURioBPkN4t/FfdR5ZdrvYUdhQVtt9NCGKPdTjg==","signatures":[{"sig":"MEUCIAsuZylPz8Rd+7u5geID+JFCtvlnTpaQ/l4i0zUMd3SCAiEA9y3+QxbdU0v5FSsXyUs3w2BbBcvToHk1ovYk0HHQf6k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI74HCRA9TVsSAnZWagAACPMQAKDieGSzXETX7zq5tfCa\ntp0aH4qCSV+cWK54P73b7gZP/10I/GCWsWaFhptv/Jlsq2mYlSN4FTnt2275\nH83a4jjSNAfVI1YEWVQ0b3AHDq/u0EwMetM5PdrTKr/7hkh6n/4wqmRSBvvE\nILQl/4ZXLvV1vWY66YVRKS0WBaR+hGvm3Wyulz2G/pFVLX2NYBlEM5p17WGe\nSjM29o++NRnUpiQ543mkiQdp+OL/uV6D1cBtTKEvi06KwAvpZ2VzSpChmK74\nV4clD/Pgr4ahVyWG+xFwDLMn5NRovQIBC9bbyVeEPjExXxM7hGuwSyaXE+XE\n/4JlqEUx00zNbpbDoFo5lg2UtQaRgSRQLQh59Z2u5EXVHMUuWds8z6Dm1CbD\npq4nCvKAzGSlJNNW2x7oytz4OnZftto0OkmVyqj+Zym7N6I69Aq7yemGYmaz\nH2YzhH/OqrPa8P5jdM6NQtknrFbhzv9CzRZzyPLaTqs71+WZ/VnOgVDNgRmm\nG1seTyhsbbtWn6879VO+IH1HYyiX9tqWeDx0tjBny8GT8oumuYrhxi6bhqSG\n6JKw+fuJ8+3t+DfhVqxOutWzHQt+Qx0Kdm52qtow8PUYCQVpVrOc1GIrZ5Hy\nAUi9O1+AWZz5NwvScfEcJ4QKJaz7UmeDp/T9f9VND/Rfq99pj5LekCRIMNhp\nFvEW\r\n=oKk1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e55081eb44f85de06afceb7c0d189f0d358ad60c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.8de07c02a.0","@material/feature-targeting":"13.0.0-canary.8de07c02a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.8de07c02a.0_1629732359126_0.6197920050020695","host":"s3://npm-registry-packages"}},"13.0.0-canary.65aa63b0c.0":{"name":"@material/touch-target","version":"13.0.0-canary.65aa63b0c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.65aa63b0c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eeac6dc76a94a6740e65a3a4bb3d62352f1a01a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.65aa63b0c.0.tgz","fileCount":15,"integrity":"sha512-cxOeL5D0sPe3Zh6HdrVZu8S5L+DJxTMEoQ2AskqCeFoVEBEE6/A44mZOpN9w7WKLJqXjzTuzOJafpYD6Wv7lXw==","signatures":[{"sig":"MEUCIGBmuJkQBq7OVmOQ+/23fOeRoJJRHmnqk1PI1RqAneQhAiEAmnRpumlN3UaXHOwHMH9xF7xsTgPMNd7Cg8AEApmsDjY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJQ/8CRA9TVsSAnZWagAAwLAP/iiHCPTzkDg2l1icOuZ5\nT0Rg+qV9ngMCjG7tc0GLBjpFrmF1NL2fmJa8wwAIXiBuPNl9Upwb3FIBeuqy\n7NQutlWqDYjepAkqjSYKTKIA/pDNUYOD2YdN/R6XW85RZUGO9IWNR0S5Mjs4\nWQeMk/IqApC+IUGNNv9dDr+TsxpYai7cVNSysudNaJaPkUwDVTmLggDbQcWp\nzahRg+J5EaLWJCeW36PG/R282GJsiTsURdtyfKOSTJMatEQFbljNawO/8VPi\n1HBg+H5O1VEMZ8pb/BJTz86Nytzb52QXg90FzACqcUGidTQRj7YF+VKYdGKV\n7HoKNU7GVvWcvpRcAoLGPYgdw6zm0oSZPY/gf14Mb1874oLRF2VZsw8f7oCZ\n3XARoK7ir12n8uC0QjeZxngOEzUKQMG3nDXFrqYuKuzccVjd63u2kpvIP2Hb\ngPKbd30hoJeFbSuBCL2Mrva8HXEppfjBfBXPUO2UK/iJB/UDhoDJukH6N5/q\nNhdncTUntJk3QCQyMa5Z+UQMUhLe0gZg6Nlstm/0HsCzNBEHcYu6v/mRslO0\nq/nABp42Igh2SDAHKweS7taQyJRtWqNDOzvUbVKueDGwkwBz+A1POoLD58Os\n+WspxL5QSlNa9twBENYguwQE5QrvJyvWPt0Pm6/OODLtPkkoVMO8fcKFse6I\nZh58\r\n=Z6Ro\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0ac2dcf03064da43ca7eb352045fd4da0af02200","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.65aa63b0c.0","@material/feature-targeting":"13.0.0-canary.65aa63b0c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.65aa63b0c.0_1629818875952_0.9129091542909422","host":"s3://npm-registry-packages"}},"13.0.0-canary.15981e9d9.0":{"name":"@material/touch-target","version":"13.0.0-canary.15981e9d9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.15981e9d9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e2a1823a93db756e5c917dae6d25a5c01a0c7749","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.15981e9d9.0.tgz","fileCount":15,"integrity":"sha512-d9eR2VCKoXQ/RR7tyvUEUuHn5hrt141eVC7s/NgnDPe21KInpQzXAkqZMzgSWCXlBaHyWMrEORry/H6EUi4zVg==","signatures":[{"sig":"MEQCIH3ox9HnG9zzMqHhUMikh/NEOtIbVeo6LME/gnSrzFE2AiAz6+kycTF2Ku5DzQzuUY8iKnp6kFsQQ3lhMjO5tScI/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJRtbCRA9TVsSAnZWagAAfHUP/iiJycR+Y9kpi0jEbeP/\n1odSdlYWMNhGlPuqX8yW+laT7emRA/DjahWmspfF+s502pc8dcrjtEYXW53R\nNKXcv+oR/L0lS8lqJlPEU3X9TH39C+wBCgunsV6IiZN4Bp8ViDI8aFjVbDyZ\nyBfd+UM/riAjeUgMbj3l4YlS2m8393JQaS28immnNNhhYqTWigEsXkNo/vdY\nFoZRA6eKHYvAO8qDmIL4/6UamxdnocpUv6pITcQeb8WsUobx6j2Powq0CYPP\ngtTZ9PzAHC834TT90/YM74dAeCAxG5003XCepFeRusfVaCv3tOx4zpbucpQi\n/AEzbuOh7PzqyCr+XSgo2G7vBEaCBLcsbFMsxIEucekkvnM4TM/G1gmkM3Et\nJA2vUZ47xHBAbRy2dtPCFxj23fW+NLoyRpMBPuRxC0SpRpk7EamWqqJXh0GQ\nkrJ+IwyU6h0WqAt4C5aSbDL7T3Hah4ikkrZD4Z9Ib1qPzP+6oGUbBObNt6vU\nhActSZvxM1c75tdqVbDStBSCSbWystzHWLd+gSZn5GXC9pjd8adxuRiUD/V2\ndkHglyqLqwPy3fzP6C2CKyT2Pq/Qn0v+yUnRou8KjoqLI/5uUZhRF53B/eTw\n3Lt0SHuFSZkHAt/MwUrHRG74EInc/exZn9SCyjMD4z8FlpElbIdVwBxCGrrv\nJRJ3\r\n=aDx7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"93acc5a9963b30cedb03f35eefb49cd35c93656b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.15981e9d9.0","@material/feature-targeting":"13.0.0-canary.15981e9d9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.15981e9d9.0_1629821787543_0.09997581048472215","host":"s3://npm-registry-packages"}},"13.0.0-canary.fa7520f62.0":{"name":"@material/touch-target","version":"13.0.0-canary.fa7520f62.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.fa7520f62.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"961b37427b994e78e46c6bd956b990d63af9cb28","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.fa7520f62.0.tgz","fileCount":15,"integrity":"sha512-siHbzerMppohckPvCFC9NEFPZoRa4/5FPLmXdzG756eyPkNf+wrwuRbhKfKK82+NUGfOF9Bd+4LUG9ZevUtSzA==","signatures":[{"sig":"MEUCIQDhUP+EMoUvl7XBIt9QQmT6hqvBHpzcdeMyYoH7NRLzTwIgehKALAk1syj+2fPOCMp1vqkt6JAlc5McAhJG//DRRfo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJXJDCRA9TVsSAnZWagAADSgP/3/6shkBRv2PDMyUWg4i\nE+HBhZ2Smf95ZmK1J/9nTLuYak1NDwjhoaqaJvLY+Iuf4BB7pWRSinKu3Xww\n1MGmc6O8g8Esp50uAXAzljzty2BfVdfO8uQZkEg88/votwcGMAzspv4Gvins\njVmK1RPswG+UEQemeIb2P/AcFhcge2oryY2Yfizc4f6U5jGQjVG6hoxKqKgF\n5TzvODW/XE2M2rrJR91bnJ9HTRwl6bJQIgUczfH6JSB8ouLTGxZ3CS4UoekZ\nhYEbgdMzCud3sapFpb4mDdhwR2GqbpQrs7hzSe7fhMJTFfnWWOAsqHJjx5KY\nYOwEd3F3NGSouzlIJevVgF4O0Op3vOYXKNephZR9awasNSt6vVemmrV0+jLx\nDJ2oq6KdquQ46KZKx9VKkLsC8M2+lRNL6YY7y2Va9+9JieX6Pc4rxCwAbbSc\nesfaLHp4m+4q+YNJHomGk+v+HFwvdduXbrsxncKnBWbroKVMlf9ersV76ug0\nPMW4MLAlvoItZgNpOX1TsIHz1aN8n7qhktYM5bKf0B2y/sm6CGI/3KvtiHkN\n5Olwe0ZGdDXsVrYGNBxqE+WDhOyOIaEQCUthEDXRgQlzd9rgIaEz/MNuZdUI\neazeX7SiZvC1UoAbKalct+NsRMr+nWysdgUtHXQxF7V1ljIGJx2GUY4Dr4wi\n4Ve1\r\n=ZIiJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ded8a7ce355618969092a7bffde0da813aeec162","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.fa7520f62.0","@material/feature-targeting":"13.0.0-canary.fa7520f62.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.fa7520f62.0_1629844035745_0.30792757898483614","host":"s3://npm-registry-packages"}},"13.0.0-canary.ce25bc3ec.0":{"name":"@material/touch-target","version":"13.0.0-canary.ce25bc3ec.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.ce25bc3ec.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d16bca26abb355b88bb62974a0fc179e1a6dd1cd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.ce25bc3ec.0.tgz","fileCount":15,"integrity":"sha512-BOLDpHO6dk9F3KfVKYA+u5Iyf/OdQVvlBVn6dycWA85YFReGtvKLzaQBhWLBED1S6RdAjA0W0S6QQoL7YcnSVQ==","signatures":[{"sig":"MEUCIEyzIJ+HztKPTZkC4cIxNBFghdjPv7C8GPLszg2nAcBrAiEA+cGJzmvQ946QL/BxFDXiRE2Uf/cm9yFqdSWe8jkb+2M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJXcQCRA9TVsSAnZWagAArKYP/jCoV8JwTJtnh9FCIh86\n1mBiADmn0cXo7z2IWKLJXTCU1A3Eevnouty95OiiG/hTE7tmqXAL6UK33j9Z\nBqUdpqrPnk/HO9zx3z7mFeX7gUzpR/Irfis67W7x+nRI6uoscAab3FcDb5eh\niTsakxy6oRjNedouegfGdJb/nz6j+X+Hs6qJ/FgocIN5uG4GBc1nBGAbxJzP\nod118SuTvbzy78GpbmnHOlnCUjA1cRiTBAEnNZVTUx10+h9o9RNnzW7DdeeO\nOuuqVsiVf+hiWqAhNAS2gXlqC983XvkZtIwP/Y3n04maqMI0prgNi+uIV7F+\nT4mrfi0UKqTYrIl80fO5LahPqs2WTq/O41meugcRd3W4p2C++5HiNNAzk5K1\nhRa9/tu74m+wcHDtVHadjg/OsmW2vT7ui2WSAoJbndaJOOfyaeYWGFdEvAXM\n57XPmo7a/UVDGb40/LVTfMrj4W8oL1qbMmP/0nrFybx3T1OBfZ29KNoS0d+L\nB5/Nu/gccbaW7Yv4g324uMJxGuAbS9mDS475tju7d3NR4mUSGuPqQUfS2Urw\nw3ClFoVI68Z0BOM443jIrOxPju/iWcj9EzVZmN6cOcNkgzzHf7Ld3zf7Da5F\n+A2ouyO5ueAA6XuufYTAIsmL9I4HkZb2MCBur/ZYFhKzAEiSo+7h+Cr9qjgL\n3ANi\r\n=0gVT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5296a1abf91023fbe0806f06b5b5fce528c40509","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.ce25bc3ec.0","@material/feature-targeting":"13.0.0-canary.ce25bc3ec.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.ce25bc3ec.0_1629845264013_0.10319177871759289","host":"s3://npm-registry-packages"}},"13.0.0-canary.12f5622e1.0":{"name":"@material/touch-target","version":"13.0.0-canary.12f5622e1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.12f5622e1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a6eb32485dc7444661b07d0117c8204cad1f3f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.12f5622e1.0.tgz","fileCount":15,"integrity":"sha512-d48v0ArhzJCneIAQf8IEagTGgLCq12aXyMQ3FBTa7wy5RMniizXgS4RdHqL0xsFZ3nFzNIPvzabQbdCOel65Fw==","signatures":[{"sig":"MEYCIQDoZR7pMaFEQNFU7Qsu7bNZ/elCn8xeDIbwYZtQKD/74AIhAJgQ2o4I+5hRzQOd+h0ernvQFJO9cNeNX3plxu/Xp8Qq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJX4KCRA9TVsSAnZWagAALRgP/R00OxxZDxcTWQp6pkYu\njuFmTI93n7EkuPWWlsiljyKMJtq6ApBALx0Q79TkClqcvBaP6r9dN0eQMbpA\n0TAtb9GORvXDU4uWBtJvusTQpkHtWIF6Eaf0zNAXx8kuk+jQ3GZp+MnsDFON\nsnJ7CxmsLR63iQVoADU2PbErn0CqQNWANdyqUCpQCceVHNR6lGVHtOzgrdWo\nvpEU5AkOq5XGh4bEdy9dVknICIsTEFCkQjTbVpOc8vdoT+CghYniT3IkKqwl\nEAD8sHdmDeXh+K4GyLc2c2PRUuAdyWrF5EPOENVgrppUggauEXiRSdln8Lv5\nhPzJzakGszL7ZEZZIxyKVwCwbH4Pr+t/ZiEVmqJbGJ9J5RriRrGk0xnFVI+W\n6OoHfKxkuV57NnUw9BVBwRMiA7cCiSPQxb0Go9MqIzYDgtHWOhNEIioVb8JU\nkrM2AfnWaHTTC2cjbz0483rRY7XWFLed3YUW47yEVu0LAeHCqxDqGv6DRewJ\nH/GRiygj49kG+soVhY3lu8Uco/0zhHW8ic4mZ31IygRDrs4zDNdEd1XmcLum\nv4F5wp04pCsKCgYeUa3OtlYAKMJ0h7QMshmqXfmPCp5GNa7fSBLPqDFKcFeJ\n5OsUVUCeKqX+mh6FTciKEqDRR86NCV+JkJRr4DufvmdaePCgo/yPmmHi4CWu\nLMiX\r\n=Dcxc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2cfeb72e6002a5f3cf296794da5216b3114fbbc8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.12f5622e1.0","@material/feature-targeting":"13.0.0-canary.12f5622e1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.12f5622e1.0_1629847050061_0.17707575202836812","host":"s3://npm-registry-packages"}},"13.0.0-canary.d97f8f133.0":{"name":"@material/touch-target","version":"13.0.0-canary.d97f8f133.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.d97f8f133.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a6e44dc3c6f914ee251f762dbd771051db006ea9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.d97f8f133.0.tgz","fileCount":15,"integrity":"sha512-PzY+nbM/hfxPOWa5O9fO3MNbH0qHtqH515WVFkMMnCaSN1R8jWbaf5+geuVaFReEFpQTO1fo4ns9DodFSSNVag==","signatures":[{"sig":"MEUCIQCRIsDogStr2Z0+jy1RRlJmZ489itXOn8mdtEKGWs8RIgIgWt4KSpHiUXrinhw3wqO5AEJLsIPdCcgoX9upVRj6KfA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJozFCRA9TVsSAnZWagAA1wIP/A2jdI5n/TgcUErDf5xY\nk5vcVFTRXsWzi3w6mpiVYR/CRPGktXSTSs7MWQwYH0s4DLkV8IlO7JNOxnt+\nYWiA8eF6kkH9ZB1CLDnKtcyV+edXTaXQpyv+KqmrJ2q8YqVh7kh1O9UsKQr/\nUKn+f+mLtb5NBza79rn5tN0GPpu+EvKK/79NxOsHdPdHQXg9hod0rSj2pWGC\nKFo5+WFZREVwEmTLODKnb/mDuhihHTejXNV22PCGYuW4KraQCavhzIEOsvZb\n4hH/wFO7TdBupVCP15foTL61nDPT5k3i50tGa+kSj96i1tk4rVYK4iP9PBfp\nIH9Tl9B3vQBGfwuaCLc0Tj5+yw+z+CkyVl14EwFQVV+1K4GslEC6qmEGp5eR\n83dHY5+BRSzklmD1Npmi3NDCAYvYK2NYnxQCnehqRIIR6QADkxCn0OPbv5K7\nogGtfySXtLHJJWCXAB6vfUsRg9PwFL1ny8Vi1UiV4a/kD6q26D5/U4INN91K\nbMQhtlpVnlG2YglpwVBZgxRPUESP/UqTUNbj4SHUqoF/gLCSZThlx1DWNI85\nd1t5OD3PS8QMRCU1IuUKnTOdebRLQYOzXir3/n/l3mHvgtFX2I6+qQdxvEMC\nc6PTfPosiamDTMS7jCbJnBY95yObNjKr2TgQdEE6jO7dwlMxvirIA0owpegb\nMMuS\r\n=tOYC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e7295f4786bb26bbc05939b4d6e3e42f011cc033","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.d97f8f133.0","@material/feature-targeting":"13.0.0-canary.d97f8f133.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.d97f8f133.0_1629916357447_0.9317844929423349","host":"s3://npm-registry-packages"}},"13.0.0-canary.d86fb6fac.0":{"name":"@material/touch-target","version":"13.0.0-canary.d86fb6fac.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.d86fb6fac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ffbe000e24da4dedfffeb0ee28afde8ab2692dc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.d86fb6fac.0.tgz","fileCount":15,"integrity":"sha512-NjYo2uw8zBWjsCS+kYwLLxT5HhiUWV4z26sq7gAgcQHs80D5vF+XoXoX/KbNmnelJxJsa8+EP+Wp26tNtwUIPw==","signatures":[{"sig":"MEUCIQDm+BySfSD9dWd2Uh/W3ZZWi6uw/B1mbooP90zfznI40wIgdHOmF2SKKIMkE0SgrpaXoinTLx/RmmDXZ+Y0VC6LhhM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJpGZCRA9TVsSAnZWagAABLAP/3bLKWk5esjWWrkWm7Gt\nhdb8g75X66S87QOE1MKozp/IBu+xutg3i5S4fR5MrM1whpOHQFiA9bIBL49e\nunIkXUqiEwrL0QI+5QSGJldtgnrZsFGqLBVh1fGlMrsIe3tmsdJS6sXw7ERM\nVRln4TcMhIuf3QejUTlydn4I5H0QG0EHPz4pwHl+W2FTaX2Uj9RP+FilqbAw\nbGi0h3ukrFERdDXQb6NAzPkqNIjiM14XT5GiCiBNLb2IFM6R89stns+Xa4XR\nvE+/wdEsLywNC/foxfn95n/TJbWWiGyxbx//r+dSpFvlUneZFJ2/0pHk6mb5\njYqMKlK97oYm9lKf+F5ypl4M+QFbJUjJPUjkZyMvRw/+nYnMcH8zGNfn5TjC\nkqj/Y3+ARQqr6XhmuWWJkhgS2rklfTvxsgUIf1uPAC5l9l3uhCWm+8v3xccC\n6PD7lcIBbjLP18+V3otF6TTefnEGTl3iUU+cxu04BNudPzSTe2wYYKTBvTGR\nw4ZfFiKRDZJgpMsd/NfZYtWxItw8zFxQY1/ToE3U7ppIE7IhIqOf1a2EUfH8\naQizScl8f8PtwtVechUHjKrs/qPv0ZQv79pUeUnmleLdRAceXU9ER7+UNrna\njPJpnvyvgyHoVMc6ZRc7pbvorfh3Cl0hs/98xer8KvTV9s7x0a7xHLZgI0rg\nVvQf\r\n=WX6u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"35d13d1a20fe14c295e8589fe5960bc9b4da1925","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.d86fb6fac.0","@material/feature-targeting":"13.0.0-canary.d86fb6fac.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.d86fb6fac.0_1629917592976_0.8863534169064435","host":"s3://npm-registry-packages"}},"13.0.0-canary.e8554dbbf.0":{"name":"@material/touch-target","version":"13.0.0-canary.e8554dbbf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.e8554dbbf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9435682ac2471c67a945e082ff80cbf2c137c664","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.e8554dbbf.0.tgz","fileCount":15,"integrity":"sha512-Ew94cqd0ukidkzCza66an8NDaKgAhFbxBSvQqaAYUEvoqufFzceYjdQV0zkpJNjmZo4qTObbEuujPEEjqmUnBw==","signatures":[{"sig":"MEQCIAZ5buU/s4AU3F3ByITgDRIBciBThgjeFJNCpQkM7rqaAiAypsCB9dEomr+QJ+n/bFv/ITWlge34RjQ01LXLWMipdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJr0TCRA9TVsSAnZWagAAuZ4P/j4WKy43gXY7CitpS18Y\nbh8+/F8dplsBy10qvbgW+26JnZGjsPLWPEYrWAMlUPjOrCxT468rhFCZ1G3a\nbwpWpGac4Sd/5Yf5KcEWTusqsKvy+JkIVoe1NEaiqrZe8Vdguzw3NYjZhokP\ny6ySXgRvzE40Rq67pegxBhe2TzcIxOWZZZd0UybkgyHBnpsGrEX/hHWedi1x\nKWCgax6ACJbjZPLL8QMB9YM5VVjb6a3kS+GM2Ehzequ7X+0AR6w9hpFNpN3J\nFbwYjIU2RamiwyPGWrQdU5ZrXAJsyI4AkZ8QrJupH0U0RlLMarvO3guTiOIy\nDq9zeMDBJZgtaBtv3NA/mygvnRODpSvMSkmSAX92LqnwJ/jCOsWM5uJLi8+e\nmwm850kqY+8gr0H6t8UVgSD03n6bs5k6GZouylGkz9dxeOwu1i4rpnIHjGuS\nZk1QM+VixqvHh6+v0DXyDYLs8mDpo/N3HsPqk5vR5176OvqythsgNBRnD1kB\nzC9S16Sg8qBNa7pI60peoueVr0fqAugyHJH3Bxy/nP4+FBBo60VTNfB1lqeN\ngkLmH1feO+5WwLyNYI5lBqd/u42fWMlpq5WgqY7sBxiSJW9H3t2dDaKqNqMA\nYBqSwd9U4c9eCzHfKnARKEeIO0g0qEoEHC2wGt/kSRODzqGT/zMZZmGxNqho\n9vO9\r\n=EY6K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"da636a8d32198c6289df3bcef39340bf76cf8265","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.e8554dbbf.0","@material/feature-targeting":"13.0.0-canary.e8554dbbf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.e8554dbbf.0_1629928722975_0.9416809806510176","host":"s3://npm-registry-packages"}},"13.0.0-canary.877e3fb0d.0":{"name":"@material/touch-target","version":"13.0.0-canary.877e3fb0d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.877e3fb0d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b702339fe93cd45c63dd28ba57071fc2bb212dbe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.877e3fb0d.0.tgz","fileCount":15,"integrity":"sha512-kBp8zebSEHif1iQi2SaEyATNFKU4unwDjgq6lP5Aah+xPhzKJkG8svM4SQ/49WcgTjcJfscdCmi4i3j4RgFMYA==","signatures":[{"sig":"MEUCICHrk6/6yXIzXWv0c+eLnPSNz52oqhmBdg2JWBi+0vG/AiEAtswC1O4q0Ud+W/kw+uWGqs9ovzlTZaiVje5Zbzv6r0A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ7UzCRA9TVsSAnZWagAAf/QP/3XtbH+Qj91mPR6KbDCg\n+HBHK2fCZVHe3/IjUum6F5ia0t68jK3+pov+Qv1vGEmLOgQ1EfGtiQrc3nRj\n9FYCYbml6tEoLguM58BGKXqvERsGZ51hSehQrnXsqljxLPuiw5F8v4YHUWbR\n8kP0lemo1otfalNW+n57wTX5E/jucHwLBcExZ1uHq6TE0THXIhq8I+9UUxwU\ndgBlY4Z/X4axRlR4CbBBeTZJRfN0QiQDCwvc4bMkRSA61QuWOmiIhzZJVcyQ\nD69mhSnVUU+WF+U01j/sVmHOBjKa7diE5JSHc7M0xPT2eGpZKoCEtKa3OiB3\nJZJuPVzwfUDXXPnrE8ufFxwKK0Xn1q1dPCOhNJX60oCE2name6KMJoQTPs/m\n2PA2LbbAGS2Tvhbv04g45BCu3DPMerEKRR1P3T3PgV6bkMC/pUP2CrOrtPOt\nhQEAK+NS3AJvvEi+kNpG1+dh7fTpfD2WvYankyAMMQBPRwRrX2//UAFfG484\nZcGKcEWWu1NlYNnOjX2Pt5P6kTNFPe+5Sem/OXWgGwyC0ZbF4ssk7zHTGoER\ntaTctORSAaXI428qJedJjzXatKubk0SgpfClpgnDTh0D76DmiYLs6OUFq2QZ\nK8O3j2WE2ieJkLis0goOBUvdjScpxYHaWGhi4BvxuiRGlCoRSn9QkgU6z5cb\nYtLt\r\n=IjT4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"849a956f7ad3e0da0840469b917eb66537c875ff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.877e3fb0d.0","@material/feature-targeting":"13.0.0-canary.877e3fb0d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.877e3fb0d.0_1629992243793_0.9967853797564887","host":"s3://npm-registry-packages"}},"13.0.0-canary.6236f3576.0":{"name":"@material/touch-target","version":"13.0.0-canary.6236f3576.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.6236f3576.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cec19f71045990f08a51821eb08619361e17e735","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.6236f3576.0.tgz","fileCount":15,"integrity":"sha512-xBpbZxs8vtlogABh9a1HXNl5YRcjpthlj41TcZI4bfk+OWSEiNoFOEVNTe/IqroIc6WPhkfXwgdPiOctigPd9Q==","signatures":[{"sig":"MEQCIE8EqjG7Y1MsbCeD/+lOoMAeALvbTF1QVZl0mv91MpqXAiAULPCLVB/goOCMPGYCxJclKNRsoo9D2AMQtKGGNGPFnA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ7uwCRA9TVsSAnZWagAAGBEP/jMipl7fXF6eL394nPaw\nJz+1YwtOCbLh9ymhCtknYhpTpk/CWnsqCmOc2LoP9AUWfzXIeFKyldrYDydf\n0oT+rQjXbrkehRDU7aE5dpibSwqWvs1Ui30fHGsLHDt5csU3pVNffiCSvaTQ\nrNzkLEWcbFgxLuvCnW7S0v5TnFED1DFviHoTjnCLP7IbIkNsKTfiA8EZySUk\n4npuQu3pJDJh1e614tQoeeYnTrqDlFxXFvMaH3xWt0ow0PQien17E35/IRmG\nPtTewAHPCELr53aYjUJIKBJsRIFNi8EBSPrf20tywf9i6xubUr4kKWuQYs4h\nIULLFT5QyRwVbZQYeult5G6bpYoobn+U3dhIT8y/XdZagSE1cZJXIRBqyEEu\n5OoCEvQRHxkFW1Stgy+6/d4Np2vdarILniTkqOAAuRp2aRJrRjFlO2AJcQvl\nJme7g3+mGJ+DhXYYCpcS7mYWF/RmFXLWbZ9DvyZpL2e6Vwn63DOH79kA+avL\nqK0VyxPlDqlibZV2VL7aVrSKe+mLVPc2VmQUquwMcyG0xygzBxxzsopvX5FU\nfqwsIafRAnJ4Q7PISvkiMCL/A+XN4rQAcrMEJadu3VNXKxMvZwaau0wlOUyh\nYPjkmlzScyxiWCIHLUKkJqVIP6BkxFOGWc3apjrbbkjVASpvTt9bMnpILQW5\n8HQu\r\n=FhRP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"27220fe16ebbbdcba193340cb99388e30976a2d7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.6236f3576.0","@material/feature-targeting":"13.0.0-canary.6236f3576.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.6236f3576.0_1629993904830_0.24636034137654628","host":"s3://npm-registry-packages"}},"13.0.0-canary.1d19158a1.0":{"name":"@material/touch-target","version":"13.0.0-canary.1d19158a1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.1d19158a1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b73cfc47ac8c53749a1c52b1f9fd20f66dfc7ad","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.1d19158a1.0.tgz","fileCount":15,"integrity":"sha512-nlJvIxYZ/ev0vFc2OQWtZ03BXjLNivvEUdv/j1Ymwt1OWTrm+LKDlO9IwqIpMAy4erTwT1gpQbmD/i78uGGf3w==","signatures":[{"sig":"MEUCIFlNkyCtFuinbb4Ql4bmxDI8n3isMNp7hQPkHUYpuXZ8AiEAmHqfOewVEiin0+AHO3KfTCeDR0ay8bnzV57ohixWuOc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ8qBCRA9TVsSAnZWagAAzy8P/3EvC9ShFTw2sBLFdxsV\nmn2byGf+ppqxPu0/QUMndVhi0x9ph8icHhUoeYZAHWzz1AWUzewFOczD5eFz\nerLoDyIyrs2LQuMWxrpAI64JarWLrotfivRQunQ4wcxJkJzHoCr3S442HyNJ\na1KdRz1qQ+bB5rzjf7JQPvY1yngikCA9WiQH3fG8EHuO8kJV+u09YC0TzdXm\n7J4qriGNhx39q5WULFZ3SpfoCZioEvI5M3wITBE6pueUiL6ULjXhffA9UqVI\nMoCSGPh8BjLqI1tU4Nd0H/YHWjPClsIqBigCEGcBvIgD6yMWXhk/BMPgeZc2\nDLqXc4WOdpEc1XzgrfYDkGiWHWH5u1NBXPIbyq0GL7tlCf+m/75G0egCXm2h\nNGKwGp/lvI6N1SbkD2AfrkzTktSvWgNDGKAypXbtHKkR+MhmyKHb5wnd/zCR\nh7VLkEOsqEaVz6TZS0eJopqEM/cwBJGPrt3oggG3rUxO2nVF176eQjBin0ku\naq9lE/SAB7WTya7Wmx1LonKOjE5vK1GW5QJpq2lAF89cLBM62zHr/8OB5g77\nRaldOrAxnO7vvVQ4wlbhnf9MHJOty8NefRwzgUUv3IbQ9V1xgB9/Dh6Tgc5t\ncrTY5eybcJUAsLVPJ0ePQzNJqVP/6LZQp4EEuUADLPeEINh42MHEUCeYA/We\nge53\r\n=xY6f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"451d11fe02e89db73e3ac79cab01741c3da63ab6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.1d19158a1.0","@material/feature-targeting":"13.0.0-canary.1d19158a1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.1d19158a1.0_1629997697021_0.7832187240908419","host":"s3://npm-registry-packages"}},"13.0.0-canary.6adc9e83f.0":{"name":"@material/touch-target","version":"13.0.0-canary.6adc9e83f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.6adc9e83f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f6fb9d8ca3e5aeac6bdfcbdd637a0fa73481c9a5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.6adc9e83f.0.tgz","fileCount":15,"integrity":"sha512-y65/PLswLyEncQ6Z1ldFaef8Mk67I4kjoU+R5FfNA6RbMFHz/GfGouQ75SbfuFlUyBc3MLhlwqEDSCcVbbf8Pg==","signatures":[{"sig":"MEUCIQCRsYi3Oe7nRmjlU3BkNv91G8YQtfzcxCIhbyw5r/neegIga2VcEdUvaJXih+ctR+Uy4CEwbQsjVG5nvEayXrR1YGc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLV8dCRA9TVsSAnZWagAArokQAJMuHAE6egF0Exnddmhn\n+CeN9ShLrVi3owfxR+PbwZ6jKDhj4LRul07gVIVmS7k5YTmygWx5uQxNLIfL\n1OP4kJDb9epscDpR+2c0ad4nCWTtte6wKGXxCq/yms/Irr0TvljJ3zLR/UJY\nw5+AIU1pcgh7pvLDPvQv9jA0TDFk5M6LjU8FuKe6c8btKUNia2lRw2wvzP93\nQf7a4ZC548tWWqs8Ox3nV13dDIZrDFeMwdb/zVyPGJ9lrUem1wKFwM8PMmNp\n5b/0uGMi54PywlP46tFSVHw8KbIN97TDM0/1NsaDuMJUrauivK9nvRRuGz7i\n7qMyLtRwyv0qarSSBcZ5CDdPhVzPPXtu8gaEq++fItuPdY2dDXsrn7tHxDei\nY1tEVoWr3uzx0UeoRFq2DpTwaOjxZrGGCPwR6/6dg/G9YaUwY6KwebB0XtaF\n1vS0CA3zsNbbG8VC/Zxgk9DxQgX0ysr49NMPn7egklSPZszatE9XTihKf+am\n+mSJ8Iic7EdVP7Lz5g3pWDbPFzJli/UdTnx2d3l24KjGI7+qx1MwYvj17wKr\nm6m27i/7ckUMyiYS7Rw2J4sLRmyw1o1y21K/4KHD3yUEudzhBU6/us/BM2Fz\nxivva7Nl0CCeB4D6MAvm/fu+PHxReeDVD+BaJVtdgKoyT5QU2NMHPWMJtc4T\nvUTL\r\n=2gtK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d3d9f017c96584c46d77544b9f0dcb6e22eeeede","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.6adc9e83f.0","@material/feature-targeting":"13.0.0-canary.6adc9e83f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.6adc9e83f.0_1630363421806_0.7329544990560235","host":"s3://npm-registry-packages"}},"13.0.0-canary.d082790f0.0":{"name":"@material/touch-target","version":"13.0.0-canary.d082790f0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.d082790f0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"54fd424435b94414e41956fdfbc0cad431d0ef27","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.d082790f0.0.tgz","fileCount":15,"integrity":"sha512-/kkHCIFxvS+wx2sdRVdriDVZoHpcam55M+lq9fd2KinSbMqEqsX5UN6wJpXcPM8eo5YWcmreq91Li45tovU+zw==","signatures":[{"sig":"MEYCIQCEsohRqqpLHUQwtlEi96gaMJRws5Jt3JoLg0otMSxF7QIhAIJh6ey/Lego58K4iruIKB5Kv6hRV8sENwooEOT4G/nP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhL/ZnCRA9TVsSAnZWagAAh6MQAIkEO1wQXwLsd1gq2VRH\nimMDra7HMoA7Tul8l3/kN3aITn3S5RCQgeGhswvONsODHzzs3KBTcPnuloVJ\nTntCQ8fOoZn9grKeqewZwJRrV/SmCvX3M/lPdqeEaXoq21HCjhaPLWGwHwf6\nqDrvhVq/LMvZDrFCOsmn/MM+VyMjisoZ2E7B9rivI9fdM52JPe8NuU/dfWnk\nPojiby9FIES8OlAcRHPcIdpLWWAp90CDPlCYIlm+aSdgAbsXZ4oAH52M0lZN\n0Ert+rmVmk8RXSDlRd1gytcDKe4kisD+HYQn8gDPd3us1GoX3nb3EhizP+Fp\ngoF6s454j5f/U9xBOGZuxMNJp3RtaRhkyI1Sz+ao2cLFm2bLsBhGxWs9EiuE\nBU+S5oUGCjr0Oc3Xp/9jOdvE3CN+8ZUAyag+Df7VkTS+QfhDYPhMPMYJrYSj\nYsE6tdL2sOepnTtDdmoRVDtySU7bWKYynmmPT3EsobYxmpi0YTkUvRlAAFoM\nKN9Bpf2YTiJKKzhkr/Ohea0KrisTMOc4HNSdoSnXYr+eRjDElt84fE4wX0wf\nvENr0jMmelZQ8KzzBtCqW+VcbB7i29vNz2u5sDtRRhP2hkBsjTstcMZKR2GA\nTifl7hrRp+lY/e0lcBqtnlSpXGdaCo7yRpqyqMAWLnHmSuB33SMNNNVfMXzL\ncMr3\r\n=OWnh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"77212852cf39af4379f15c0daae076eb8b562c15","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.d082790f0.0","@material/feature-targeting":"13.0.0-canary.d082790f0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.d082790f0.0_1630533223051_0.2406285798344765","host":"s3://npm-registry-packages"}},"13.0.0-canary.e2c4f0196.0":{"name":"@material/touch-target","version":"13.0.0-canary.e2c4f0196.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.e2c4f0196.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"54db0cb8caa15d7c8bfc1039eabd85bb8bdd2d75","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.e2c4f0196.0.tgz","fileCount":15,"integrity":"sha512-ePX3uvX5kN+XcF4SfHrVCzJ4JqBTktWEgtKvrTB8GznxmwL30dh5DrMLk7KlAaw+ZfWLZrVWrAUwshQaxllmTg==","signatures":[{"sig":"MEQCIAxCRCejzR4RPT2Ykb43yV0yCXT65UTdxAzlCv0fyyRFAiAYioRVblad6rJpyDRpvMsUT1IxHkRFD5AZhEmmeSRQwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMDKZCRA9TVsSAnZWagAAOzMQAImf1Uj0lTspJNVWBb8W\nZV2yrygEZKp+OxHHtGu5a+Lvh5gQGH6xdGdLiCbeLh/d7yr2ArGb+Gkbq1/u\niHcSgRcOgyccHm1ZXNrhjw9KIdo12EYOsoqIp6TEgrsJBS4VYHQGO4rpEuaq\nwU5+XiTlDbwX5x4m9Dir/k/TS1MuICVd9P0eb8obA6sQ5y1FllbeKQSLObu1\nKsgnVlh5+P0cGDUv5BrZfAy7sriyzdAMC23Q2SaAX7JVxun++xG1XvmoIrS9\nt7z+z/Uv7I5bFbN5otdt9gkqT5mEC06Xt8wXKDzUqCkZD/Z0WAmRtW1PeyDI\nwH9o6mJYEMKj2eZjoGKtf60Si6GtoBWXGYHjJk3YApYqXcoBaN+AqT/sj3PY\ndgQUu822Fcm4lKCLYM45gFtC0ru+ZKQWdO6Z8tZy1E6oXCoWMVOtptq2iTqY\nx9pHwV5KbPr/7W29IiR8heTk3bbaeg9qTeBsS61Iommou7Kw87sxKLSWCymN\nNqt1sSsa/LUiu6RvbFNQjDgJnpB4EQbGAXmNIryko/vXe5xtKCJePwd4FKOL\nMfkqch+R17qMcpkRXu2PbNQrOSIPnENKbNnMz7CLAqrToOQ28FJd3s2HhTF3\nDGkS40Z+WMXE2RHC8BONDhjIU+1c7bjBojBvvgnmedKhItz458ByPV8lTPJ4\naDMO\r\n=TjUE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2100e21debb7fbebda0966c953fb24e1964c19fa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.e2c4f0196.0","@material/feature-targeting":"13.0.0-canary.e2c4f0196.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.e2c4f0196.0_1630548633318_0.09966684939087767","host":"s3://npm-registry-packages"}},"13.0.0-canary.611db508e.0":{"name":"@material/touch-target","version":"13.0.0-canary.611db508e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.611db508e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de83c21eb038ef7601898b0c0f8430f6e535d884","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.611db508e.0.tgz","fileCount":15,"integrity":"sha512-io4N4ZJ37cnxnwOD9JLB+ah5yIFIs0CAYir1NAp+4KTPV9n2U9IZ8vIGGML2KEWrULRuTlcXmuAL3HL2x7S7PQ==","signatures":[{"sig":"MEUCIQCDTT86OFYOSLTzEKFZpus/oc6X0v/jSUxgXMEic3mJ+AIgQNv/NMjYESsaojShFJxxIdtycLeiFKmB1WU5FioBGM0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMEGJCRA9TVsSAnZWagAAqUoQAKB8rdnDnYELlpTe2sI4\nyc4lQHCMvgHw26D5FuNyC7rDBCsX+/Z4cvLEG2kWF2KSOemtFGQXTX82D1P6\nz8W1GdHiW9bikOCKHWD9mozGgGYxoqytCbn6OUL+nkwwNMeTR+h/HkGjPdWF\nFGA5RS8ViOl8S050N3YiIEuB5xtMsD3lmF2jgZV3Kl5SKHPv2m5CWGzZgEln\nfYiP2bv0E1nfTRwzIppt1Rz1OpPmHO8HYPkuqjn52RyFGwtD+kN+YUt1K0wP\n/fg2cRnlT5EwoNBF3dc3WZubdtGaLNXNWD+UpngxDcNBr2d26lk15koMlNq0\nZcXOZlty7fHa+UN3KBMmL9Bsdf/+5fPntECHHDwWN8truOJGO9RRrPxSQ9Pz\nbpSGbRMjZ4rjnzmFJNnefxK9CTDxCf921rqrUQ5dOwIwvH7inpp+JPcEYUbQ\nKxKZMt1aPb+P9yXVl/v/q+bUnMDVbBoeMYRULRGal+oToOvBTWhuHX5Ect3x\nSoyN6n1KhDIwJBhlYNEMXqIg82GcQPy7ZTmEixBI04j0y71hH+ntad40QTpY\n+kBlEoVvJTJ7W/XXhEWphVRgJyxBEYhvwFP0SryUc1/TpPM0cU2aZD/pTds5\n+hA+5Nlt/jS0cc23xRWXRVQpuFz4Bqt/w+u7Qw3qEIpYZ0PAeDxy3kimD+3c\nDVTd\r\n=E7jx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5d75be4b0e067fa5d6477869a053c630a67cd643","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.611db508e.0","@material/feature-targeting":"13.0.0-canary.611db508e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.611db508e.0_1630552457415_0.18637370959393684","host":"s3://npm-registry-packages"}},"13.0.0-canary.d4706933f.0":{"name":"@material/touch-target","version":"13.0.0-canary.d4706933f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.d4706933f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce620547991a6b68a0146ee4118abcd72e3e70dc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.d4706933f.0.tgz","fileCount":15,"integrity":"sha512-SihEyzl666sKd/Dx44likbI1BofDtzNdhkAtihrFlk1KCOT4X0phVCwinvuxt6I9il7TLJDIlIoTEiXigOZu2w==","signatures":[{"sig":"MEUCIQC+4dvAU5CZ62T/7ms1EJ+5pgJcUHqmu8CigTuEkYSmjQIgflBWocgz5MuZmebPVgZJyoRjWHNczEkw3mFDTg8uDuE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMO+gCRA9TVsSAnZWagAAd+4P/2hiWwYP8VEsj/xSu/VD\nCHx9rg8m0H4v4Xi+qS/JjiPYAQ5FOZfVcBULaU/i4HYphY6zC2RDyKeV1Ofl\nfks2mr2raOUYlAulcXOEtD6pOnXhpIE9atbAaK3+orJWGpqnJ0bj8hCmhoNT\nIibjvLrzgbuyC/6FQOCo1sbekF0BZTTpJPIpVglEItnqtxVFuEuR9DXVMKIa\nceehOHsJud1DT8xYtTegyAqkPO4f20JP/yeY9Y1R5cX8ovNPrHOIBjHe+55/\nbC+Sef7ZM/vXF2+QU5GI6jiEt1IdG/W9ZbMGNJprO6wMXyoaxPfRiB1/rnEx\n6th+T68X7h5nOqkJrk8LRUr/7SZFamH/xIklpVAPMqlWtrk8V102zgBQCmKq\nPIPZY7puVLf64en34uKUX1TxzBe/Pub3K4zGyoxEwPjA+G7UfR0lDjjgJ4/u\n4ClC3Tv9Ka4wHznZ0hOOxDZu0+msClWg+djInEjQVsRze1NNbJZDP2KFdEph\nKoLsgGFBOn2ZH3V/OjVYHV+ZlgQLIOI8V2gcX0Oof/rAD4DBId92WyNFvW0p\nOwIVUTLUXOAkKCAFfewXvMf0u5KYdbwUIqSYDBuH8jo0VizYG7ys2RMGMiBb\nxPQ3gIcCyxZ7bYNZHAkYVh5NvtKkxrVokkdd0xMurWWx/v7bWfBsKCqInIP7\nuD6E\r\n=aQfo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9e7edb1e0621060d55bf2765cadc8f2ffcfa0f30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.d4706933f.0","@material/feature-targeting":"13.0.0-canary.d4706933f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.d4706933f.0_1630597024409_0.4188159017299955","host":"s3://npm-registry-packages"}},"13.0.0-canary.c16fe03ce.0":{"name":"@material/touch-target","version":"13.0.0-canary.c16fe03ce.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.c16fe03ce.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1cc8600769d9048cd0c2cf41d741a39539af2e9e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.c16fe03ce.0.tgz","fileCount":15,"integrity":"sha512-mFvVbpK51UQOuY/V63AR+BZfMw4NsfrlXvdXrGNFvihkQ1T1kxtxgJz+RInaz7CXhbCmfi1eHhbHXMsnZ+VCDw==","signatures":[{"sig":"MEUCIC0I1eaB1Fi3XIN/lvgmXZIiSTH9DEBgmKy+uO+oYe8XAiEAwidk9cJ7pnHJIlXfzsIbpJJtwwt27EB+Bt8dFBDYD7Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMQ1nCRA9TVsSAnZWagAAr2AP/1C2iGB++r+fKDU6aIMm\nwi+oBaK/7EuScjvrcovXSxSaxMvKOGOHKXsuaMODcluG4hSDsITyPW8Nqe1q\nPwH8IaMxYTD7um3CI8rnoOFAPBPAB9h5KIglm10DBenQkukDzFKuiLGDsOdH\nPJHp/h4R9yW2xSqhAGetiKByzJPCLSaK+2OVCVQemYo5JagBsyhzbSBFlEh4\nQHNbY/M9+Zqh6zmO4yrC9A5pqi8syvorqjdcZiOHxiXiOkhpQwa5hj2Xymg5\nXhv0boKr9bvgTslFKjrm/RsxKmk1Lc/DcvBkf4x2EZGl9qjAmarP8aqUzubn\ndGLjAevXNOmpLvYDXHf3dKl6x/COCLWOEcKNpyymNkwciaVJAukPlIzEyFuH\nRgTchh/tkzO3+CPyqAmQ4E2+uc9BNpH4uZeuvTZJCLO1zbmP3sSY3O6btmN7\nN7Llu/5iUE1DaJix/b1pW0vUOrJblkmYIOHI4dAPV8e/ct2Z8+qMoyWheMn2\nNQ+hZd2kNu8SIhh/gug+VpGzw/Q6nnZ8Y05FMwQFdQh/KSur2dGXZaEa/lU7\nJoZ1IIYNGkxTKyb70Jcf8+B7klf1QEynLm/3Md2BolNZzdIDLCiwMlP11PI7\njNmhEHvSHI6ETYhnj4MYJqDAAcQKoFf8XSjd4uOJm5zMsbtD4UXky+zdf+Jf\naMDs\r\n=p4cL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"28281c91b41ff8002401a21d1210e0fc629d55ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/base":"13.0.0-canary.c16fe03ce.0","@material/feature-targeting":"13.0.0-canary.c16fe03ce.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.c16fe03ce.0_1630604647540_0.8418318510156859","host":"s3://npm-registry-packages"}},"13.0.0-canary.9203a958a.0":{"name":"@material/touch-target","version":"13.0.0-canary.9203a958a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.9203a958a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a08215aa044e4e2d9e253a4381249df43de4c1ed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.9203a958a.0.tgz","fileCount":15,"integrity":"sha512-g6mUiS0LCnj7Mf5/+4aAoiCXHQtuE76ftuBQtMYwquOpPTE2sYWWq7TgIdka3e/W+BmUQUEL6h4POYUQPhc1zw==","signatures":[{"sig":"MEQCHxMjZREhqHC5P2rJMM8JCTjn5dh5J77w9a22ojqGFXMCIQCIIGBl+hrCVkqMuAZnLPZRKs+5RNc6U8lIu96wllgDoQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMWJPCRA9TVsSAnZWagAA/zIP/22nGHkUzUk+/QJOYQtX\nLw2YGSeEdzQaLbcMOVeU4ckz3YHD0KZpSB31JLKUDd5HClegWLuP7KsfWZQX\nisAKCvFjmNhoFSprQS9y46eW3k3b0ne45rukGCy1HfUBOjAhe+2tPTpQ2nGf\ne+wBBcon+9L95Zltkj+eg8XEx2Fuhn0h+4egB5IjV09ScGahT6bNtCnwtZuB\nmw+Xn0riWjbfC5GzryacX2XPPicFJTEPGRZwerkcLykqqr2ac4K+w9U6KiKK\nA7dtf3cSZZdHtVHpPms0LIrXw7bCfz6HU8kOr/vHri2H8+YDBDKphpXbA+Ay\nAnFrhegIFgAjGxGyGkV/wnp8HVEgtTEZSeSrkfHx5kWqtmHhTjwuOlDASAsc\nRBXJA7KwVE8UOwHtM/98sqQxUmU9I6pJOWN+ofjKfzQ547FaZD4JOHCS2WeE\n6ZhHUk/RRy3C7dIjWwxbxjsYfF2tfYT9RNid90i0KFurJqzpl9TiMqi+NGVw\nwX/8oh2IhkaK/mWEgJ1WJkBQfPHvwRmplIDW8mrTkUsBLqQA5NX29bvuWVeK\nKfuNJi+pMqxXmPFjuzzeMhhK596AFrQXLtOEhNt9bt2FvlkiR+eJXyzO8HVA\njrHAvU7fLUdLvMArx+envI2KYXpXAjgkkhUeSVYSDxoUdJvpvMuaPMMpZg5y\nDdsQ\r\n=u1BR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2e0f9de34d700b0d1eabd5186c5b5cf8080eaf74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.9203a958a.0","@material/base":"13.0.0-canary.9203a958a.0","@material/feature-targeting":"13.0.0-canary.9203a958a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.9203a958a.0_1630626383828_0.3680349160215517","host":"s3://npm-registry-packages"}},"13.0.0-canary.fddd5ae93.0":{"name":"@material/touch-target","version":"13.0.0-canary.fddd5ae93.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.fddd5ae93.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26a81dc0637dda2630d52229b2b0cb699074dcff","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.fddd5ae93.0.tgz","fileCount":15,"integrity":"sha512-2zE+YgqZF5/LkNQYx3FqJazBIlGG4tEsevivuZ7z64+sP3VAI4qvKZ/PiXPxmoPPIUq5iaHQuo0P+LG39mGGxQ==","signatures":[{"sig":"MEYCIQCleQR9LjBg47xUVkbDX5YLGLWk+3RKf3Er/FM4F7vm8wIhALKUqldo5MRxRsWpzeY1VtWVCVRBHn4e4KYt/xRkjvJa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc7zCRA9TVsSAnZWagAAUPAQAKSFEsdkKyc6orB5pb3S\nzN+UWfAq3A3E0u9hgWxy094KU7TkKtgDjXqBGFkXiQCGOjx84fXdcEMlvFVg\nuB+9m//+Oe0+1PzJjzXI4giSE2ZBSvNDk27C+B+xx0g65ttXvJzJFycyVkT+\nic3NWFwS5FHHqvLZOnA2cV5VfA88zq4MVUQsSPNB7Z0dRDgrWtry/NTpe+1J\ncKBU2UV6sQFEj1CcPDErK5wUEHQZKgJpMm+DY2jYGeioNzbfFv+83KsOynFc\npKaiwykn1Gy6y05eVPn+LCYNViYMP0Kw0Fy6MIv+fo2aKeZVFQAszJmZNT9+\nNxlnWejy04E67FLraeyCbBbqLZ2milRaNgyjqa1jGyw5ac7LQYllKLzYKdOS\nS7/BELF/QcO2N01YW0AcShzmiKxhtOkNsBT7xSoLfHBgjvvx5nAo5o5Ll/l5\nGolJSh/eLWKwopRZGdp7Ztpu9+jpZM+Y8T7w79Q2fIxM+ot5jIqPns1QBnrP\n/G05xthZfwyic11lciHi0gayp5B4MK2x3Is+Eb5AXvuSrCj/0gsLxtPf7DFu\nrFhKOZg1ePpwvhwpxs4lFO7uIlAgtH3NK32egbPgB3pSx7hLHDWQkEczfNAl\nNv/dD2qYZ9iilTUnp2HdPQ3/s/cXWWC/o2QIefo2zaLRrnNbkqElMeHv9h0j\nAdx/\r\n=BLzA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b5407901afd7b18f851e64db0350e0c38797ae29","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.fddd5ae93.0","@material/base":"13.0.0-canary.fddd5ae93.0","@material/feature-targeting":"13.0.0-canary.fddd5ae93.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.fddd5ae93.0_1630654195010_0.06093720821428161","host":"s3://npm-registry-packages"}},"13.0.0-canary.117599a8b.0":{"name":"@material/touch-target","version":"13.0.0-canary.117599a8b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.117599a8b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5ef4ad90a19df31fa5523b9e9892f65fc78a2e02","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.117599a8b.0.tgz","fileCount":15,"integrity":"sha512-gyBvCxgZoNGILuYo7hyoydiNmkb8BhpT38UAAcCvDUT/CCVMJOJPYk3GCgWc8+yAVit9RwsYcCYHvZuQ3Miz+w==","signatures":[{"sig":"MEYCIQCu4Y3P29jNjpDCmr8NEiU/Z+1kz7Zp22IsOgMryFXgfAIhAJNwIYHc120X1UmZJc8CqXydgT72sSnJ7WuS+0lpOtMG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc9SCRA9TVsSAnZWagAARDgP/Axj8K8hM1C9Yhis0OqJ\nszByYsEjAp6s9WwLpkyPnbnfYsumDtj2FfNyqOhDS6NzNNqeyi3YfH8s/dGp\n7qi2p/p1Ve74CHSMd9ksLgi1QmE/nBvRsfsR7KnVEGCeT2Ls0icGs0YY4T78\nxn01gJsI8PAIbGfnGlTCPyNtcGt53JKzJYSCeJu0LldlQ8awtcMgogZSZmAm\n2FaPkJRSv5bJ8ZrB7Gdsx4wNOPPjflAsZ8JvPp6fv37VLPT9k1aP8vhiQttK\nXlCTJM3WTgNlT0mtqZkooiOpiD8C4D7T7YLdWm07pVxvLyKdlAXTlJ9QtRmT\nRrSMZNbzMyv2iI4D4ddJ61bm236B6Di8MAHflIIOUOaxh0mTOXBHfCLd/Awn\nJd5Br+4Vc/B6rP3Lg3tWKWw3T0bVBHfrPyvfETV2WkLhDiyJn5Owjdzo0cRR\n2S1Ze/7iN0uL2FAWKgj1dxaEq5iqVIK8Qk7SwyEI9f/1J3D0lzp3QetlFFeT\n3MM3nvcKrhmORmoDuwwMhNJzA34IoldMxaZ/prLTiiImeYrf6gpsDmx1NnZl\nFqDOMF00osjt2DMGYIuHZOVyuZdv2JnChh1K916eaGlo8gCHLqJrl/eEcwWz\nIja/d0JoGMw3Iyv/JuHbnWNqDSfzOJr7y3TfvCkLkHP2HiXDhzX7bMH9Et43\nb4zJ\r\n=Y19N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3dd17eaeb796b36aeda593de120f16c60ff06a0f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.117599a8b.0","@material/base":"13.0.0-canary.117599a8b.0","@material/feature-targeting":"13.0.0-canary.117599a8b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.117599a8b.0_1630654290380_0.676500492525389","host":"s3://npm-registry-packages"}},"13.0.0-canary.e4180d07b.0":{"name":"@material/touch-target","version":"13.0.0-canary.e4180d07b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.e4180d07b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"000d95f38463403e9461b49fb92fe70d4248cbe8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.e4180d07b.0.tgz","fileCount":15,"integrity":"sha512-EshW3LtwsjIEupiTtnd8bXSfCH6E/yr4EpjziSiePdHgn3wMHBnvVBYbCkD2rrqXZ4BcK437LFIuSWo4B4TNTg==","signatures":[{"sig":"MEUCIBkSweYs1/evHteRhZiB7+KOjAdRcbEE9GR3NvwJbOp0AiEA/t0JGMCAkwC85R5QUAuMZVK0fBp6YbfCY6j7lYGgAHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc9vCRA9TVsSAnZWagAAOdwP/1LuEJJw+zV8C3BjFB5p\nydS/Sf8OAji8Np88QbZqbS7ZM+o+2/7G7gjFz8ULrxvt0CiBgHzNL9FY1XkW\nPU8l+lyh/7ijQ3pwpM1YI8qigjomil7NVGtUw+N/C9Fynj+aZF7QtBSLwJ2X\nCmDMWABAwFUC4soByEIB1LrPMn1zRWrGaDWG7LUW2YMuSylstiPhzVi6L1Bp\njc6MzC9pMOPO5eztLWqDV5aWGM+6Ec/xHMDmoR1gBNkD+gdfU7rIdIWsBBIh\nQoy0nhhCqkMx1NvnUmiCv7Tam8BOt/Ei2OYKGNCgY1hWKoqKhwXoRN5cti48\nMXFAd/KdRN2PweSakifr6/GJ3A6M/tenj2Oj7MwM2JQOwP+Kie7RBkBzfpwm\n5RBykbLFqef7K/UYDi+noJhk3VgSvdbnFvRaNiPUFVW9mp6/0YMHUbKbdkXA\nqkwYcdyEKuzTwk40BhCOyB3HaoAwzlq6CUiheXDuS5I3MUwD4EUiXP2k0+WK\nArhcVKD9NNKmNIuZ5Y+Pj19KFHFTS5UwUGMQJ6jRT3YRZoZ0i2ybUP4O072q\ngLefJjgH115GFitwQyhB20D4L6VYKSGzItUzkzVjPm/O0pQ9L/tJ/Aey7s5/\neoStP+BQqNlA3hjOnXutPX8hr5byDeAjM0Oc9FVX4O8N2j2xKLY2V838JItT\nW2uA\r\n=VbBX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3b94d02f75df256cd0543dbdf5062823ee527d4f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.e4180d07b.0","@material/base":"13.0.0-canary.e4180d07b.0","@material/feature-targeting":"13.0.0-canary.e4180d07b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.e4180d07b.0_1630654319023_0.9741373260185628","host":"s3://npm-registry-packages"}},"13.0.0-canary.42d175efc.0":{"name":"@material/touch-target","version":"13.0.0-canary.42d175efc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.42d175efc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fdb0bb912b3a9a17e8c173c31b804399ac53c337","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.42d175efc.0.tgz","fileCount":15,"integrity":"sha512-LvPxrqxCtSGzf6EhTF1ZH5GI/LhVzwSQNAVfZDQC7imDTdmEDT4PxEdM05LysgYrAsAxC8rSLZN7QZqEkihVYg==","signatures":[{"sig":"MEUCIQDIQ1pTAzk79bk2CGCG60KcrS68ogHVRmmFD9mlR01DHAIgWix73G5kRNZLd4eINlztp6k/oyqOXc/a/FwLQGwBkvs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMkJ6CRA9TVsSAnZWagAAOp0P/2f7MHh0Zf1JxhQaTvkC\nCwjssxf7s5CRqJLuMg2e7uh0iC6fCJjnBY7WI5df5xWrmmH3yxUPjzZkqJT4\nTbjBrBgI3e9ykKAyCYHCsw5fNH2xUM67SGpvIrOhddOtrSzfg9YQqfdqvrlX\n3jZiLEqeXd9+hdHJeku8/fnqEBuDsUusb8ufXPlI8edCpR/fAZ6J2hFuh2qY\nF/eBfIDVL9Ej/j+FOxtaFyXkoPxbUTDEXE+A0oIFzUn4+lSZhDilTTHg05v+\nRylO8K6kznMZ2TVl+gEdycJEsnWCzrEPnOdSBbp3Q2m0wF+D+c6YfkkN8rgq\nh0q9QBhkc6VKzMWHloD2d/PzO/0WqFCbbteLebxKpgLgm/hmiIPZsfVoSYXr\nr7IjuWTcs4mfGz4tfZ0/dXgUrZkEbKG3wFzCa+awsdj/zz6/ydBuOqCk2huQ\n6nWFKxc9fJ6wwznqfJvfNwm8w3T4bLvFPutMIXLUNUZCnYU6Ew0ILt+QH/Md\nvJB0jJBkKAFXsrP7IsQi+frzJF8FbVXWmfx73vQ+ezjcxj+2kVEfN3pt5ymC\ng3JsyC0pkuxLWCUiistFYzCkCFcVg+CL7JtUpRmTfMc1fNCkZcVr+BRZ/ixP\nMR9cSLOKxltV4gxw0IPqHuz7wTSNLn13JyQ5qASxA/HSXeRRX1fWKMwtFk8V\nCRs2\r\n=3hHr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"64e749d9e76a60e5559d8b19e4b57da1f44ebf0d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.42d175efc.0","@material/base":"13.0.0-canary.42d175efc.0","@material/feature-targeting":"13.0.0-canary.42d175efc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.42d175efc.0_1630683770346_0.9332509277695074","host":"s3://npm-registry-packages"}},"13.0.0-canary.72464476c.0":{"name":"@material/touch-target","version":"13.0.0-canary.72464476c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.72464476c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60fac686894df9d6fb4553b4e743d6cff262cf61","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.72464476c.0.tgz","fileCount":15,"integrity":"sha512-cHO50CcUQGtnxm6xqXUZ0R39gCShIuo7chPAT+EhhiOs4YR+rfpY2nPW+hVUqaFeo8tkddopjz2OqGd0FkQeNg==","signatures":[{"sig":"MEYCIQD9c/8J9hVtRgR6wwqSB2gluCalwWIC+t3qDZNDng+9FwIhAN03iyzNglm4Kl2dpqApCdYI2eQHtjIetTGg/uyYKyly","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhN4ZzCRA9TVsSAnZWagAAVS4P+wSAvCJszQq95t8sgNi4\npoBfkyMKaFIYdPuuPJOS3dTj0pZ0rHglCaly6MW8jDDsRjEH+j94E0DOL115\nWKZSaB7fZ+SIkUwkIi04eqIGilyr/Q8H5XXIPwG0ZiZNOhOTEYQyayEn+oZb\n3BtqCJhPKwXwa2MW7PlLu2KF3aJNvSlAmhtGJ6cYnApbCKxRpvIGQ5sAog0Y\nWDvMr7M2H23Qb8Zpr0Hfyqgey6yDTywAwXcVnwy2vlTKFfy5K9oD3fmhD8z2\njsYiQhYtDJfeHR7GR0o/AfuIk/h0JHaMB/XXvd9oQhmJ7qkMSKUB6RdwVrvK\ndllB49NzQ7h6FVQf4dx4ImN3Zgmq4lC3gseFZz6V8/bfzd1RWaj74BzY3Og4\naY8WV+cD34Ry+M2HkPhE6CsjJHXlWCtv6Y/ytzcXyq1XLzZ2EJwx5TgL1znu\nlr5QU6pkGYQE0ui13IICMRH2GT6hal8OMD+LacTXXF8lgdjwNGecwfsnk6QB\nR3lULZBnfCWSQGRVJrSTSsVhzU/huF7QFuhdfdHwwhQKnk2y1DIwhjlh4YL+\n7X9/XrCPDU59xjCme8yTVXjDIIyg+3czZkE0yD0res4Tg4tvdskzbOw8CRrM\nvximj66vFNAfWa0O+krB7Q1bL40nSeTEE09q+F67YtBEqUn7LvHsuXZfDRuw\nbLyK\r\n=iCUr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4c409a18f3ef0a7ee6f9b223a514471c0515b639","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.72464476c.0","@material/base":"13.0.0-canary.72464476c.0","@material/feature-targeting":"13.0.0-canary.72464476c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.72464476c.0_1631028851339_0.2955032501675403","host":"s3://npm-registry-packages"}},"13.0.0-canary.37d4db866.0":{"name":"@material/touch-target","version":"13.0.0-canary.37d4db866.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.37d4db866.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"05cf287975e0db3a9a2d0092eb669204c4cabedb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.37d4db866.0.tgz","fileCount":15,"integrity":"sha512-TId8ol1fO1CwBXrL4r7lUUEduwvMWoBINlLj6y8yhZuPQL1goQm7ClNz/IsXOshqq4Q4Rla3JCRX/TYTpDvfqQ==","signatures":[{"sig":"MEUCIQD8Y6p+OfrIRMTegU/m7mMzqgsWWRHnXcD4Sh28pyy9GQIgXD5Ef4X7m/K1gOwH7BARom3mgzWbFG2eMLM1zSTWsxM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOhs2CRA9TVsSAnZWagAARFAQAIlvj6+iaT61q9XOWTYn\n4w4YwO2Wgbw/538Jn+20vsTEM0/wdrYdpMUo0y6opY/eI23mwmll90Czci1B\nqtj9Hh3rIWAD414V6S6iRakkQ0APtIsvWchcJTBwaOQzWyG8dhKYXB3xJU8e\nkhy+UkRM64rLe2w8A5LUBIakmdBUQRS4d5jWnkmsHqJltrc6CDIPi3bfQOhu\njylNljVwiExf4fecTHJvw8vtFlk7R1N9T9RwX9slS8j4KtvDiwKQ7GPJOvd8\nPTR5RQEJlQ94XEqpr3GL4lNSDafGT9zgyUIW5DzCecRBfazNd9ZoK4Rn9RrM\njqsCVD9gbatw0Q7tj9fQWyaVJqcMCro3Hf/L6yaiXZzaywlGXrymSNa9KnkX\ndM0tnHYNphhHB1OjP69hvALjzCQfJkzR8cmOB1tRjuZUZeEzemtWNJohoNnj\nqnpPOwMDekidGovs5VuRh8ZjsTw2HIzlQCFpO9lBvFa17JtLYCbg/XSRgUhv\nfGNMok4gA5DzZQEhDTSI8e8Uj+PSenznFthIOfdMD8OzexDQcTXb/nebPfTD\ncsWbYTtmX4mBheSK/0i3kel6LnAP0L+KNHNVAAN13sZWEwXivwdpyMpUY2dt\n8aYtXHkhpSxPgJphl3YSZrZN9ugEAXow2XGAJe7C+zvzU89JxqjjzoIT50V5\n+Oex\r\n=A9Tv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"25270b452713f831fa1adf302fa3f2c357ba759a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.37d4db866.0","@material/base":"13.0.0-canary.37d4db866.0","@material/feature-targeting":"13.0.0-canary.37d4db866.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.37d4db866.0_1631198006765_0.39323266417855884","host":"s3://npm-registry-packages"}},"13.0.0-canary.6df682e74.0":{"name":"@material/touch-target","version":"13.0.0-canary.6df682e74.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.6df682e74.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a1b8aa3a0337cc90c4b62aebdc90fe75c76f148d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.6df682e74.0.tgz","fileCount":15,"integrity":"sha512-3CyqNUpglI9kF+XuTWKb+o2LYPGm/KqsOLixfOH23w5C0B6SENt1EM7NMtgljtz9sk7ug+ZHPdy6VW5CJlawSg==","signatures":[{"sig":"MEQCIBHHO1QGp3BavdlpuNAv+GrPUqrX/LQ8RhZH8R+L23YjAiBKNOTa4NL0RSDazzsC9qkmFwlVPUGEdVhCVmH7dXD8ig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOiuOCRA9TVsSAnZWagAANT0P/0Mc55Z8s5cltrvWdZNw\nmNIVLSQNy0K/VE8dLpuwBa67q5v6/8kO+ReVA1QgaVGE7rIgkHVfyZNsq2mE\n1YnR4Ky2fWhCYjIcieCrEJYYXcvkP2XobxTzK9EfFBt1Ae6y6zytRl1nEk7r\nmRE2ivrpQZ2vaZMOauTnx0d8keIfBRr0qZD4vOucrxU+16izEkZTHFUv0JkU\nAWHCGbY1zJi5Q3WZqVOj30ExLIAmqxUkzYt2RlETLuihKLiZGubhDJbe5+JP\nPhkNYRxxsvNaLMTvrR44bChIut9JL1RKT2kS9YBng0/zGIkvNvIa2yPXjGhV\nZ1KqtWYpcVHjxwjx0hOao/d5C78dQCHUXsNnayvwg2lXUiqEs2Bh91V8Hcd6\ncp0vEs3+kOKMPt3Q0Pz7jn/ZDEpnnCvSxA1pXbP7BUgls6aHuv+lWzbZva4g\n8fM6oZVubEd70jOFrHF510jQPBWhVzmDhMtroZEDwHXC0teTHstMTGt2H/GE\nkc/W+0LtcLhUu2VUcgPX8QIn5fXOraJRGdVYcHBPjFSkXiwPILYFivFp1vHE\nGhkRMcjOT6PFU7CeRE20h6Ekr7ujHzsxbacbp5nu75TFIB7LQGMCGuAwJ+2b\nRgNMpXBUqiq7nJK9iGitS7QnVSdf1bTh/bNLAu6sZbHwM4bl84AVEHttzRxQ\nAjty\r\n=0fzp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f8640926b088e6e6fd8688e2bf177fbb60e83f2f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.6df682e74.0","@material/base":"13.0.0-canary.6df682e74.0","@material/feature-targeting":"13.0.0-canary.6df682e74.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.6df682e74.0_1631202190193_0.24687756168697494","host":"s3://npm-registry-packages"}},"13.0.0-canary.b49359c35.0":{"name":"@material/touch-target","version":"13.0.0-canary.b49359c35.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.b49359c35.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c4fad13d4f6f3adb1534b67fdd35ca3ca560665d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.b49359c35.0.tgz","fileCount":15,"integrity":"sha512-/Hcif9iLlZXoRUo/77+Esc0pGvUDoTLtHjPtiCrGfJP0hfZNCaiC8a7EkpT5wl0ZDdflg5nbXNecSfFD3hLM4Q==","signatures":[{"sig":"MEYCIQCgVLEYzdtyC4eH4gdg8NJdc5PnU92OC6iCR7YycPwSuQIhALvLHOVMHerWOHGrJLd8jNSD527hLC3npVobuW2tNBm4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOkXgCRA9TVsSAnZWagAAsBIP/R+WgxjOfw3f94ao8na0\nvjLSmoNBOFdMFh1kuTnnHlNLIv6L8+NhmN0lHFtB2c9VVxO111jnxjLH2pxE\ngzIU43nVGduEcpokLDT3khlbsdydFK3qNQwsvDjZ8fkCb2KEX2t+SoOAPUOA\nLbFBC8UjVudq5YV0+E/9856vB2wiyxaMERsh4ycaynLlNIlkjAGd7S7XP8I5\nApq0DzMYqThZ2zrQ0IWw7oJYNZWbP/kokzR48pd6ksLn5gOYD4jq+lOwC1M4\neuqMR9cefkrPw/YoylSgBWSX7ctW46k0uEeYzftmgtcx+d0EswuD5ew4Bjlq\n/jvM1DZn+qJKVZ3zJo8xE03diE/N4pSn677nlZ/NfT3Bv6NoZp2b6B5pnwWD\ndHNuSGstnng95muxkyCPloqStUmNbsui9axjk+Pf4fMl2e5ufCaWbAaacBMP\nyW948CW54TMhU4LPTbdyeSheM01JW8uTEKNinFLldDqQJhYY4qhFtyibi+oN\nGS1RI0NgYC5BIIkCvoFZJwLlAlFwJLWDBaZxT6BNqOBus0bYpPOom1vozCui\nEh4RrKKbAr1mfbaH+FkGhqwF49JDwLeMySQfb5jsUEpc8KwRzEHkW6ZAaW2g\ne+H0bBcmErbXsiSISG3MWlipfpfEPRKpvGjXqqk2+PbP0ohesbPdo3YlvZAS\nWOaV\r\n=dPmI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"817b18da85c93007b9b038927a1ae036f98f686e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.b49359c35.0","@material/base":"13.0.0-canary.b49359c35.0","@material/feature-targeting":"13.0.0-canary.b49359c35.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.b49359c35.0_1631208927972_0.16004287809187745","host":"s3://npm-registry-packages"}},"13.0.0-canary.470bd34e8.0":{"name":"@material/touch-target","version":"13.0.0-canary.470bd34e8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.470bd34e8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"972677155081bdb8e94fbc1250a9d261f238f7ae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.470bd34e8.0.tgz","fileCount":15,"integrity":"sha512-7Uom23W3Ns8JjUpFuzevixXCsFvmeP5atGEDV+5Zy7jKm86yNsEk6spOSDtA7AByKcxCcU6kdTHcbbJze2AsTQ==","signatures":[{"sig":"MEUCIQC60YQ3YMqJW+/y4g4azDoyAADYxnu/SQPGBiMc36C+aAIgKS/z6FSktJ83jZ8uOJ7TzhA10naRoWtwBLP63HKdFOY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOkvhCRA9TVsSAnZWagAAXsEP/jRpW0ewweCPYSGPX5Kw\nCZl8imbMWfLCeqX2FNXgGCIW2V3+jMkDxdo45Vcdk5qSF30RRT1bFuua6v/N\nxUoBbCeHD8NH/1MPnzc9KfplrP/XmMUOSPDAtrmetxe6hWFldTJfvbZ6dDaB\nCFlYgTCkjKOyIHZhvCS+j4Hu3pfhxugYicIC+gokOyO/YmcigrmAeG5Iu7s2\ndhoUSNTZb8c6qc6tPZs0GnUZY6P7t7OycWNZ83GcADQ7pLLaj8ih9PRmaNaI\nObrT93/IiAXEaAdNbMdPASF7W2mKXkcxIagrcDbEacQLRgGayglBsn8zsyvM\n7QYTc72f1OtFWFJn797OIRp2sxTourM1WMHXAz3Lc5u0hDpnS+HySgklE75T\nbp7LrCYMEeYTnmoP1tNUtM9aInwzMLUYbU6s29FaRtHNlIpIZfImJ69TsVsx\nz5JQ/CsM92FK+fPzaa66hgV9IDLO2wwshtkJ22QvwK/m+ZbgzbwdUiz1q2J3\nEAVCs98NabMEDizDu5UHE2BetkTSo5mwmp5clp0KBgvLv0Pb0XgGnkS9poC4\nqbqlFW6SdfBkCF5KE4HXWzG8PVbA5RamkKaJlEEPCLLfbl5TpV2JVTeZqax0\nHrm+ARPHCVAJnfBXJ2TaKCk5j7IDW5pFmGJr44gZE/j7LH2lj0q58xoZVQw/\nJ5GU\r\n=lrGn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f249b00e3cc067fbfdf722d71dd85392d031ca0c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.470bd34e8.0","@material/base":"13.0.0-canary.470bd34e8.0","@material/feature-targeting":"13.0.0-canary.470bd34e8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.470bd34e8.0_1631210465486_0.4578295317391021","host":"s3://npm-registry-packages"}},"13.0.0-canary.d48a01771.0":{"name":"@material/touch-target","version":"13.0.0-canary.d48a01771.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.d48a01771.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"125e1fa79408e20dd9ce017a98058b2d4c09f104","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.d48a01771.0.tgz","fileCount":15,"integrity":"sha512-YIIFrlKs77PJSK5BNa4D7ukbTyilTwdwNGRnVM+scnm+rtGH2rbtLoHjGPJLSI8iZxjfRp8xaJteLZifk6mlQA==","signatures":[{"sig":"MEYCIQCARtHoNtcapvPzyqMVKn9DYjwN/yCYcEgAfSUFI+t2BQIhAOwcoJiHIwjuXSIVi7HBMVY8rGeJd7OCXaCtbmBAy8sM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOk4MCRA9TVsSAnZWagAA+7UP/jzaqZwO8GyoRuMDus0a\n5Fcxfv6inlI5sBFeuSd+TjzE3xvEG9yORYdBbYmj5WdBj/8mYeV2XFUssupB\nGvOfqGQiZkVm9IsHqZo6iP/iFIyaPDenwy82jyx9ZamJVXK6lVjeJ6ZM26FE\n6QiYVixCN6wLAzRtQLVUMJ8KxNQ2Gg2TU45TeefNDwKefq+KydpXA92x+3EF\njCEMfvy9leefdmH4S6DnQ3iMgPkHzRLWHXwTr/EavRKeV+3xQJh/TfK3S57p\nTjT8oJoEcIEYXzKWv5Sjv/vz8dSFu8oBBgFEYhj4K/DqTaIFY7UiptIZ6z29\n3+eV/28UgEJZ4v7aGm2Y4m6OXF9TE1TsYOZL9BL4Z43ac6rGUtjtT43dEL63\ncSRstKZjrJDE1RgNbIKf0dMi/fm6Vvl94LlAeKaf/cBC84Lf5GGLQvAJ90hG\nSMSXKCNRFXbbgMYdojWQusl1ujEyDJFIDJhQyvOCpLeFIeqHacA1yg6f1I4e\nFxsGy5m109OOS068xSvz8rEhr47BcVDQfxeMMxUDoAL18WBMqw0oS/JEo6Ty\n5Go2Uad5+1GSQFJRYYXAdUzBOdiDTlKdfofJfAy5HId/ioYE/yug0mkuMMH6\ngbPHFfFay/iEZF6WJVGWyQQuudPv5vTB7emQqFJ6bVZSR1P3JAm3oVFk+fHM\nzNgM\r\n=MsLA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6796441e86b583e99919b207640bd02efef6fdeb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.d48a01771.0","@material/base":"13.0.0-canary.d48a01771.0","@material/feature-targeting":"13.0.0-canary.d48a01771.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.d48a01771.0_1631211020075_0.352362342346624","host":"s3://npm-registry-packages"}},"13.0.0-canary.13db34b34.0":{"name":"@material/touch-target","version":"13.0.0-canary.13db34b34.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.13db34b34.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"75b7ef1801d60cd1c4443b16b611a1cd06244858","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.13db34b34.0.tgz","fileCount":15,"integrity":"sha512-v8HNlCZH1QxT0zU98TzlPZeZK2qPMYCwooVOus4ve6D9yYJ7qCCCczniYnNHlioYjSDD83v/suqrDcEWL2hzZw==","signatures":[{"sig":"MEUCIQDuy6/PTQHJyZAv0RudZOHKxj3Ao+8pDetUFGrjM3WiEAIgJTMlI5WqeAjUqMbS/68EiMuvAcqTtskTWZv/Y6vCKk0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOlGRCRA9TVsSAnZWagAAAEUP/1ymoW2QgpXLjHM4m6ae\nApQxS4wZXEfwFFdSQdhai5Eb424PuvhQvebqh0HqoxO/cZEex+OX9+AvYscd\nZUpCOhvy/hkmhjcnGh8mraY7Wyce1q44q4SOHwIURC13k8RDkUnLP+NPeKch\nj3lhhN9lcJ/eQoTXDRS9xFUWPGNy39DPT/b53iWm/ToTo/xUcoMuYT+r6vDW\nQ6Nu3oB2wPHdpWWb77SGqzlWpE1PXoYwKsx4S9meAmp0kusXITYWxwqrdPTq\nGPDRTas/ai8lj3sTzmXy/zKhQ1NY85DDXpCP8KggbWwrW9+9lY+poqVANe8h\n07ZpM8vSK7UNAkZxrG4LG7GziFSuOMwe9yCV9BE2eTSRMWr1UC3Cl4kc4SV7\nPHcF2i8E/sPEWbGyq8PNqv8JAUCmv/Zj05DNCbSG3cz3QjpYc2ZhSs33vJYN\nm7SrJz5bmxJKolNymMzwJ39iMt7BBsPsNw6sJZv3Ez8d7IkfS/armMMs5xie\njvxI+2J+PwNF2zGkwitPPjCPa5xJgVqXyc5v6HIzxO8j4/El2UAMAKpBT5Sl\nr6XJw8DwepPaSOWtXG5v2d5xeLqF4vg3INiXLhQRp9UOy4pij4/qlUvCftxb\nvEuYLNv1/XaTwkKH+13MwcrTSQoNV+VpMje7ilWUP1rZD4rXJGtEH7aDz7Px\nvNjp\r\n=riHA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7883b32c9c6a3280e801925b874df667e1055809","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.13db34b34.0","@material/base":"13.0.0-canary.13db34b34.0","@material/feature-targeting":"13.0.0-canary.13db34b34.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.13db34b34.0_1631211920930_0.641758400953137","host":"s3://npm-registry-packages"}},"13.0.0-canary.864798678.0":{"name":"@material/touch-target","version":"13.0.0-canary.864798678.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.864798678.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bdaee7fdf5840788d3f9aaee42bbd72fbabbfbce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.864798678.0.tgz","fileCount":15,"integrity":"sha512-jrbMG8poSDMrKhncF3Pf7Osd/gh49VErGrnyQk7dlp2xphFH4aoHGGu4I9b0RqiCdT6Ddcf53+HQ8RUDYimGrg==","signatures":[{"sig":"MEUCIQC7tjclxMAg0h/ejVeocHR6p130c7wnE+J9fnCBQLOJ5wIgCTnuIPTfK+r4/nz2jTo2cY9NtsDIYy1xAXcvIVWlt2U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOlQ8CRA9TVsSAnZWagAAloMP/j9oeTAST1Yu1Ygip88W\n+csspy5o6U2awMFlWWwClnFiBFswUWXNSr3FBBVqKIQIepKilRW+kR0x3ILr\nMERjOF6zHAb8sJzTNhV1rfL5tGSwua9ZaZ/SJX8Ixu6FvqjQKHeIAoOUnaOf\n3dzweDB5a8pzr8LGD/u6vRCQh8VG3h8NK876uK5xFy4EvRQY71nYKZNSHVG4\nzbgZclY6UwfGJPmmMDX1sjnEEEn7GGxQAy/LxmBncGg+NOtNrUHBsRJJ/21L\n7GG+ORZ7Qg4/qEPtlpW36rAlLCsgs0/iLObFj3Yp2hyuKvSFdZDK8bauU/zg\nwcrHPQ/hqYpD4kDuoBKaKsggfJKJZCeGpRFdmyWEFS3t2TQ+gLbeu+1YkSIJ\nIRoKapKa6HoROuOjhb5y/U+f8SuqSQR07kJD94UECOcDi1/GRjwg09l0Y2iy\nplnyMZ1jgEzWVBJNAyX4bvZCs9NCpgie8va47HrtYy8y12Z7TzNZmACO4xUb\ntzs9p9Zcw4+mP+VPiI3oIbU+XnpNJ69SkglRLwPDcDl48jQzmqDSRjoOOi6n\nSa9uzskb1aONY+Za/VNbBXPBaUfUyM8MxAZZVySaz9kYC/fFJ8fwnOCnUv1p\nzSuxYdOBqGdyORynqNd8EKkgjT1iGEa23dp6UrEAfN1fhhiClh0AU4W2pumK\nhOBR\r\n=5SaP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"08d2ae683a56b5e86f7a54eaf5a2090fd4288df1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.864798678.0","@material/base":"13.0.0-canary.864798678.0","@material/feature-targeting":"13.0.0-canary.864798678.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.864798678.0_1631212604082_0.61319765522308","host":"s3://npm-registry-packages"}},"13.0.0-canary.d04bda3fb.0":{"name":"@material/touch-target","version":"13.0.0-canary.d04bda3fb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.d04bda3fb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ae89d3e32196f792900a66b14a0fedfed22e427","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.d04bda3fb.0.tgz","fileCount":15,"integrity":"sha512-jrzT2leL2cepPmwFY04Pi+40YLtPRrkj4vaFTLzcJwiNcx/l3TTCoHTJKY+OOigSBnx5oCrPifTYV6humePnTA==","signatures":[{"sig":"MEYCIQDxLoyIgcsJnhxGsvwEFb8dbSC/C0Pvm88/PTs639IhAwIhAI+a5pC2z++oWHwIPlrumN2MUjDsMhCXMCGxmgRIeuXx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhO3f7CRA9TVsSAnZWagAAJucP/3lIHno1GsWgk0C3WUjT\nPO4hdlvsZ6gD3o8N3/WzsMf3DNeBOAKkVn4b+V8Y4lJKmCb1ELIq7EN8EDah\nXLTWclMBk2Podl47aa8m3VbxyisGs7OoEYLeA3G0h/1GRg60Cstl3SRFZ1xF\ne3snZSZUdhz8sszcEZpG5GOoRxvruOzWwZ0DFOv7oe25kbQalYk+5sM6RZve\nzXwrccnRuK2xfARdBbAemvMFve527Y60RWYBl4gyD7h3Ir6bTxewZ4lrdsDY\nTGIuEj3qxLD5fUl1jEn/VwyoWKp8BiVU93uTJJnvWFrFCP/9z+gBLPWw2J/j\nOrHBCb4auro2si/SBa4dWZiRkRE5jE+IyF8TlNvqaFhxRhq7fXRUS1p8v157\nhvK6X5T+tmgHgktqFcN3idk0vKvkOhMTe6k4uECaYNIK0vLPgrbTrs+9tZcE\n7uq98rukBN8ibR/j+LH0ypcWQ0G6GMnn1e3EEm4GamXJasG+zOaMPtUwMMVf\nLfuPoD31j2VQYtnLEX+E054XGypQJUyuVNzrxOTeZKo4vBd+rCdLFko9SfXu\nntjuTHr676RVHn2qBGRBnS3yVxjabXODscXTP8IIhBtlzHXaBuOF6uu8nA/J\n9YitTlGAOH9lurB80qO/9uB2QuynoO3r6tP2nTOXaYnNRzdpXlxP6xr0ajP0\nK1Zc\r\n=wxnr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7dcba6a47b77f0011a1f0e22b3540e2a70b285cd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.d04bda3fb.0","@material/base":"13.0.0-canary.d04bda3fb.0","@material/feature-targeting":"13.0.0-canary.d04bda3fb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.d04bda3fb.0_1631287291735_0.18461668152667232","host":"s3://npm-registry-packages"}},"13.0.0-canary.5533f73d3.0":{"name":"@material/touch-target","version":"13.0.0-canary.5533f73d3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.5533f73d3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b58d3a8d2a0538978a469ac801f9cc099077583","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.5533f73d3.0.tgz","fileCount":15,"integrity":"sha512-4odS01kLqvauirwS3fOukkpAmVErTP7a6uR7I95jWI3FtYgegQ4E/OgB1aMsg1hQ/WDZRfaRkg8DpSBtJjULGg==","signatures":[{"sig":"MEYCIQCe7fuR2fM+6+NDHD8Vv2NGdALInm4BLTNhnRD3G5dLmgIhAN2Gfwx31CW6WyZ5q74NTQe3du5h7OWCGrIW7jeNjNwA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP9jICRA9TVsSAnZWagAA1KAP/iFcS/hUhE88juCDqAVm\nUHhDQRwPhdAVGNf/pDs6xeIE5Mn+RJNnp4Iutycu2iBMt01BCpUwNXOtPN0y\nzCOgDETSMfe3WmoiEtKBG1zEg1HqBolIf42bHrDavazWOLm3s1PCP1DFVQm8\nklzh2D3HYEjMN67wtl/Bfp5svaN1hvuvPoUJHJSSOJ/jFoMFiQ/DsmmSZk2U\ntsNDxBM6hakBvMKhMzKLdn6jRqBNG7fb4ktQRrhbMgGkfpzpnxnJvZz8ycvs\nM7+KoidUH78HwyHzIqaYCgmRUoexGefR6XnSwg5yqkGT8Q3drfGJBim3/HrJ\nVpdzaLh6rs7gSNqq2Il7wUc2lJEEz2HZ4jwgg7TZFV4wlVIJrJsPw1rY7R3R\nnm35vAyYE5lB04ndNjOVvL0df7OwrPe33SALecx7UekwGoTW8SvhsX1DNaef\nCSE7MWqhI/K51SPrb2WdcMUw78Tvu7TgCdtWSKCMcSt9kGm9Id47wBqOSW4R\nscF7vl/BRtBayDjuHy/pcsZCf1tPUiCKy/b6lqQUei6/39/kHlT/EK0pmHNk\nBIOgstaL6t3xY8xXPiQzZLXLwRCtx57rMh4LrFJaD9TyBkzwje4/RII9G/Ho\nWH034wQnS/CCdkX+t0zUnpmojEvfn+8pt8gLm2OvhawYUtgj9KW8D2NRCV08\nSj9n\r\n=EnjJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"20bf1d151f241eb77dfa3233eb61f4e35d5b2838","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.5533f73d3.0","@material/base":"13.0.0-canary.5533f73d3.0","@material/feature-targeting":"13.0.0-canary.5533f73d3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.5533f73d3.0_1631574216774_0.6496112662759326","host":"s3://npm-registry-packages"}},"13.0.0-canary.08398f880.0":{"name":"@material/touch-target","version":"13.0.0-canary.08398f880.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.08398f880.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c01087cff2a4632bdb0580d2398bd9f33abcadec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.08398f880.0.tgz","fileCount":15,"integrity":"sha512-IomMh38oEf9W3/0l83RjQwZi0FavKw7ya909Fdy0YgW56mlyizCHOaM74mHDT0moHV5hQceEpXMPErwDFqzhpA==","signatures":[{"sig":"MEUCIQD4NLGWyoqzQ763qiMhpj+Bzy2oLNxPVs8PdCLqoAVYdAIgUiYxS2w9RVuzfzV2k+DF8fp+lRWYh0u6+e2HTCVg2O0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP9/5CRA9TVsSAnZWagAA1IUP/1Mfrlm/+t8gPQU5PdL8\nJ5/HHsnNwF/TXou11s19uISN2CWbc3VJN5deiAu6lsN3TbIkR0B4+2ZK1yt/\nJAi4SnzqGfM77hdDqCVpM8ncxz/26CcwsFEvoFuxba5ESaJ9z48l0AbzpsmV\nLuclXtdECddmM5bM/SfmLdPStAqq3RY3hFFvcTIFpdN7cuDFzis88yCZQSBz\ncdT68IN5AB9wc+H+z2pdOH0kCdJDNfTJuqhkpybNDJEN4lnj9adsKVhdQDnW\nC6ABZ12XsrOQ5Rfn5EcxPM896AxATbC/2v7aSt2GUMFcjOW/EuMpBTFy1+2f\nkT5pVFgxSq67p2m0obsUhUobo78rGXoP3T12IVYMw3PNCz+MRi9vrXg7ZC0M\nwwozyP0Nk9ZALGLSh2+Pd3GbgQWu1SeYCyIidDR2i1qCqnKe4z3X2JdN4LC3\n3YEatzTs6sfoH/pwFtPnNDXb99kvGF0NCbeTsThrXF0Ssk1o/LhzABrKRbEX\nqzvKN1i9wWzJeETCUSfwZtWYLjUgDHBV/xDBlvIf6az0vz0nEvBKOQrUIPl9\nYRYP6nyXjWkAAROeY2DeZoZw0LrPFkyEQOspuffE0iNLEmgLcz5d5comf4u3\n4fNcv3fPtr9SBBjQJATGh8sZeIDVy8h3rQ2dAAq0dwMUXr2xYpzo6Bu+elty\nfN3C\r\n=Y9Qm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1a993a7d6bd4a018cc4ae230bf1cc3fecfc16d1b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.08398f880.0","@material/base":"13.0.0-canary.08398f880.0","@material/feature-targeting":"13.0.0-canary.08398f880.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.08398f880.0_1631576057453_0.2249824508327991","host":"s3://npm-registry-packages"}},"13.0.0-canary.818f4ee93.0":{"name":"@material/touch-target","version":"13.0.0-canary.818f4ee93.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.818f4ee93.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f5e7550470f1ee426985b7e16c2dba9a72529ec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.818f4ee93.0.tgz","fileCount":15,"integrity":"sha512-qEJibIlDYDu78NP6XyiPpQLJ7hQAMhhW5YefmjR48hqHePWNWXHo7qteS/si5eFaCqxq1/ObS9Nu/edslBoPrw==","signatures":[{"sig":"MEYCIQCvXXziKvj8G2hwKfjCBFXTpJSWJPlKn5DpEQbUMsWbtgIhAINd/tWUquOz2DPfljoZKorlIXp4kcVz8gFjGetG/Pkv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQjJWCRA9TVsSAnZWagAArfIQAIyJliJAKC7yNkKSD1fZ\nE7ZjCYsyE4Lv7QR+ekEvk86PO0oxRsbKM3WH3VFdewtFnnYKQ02D5R9BGa4d\nyv7ehGfLhdnx6nZ/iztRZ+8vDQVYue/O41q9rOZun773wMEiUMiYINlnJYE8\nTLOxjWHZWaXNarbGm98vU8/LAtHszjIgbSOYSBgaLk66Iy9VMFODzjUcaV6Q\nM/+e8VJorWhBt84/lbda/nHK3Qw6ecTrl3svc9FmYTB90QWWAIRxXZfEv8n2\nICZoA4S2BaUVPtlVlRuNZCXVaEH+apH1pWYw2yTr2zg7MXuwk5MdvQUifShu\n7kGym0fUA6AkUpQ7NhMNEWYHglY+16lBE7ttcfIo8HzJHWitZr9q7nqbcEDd\nkazbg5lu2l5cfv66gDFBDdt1MqvKnTjd8bvI4+oj2iksMux1ENANHnWg0Ybw\nr5czFTs8jQ+faJbP7uhdMEZ1iVK+AcuQUoMW5BG8dNNCTWP5B6e5yWe4liS+\nZPHJzxC35pM/Uq0XTbF8jqUn6eukU3ds46GbIz5X5gVutd/ytB2Ky6vu2Aty\n8aSse8qo7C0oF4EKQsHjAjJe3p7pJkJfxZw5ULi/GMvZ6sTUVzt5iNQBwSFY\neL1KXIwPAyXf3wZnfG5kARAEFUHEtvWvaAK+JhKnBs8ZD1mGw5tMZ+/W9Aas\nB+6f\r\n=3s2l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1d88a726d331a878c9a8721e3237e8cf6df49f1a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.818f4ee93.0","@material/base":"13.0.0-canary.818f4ee93.0","@material/feature-targeting":"13.0.0-canary.818f4ee93.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.818f4ee93.0_1631728214689_0.4985735633146511","host":"s3://npm-registry-packages"}},"13.0.0-canary.8355e14dc.0":{"name":"@material/touch-target","version":"13.0.0-canary.8355e14dc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.8355e14dc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a335e1eb7b88d8656704e8c2c4bd74bc3853c7a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.8355e14dc.0.tgz","fileCount":15,"integrity":"sha512-YPd/57Oa/99POOyJjHw1avaJPMivrNqjEDugBqmTK1YrIavr3UFpbcWFA7YTONpGMdAsAu5gOx7v8YcoBO122Q==","signatures":[{"sig":"MEYCIQDgG60gK0rueFSLDPo221BLdyOkiLNo+3/u9e/RNPAQkQIhAIR1JpMeWoVClkbuyfpO6KsXX3P+80+xhm5sw1FZO0/v","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQkWNCRA9TVsSAnZWagAAQ1oP/0BpW0Kxh++mGsXJmSIz\nOOLI7tt+eoOdXGLl9ybzsEDb3a7K022xlCXmDXyizsbvH+2BWqoNtAEO6WB8\noCTHpV1BdlLhT72RXVsNY0B6isyBtimA+3Zizeb3bZQVgYMrwh1QhX58jObQ\nlYmk9l3J2yVEeOseW4Jrq8/uHf12o1WDyRENPE/t7rhyM7/umTSLmTa4pRhE\n30kY42+VW3+tman/d7fFwamS53Wg9We1+8vDgebMYTbC/Gi9dfHfhHbyhm8J\n8fqrhvhZDnkyOlUKvOwcNqDkkMAIvNHB9s0kp6S4wgz0bvleeW+CDcpDc5xG\nmv0PH7gpAK0METuxdcW8jbGZQV0Bts6r6gnef1aS28RM40dP6ssy5Nc28Cuc\nwfS+ggHFy8D8MgON/ajcwHc2RH9ZjJIE2wIUWYvij6bQAZNSVGs2cXtpDh2S\nWVINSQMPOkd27icTxFjaP17j8oDrajRXZ+ocGvZ1nvzMptnStk5XOc6OGpMV\naIEhlI+YJmHW0/9RMINDyxfC9wHByvVY1SYLQ1v+rbmGn9k8h5hokTcytxvw\ndZnZ1t69Gbm1JzUI1AZWISsrdZA8ZGWAKq6YTd0922Iuxc8mNGOgB8NdMmfb\n9lWfZtqdSX4CtgDWqT5mVpY/RjO8H1YNsElQBoJwo2Nn/JJI6I4w5y9xWN12\nbcxO\r\n=DOAi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"065f64e5cbd54d86f092d8d1406bbd0852b2a6a7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.8355e14dc.0","@material/base":"13.0.0-canary.8355e14dc.0","@material/feature-targeting":"13.0.0-canary.8355e14dc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.8355e14dc.0_1631733133451_0.1647957735547243","host":"s3://npm-registry-packages"}},"13.0.0-canary.d4e16a6c4.0":{"name":"@material/touch-target","version":"13.0.0-canary.d4e16a6c4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.d4e16a6c4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"049cfecdab0b7408986d146a3ef8d5a8450a0ee1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.d4e16a6c4.0.tgz","fileCount":15,"integrity":"sha512-r4FgRJqoXYZI3e+aWotRoPtHbnWIjJIRCQjBA2Io/jc5T3KcXZA5bArPeQe8+dxXmfnQwFhwkdyZ48Y692GFPA==","signatures":[{"sig":"MEUCIQDw8GMB9LxSVZ3kb89e0vakZlMqChSsIPpuQDb5tjnhIwIgJOT+BcqtoKmKdr6f7qya020csN6OgeNRGCDglVtm6uU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQmyjCRA9TVsSAnZWagAA7X0P/RgWGAE8DDPJw5gOXeoC\nwJZXDXHCh+j7RJ1Yh4IT8Gz6XfKn+jHtX3DmBJ1wXKNakzFVjFpd/tuyRQhW\nERiXHxrXeEuLRCiFQ5fh3pyAF4ix3sJmG8/bWXjCuOq/yAmdWCftv2/nguSM\nP06XLHGD6Sg9ncN8H+IKevNWHO9fnkuyMy9uG7RUODRBHhcOXGqyyUx6UF6s\nIin1QHCBNxOIZcdrtsaONUr+4pMbYsIYPxoNfAdqA+P2tjcAjKjfLrZoXdiq\n3+5sCksUth7FXMIBBShrIGCHHIRc8jWdSN1DW3JmS6OikZlQ84UqCwQo7aaK\no5mlEj6nbCfrJ+50BeDc+URE+FLiIC/EFSugdOnstbL3rus9ua+Nax1CXd/3\n75Lw51G2Fw9ukeCnuO6COw+lUUXhIIsCiYMPpbgqnYjJEQuIwRoSKybDdTmP\nkmuyrK0zpY4Mn8uv7mBiFZ2W5IBlLy9NP5AVAUsk9Z9a/+DqobctkPMLOsJl\nCsEwnVefZopUophEGA4PnKDx0LsnQbqY6brZZzc+Yjj+dDnbmkUSsGkzkvae\nA03aGwhoMYTBPgb3t1Gz1IdVH0P2KMOtzIcvuULCkgU3kMLJXQpMR9BMtk6N\n6FucMsFeDYFfI6wqOp2WQbZ+tUELH8n2K+OJHYRtXY8qc7tEoFzLgu2o2O0Z\nuUx9\r\n=fX+x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2c2d0c3f7c18e3a2b581679df71df5e7a0e2fcb3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.d4e16a6c4.0","@material/base":"13.0.0-canary.d4e16a6c4.0","@material/feature-targeting":"13.0.0-canary.d4e16a6c4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.d4e16a6c4.0_1631743139834_0.8178176939743667","host":"s3://npm-registry-packages"}},"13.0.0-canary.65125b3a6.0":{"name":"@material/touch-target","version":"13.0.0-canary.65125b3a6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.65125b3a6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2a31a55b17d498aea666814752b2c72db75d828e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.65125b3a6.0.tgz","fileCount":15,"integrity":"sha512-HyxWIz8uPKNOB+/FxsTLX/Y2CqiWEjYeHSZPIB993YSfSuIaEHHN5Zq9NHQ4D1Uh6XYb3md0cdImOmJ+LLymkA==","signatures":[{"sig":"MEYCIQCRro3D5darURMdSGQ7A3DqkScxCIym7N10XQWDQp0V+QIhANmcfFZyusUb5jg4kc3IJm5m6oowN+6ePVaJpV/lDoti","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQ7RdCRA9TVsSAnZWagAASFsP/32/876q3i81Bytkho1u\nRbLThpt/xxLPIfqZlaYPzADFP2GbYgTBcnW50rLJH9smvu5p68DY/KD3zMpQ\nM8LNvvI2b5d+CE8M7WHEr3gCuZDgUz5XHFLCbhKzHQ3c4pD/4a6i2MfPxIav\nNx+9v6XeVMpwyq/O03HVuSwTkKrCy3dqP4zG2voDGU+UHarhIVijyvfGppae\n+/9pDQ9ZB/VIQBWI9eqNHmeN6h/SDjriwEbotpnkm9CiQe2iV2c9q8kuXwrM\nPTlG99VUSH3hCVc1kIraRKPo60+p3PT+zK2HTVeooZi1uIJJwDaOMlIUmS6m\nSTs1pmilKb0V4CaqPMBt6Ykt4OI3lNfLcVet48RCI5F7Dx0kNWe7mJm54wpR\nOF2QX8NO1cNP+c5fQBw/TKm52v5cxumQ0tk8zLKWXvxQYkQXIAvwHjspALeh\nnefmCGujXEZGmNGSn9rb9T77KHe4ggLn+9e0mTOjFL21yXbO8RHYptw/SbPK\n6Rg2HfMBUUXJllEznglTStKyoiDchJubheFg7U/DSZoIsQih2yM4UQWTZTgr\n+0mG3tpt1vG7e9GWkFALvkGRKzrUdtQvS94NNrYvE8v52L0cb2YDp21V4SkK\no973sxzq68y+eyYgNwO/9iR2rkGX8e8vgBcURxyq23ghCVfgIdn2dlK1NdCe\nShyW\r\n=kJuQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7f141fcd82e6061ac62fb457dad40c0ad70e52d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.65125b3a6.0","@material/base":"13.0.0-canary.65125b3a6.0","@material/feature-targeting":"13.0.0-canary.65125b3a6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.65125b3a6.0_1631827037730_0.8538130847928354","host":"s3://npm-registry-packages"}},"13.0.0-canary.80a583365.0":{"name":"@material/touch-target","version":"13.0.0-canary.80a583365.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.80a583365.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1a633674ce4ac73c9305c94e86ce59739d032cf7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.80a583365.0.tgz","fileCount":15,"integrity":"sha512-pG47WaNa8muNFa0G1Er61l7rFRBSfVxNzI38IephWnVfTuMX7SJPu092yp/UJtiJxP9HRYZNOFaYn4sBZN8wlg==","signatures":[{"sig":"MEUCIQCcl5zDru0E7tO2LN4fWF0B+qFjgEo56cwHuPhRDJfgUgIgcDn1afafEFq9R1FT2hsf1rz7/ZCrupFjDNXnD/6OOag=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c174baf193216601da7fe07831dd2152585c6beb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.80a583365.0","@material/base":"13.0.0-canary.80a583365.0","@material/feature-targeting":"13.0.0-canary.80a583365.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.80a583365.0_1631910935758_0.040726236965384244","host":"s3://npm-registry-packages"}},"13.0.0-canary.83900936a.0":{"name":"@material/touch-target","version":"13.0.0-canary.83900936a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.83900936a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d5a1bdc359ffb771618134815c46d587f0066f8e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.83900936a.0.tgz","fileCount":15,"integrity":"sha512-9c1KtwMsbawuySpHBs+5mtTNWi9fwKolswZBsDKfR60YDK7MzgkXpx6HV0uqIB5pJGv0qA9kAEj7F/03yxklsw==","signatures":[{"sig":"MEUCIQD7j57swqDGyL1zy8kerO5yc7C/w3qE1wnBPg+lydiL6gIga83N3+tN7+X+UYdg1vNRQ0Cb7PeJwLFo8uleaduBcRo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ca6026fb6b378ac9a4f14997612369fe29f31093","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.83900936a.0","@material/base":"13.0.0-canary.83900936a.0","@material/feature-targeting":"13.0.0-canary.83900936a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.83900936a.0_1631921049002_0.48479345977647004","host":"s3://npm-registry-packages"}},"13.0.0-canary.860ad06a1.0":{"name":"@material/touch-target","version":"13.0.0-canary.860ad06a1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.860ad06a1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19a8fbfabcfb543de8b00dfa12a385713d3bbf0c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.860ad06a1.0.tgz","fileCount":15,"integrity":"sha512-biW9iRI/LhmAXfRQv9U+S/n4dNcf+fnTDF1FvIFdaaWMk9VuGch/6kNcSCVwpDgNzEWzcKXx7WK7KvvcrHqrdg==","signatures":[{"sig":"MEUCIQDEJ8EhWsQE4F2qNfBodlWeTQJqmlm5tYc8z8IC2KTMTQIgG4yT7BTY1kK4LVfkFtojUVbD+346RIO2RIN3pmydGxc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8f156ac018a526d53d5f5077762518483bfa7dc7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.860ad06a1.0","@material/base":"13.0.0-canary.860ad06a1.0","@material/feature-targeting":"13.0.0-canary.860ad06a1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.860ad06a1.0_1631921749332_0.07943839329780089","host":"s3://npm-registry-packages"}},"13.0.0-canary.3b8d4429e.0":{"name":"@material/touch-target","version":"13.0.0-canary.3b8d4429e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.3b8d4429e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53f34e6f99172f58b83363b484a96974df34b8cc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.3b8d4429e.0.tgz","fileCount":15,"integrity":"sha512-9NYCh9g8NuQrR0FdniKb2sN21HsC5Bt/nWc1qbqbdyT56Eb5nh4RTZDn3PByG7pVxL/X+GY7YDLpnlkgBSyS6A==","signatures":[{"sig":"MEYCIQDIKFntAI3mW05pxjCVSV8egkJgG9gHGJlxZAL8jcGISQIhAMkRH8Ix9ZhuT0UqZtfkp48MsGzEVUR5rPUVlS4whM83","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c548d2fdb2731631683bc92955d6701cd0c2bd14","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.3b8d4429e.0","@material/base":"13.0.0-canary.3b8d4429e.0","@material/feature-targeting":"13.0.0-canary.3b8d4429e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.3b8d4429e.0_1632160044912_0.3607523338345884","host":"s3://npm-registry-packages"}},"13.0.0-canary.2da3606b9.0":{"name":"@material/touch-target","version":"13.0.0-canary.2da3606b9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.2da3606b9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0133a76bbcb717acb69c82ea7243764975285ff3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.2da3606b9.0.tgz","fileCount":15,"integrity":"sha512-6JHb3loiNJfGZd04mJf8452k8YvvylWkZaotEeWqgmX9YSGanWVJpjEv6tj2jOuaquplRvbKzAFH7pfdSvGX/Q==","signatures":[{"sig":"MEUCIBELFlo7ZMPOmCAMZy3etO5/6bCcDA7OcwNfG0/dXjLeAiEAxOmI96X8XijwgPBsqEoKK+FdGM7PibWFmT0vaAsBBsA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15614},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c452408cf52d900869313ad573c1b84c9d6a3105","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.2da3606b9.0","@material/base":"13.0.0-canary.2da3606b9.0","@material/feature-targeting":"13.0.0-canary.2da3606b9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.2da3606b9.0_1632166651987_0.9366540642555026","host":"s3://npm-registry-packages"}},"13.0.0-canary.e8c598d1e.0":{"name":"@material/touch-target","version":"13.0.0-canary.e8c598d1e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.e8c598d1e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"54e7ca9493005682f3087f9f2989f47511a1677f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.e8c598d1e.0.tgz","fileCount":15,"integrity":"sha512-UTVknZQS5y8wgaOqSu7YXm5Q9HiXkRfczk3TyaHD7csZ092BoFLiWOwN4FWrxFz7HRIz5Aobwxbux9W2iqRRkg==","signatures":[{"sig":"MEUCIEnhlqzKXTn2NJiBhpAU7ZI0Rk2ZN5x05iAh51Bwv1pvAiEAnwUnxZF0oncb029ZLXbr0MNvnBGDGkGo908I6Lz4/6M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"11ab5557b275cc7f950ff2123684083e6245eafe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.e8c598d1e.0","@material/base":"13.0.0-canary.e8c598d1e.0","@material/feature-targeting":"13.0.0-canary.e8c598d1e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.e8c598d1e.0_1632172303622_0.12347249926145398","host":"s3://npm-registry-packages"}},"13.0.0-canary.1340ee9f7.0":{"name":"@material/touch-target","version":"13.0.0-canary.1340ee9f7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.1340ee9f7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e95f41abaa48213431c168aafcde7348ce103e7e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.1340ee9f7.0.tgz","fileCount":15,"integrity":"sha512-swAtal+FINrYIY85l29EXfX5hMpxt05eYWW6z/EcUOfR+CYxFDtaKLmW6QFD0sLn7nAx/jgnFpgIw9O6gfyZtA==","signatures":[{"sig":"MEQCIHyspFtcxGU9aDsH3rxnunravpr85iGrKkdwTfF4oEceAiAxuNfB5CYYQW1o0yU2r25v+XA0XUUO0HPuC0sRiYfmnA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c9cbdc93fd9954f12cb74ebaf2cfa5806d078879","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.1340ee9f7.0","@material/base":"13.0.0-canary.1340ee9f7.0","@material/feature-targeting":"13.0.0-canary.1340ee9f7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.1340ee9f7.0_1632333463718_0.47939237497171416","host":"s3://npm-registry-packages"}},"13.0.0-canary.65084baff.0":{"name":"@material/touch-target","version":"13.0.0-canary.65084baff.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.65084baff.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"67eed36ff2fa5d6ec7d15710ca49bf8693482e53","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.65084baff.0.tgz","fileCount":15,"integrity":"sha512-J9bat8QH2z6qUouhBmihJu/qf8EGU46bvV/bQ88Xm4/x/yPk5Id0Hwp+n+H4JW2qPWH80XJJd4EuoTHr4u7yaw==","signatures":[{"sig":"MEQCIAooNXtDXsaHzi6y6jcnlAp9slMJT6XK2WQi+IDx8137AiALITdAQZeM1PjbLjb0B2jY/JgToR828wMXHQn5ZBHbvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"afe4cce0d8c7e5038058ea8198ffd72e99e1c941","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.65084baff.0","@material/base":"13.0.0-canary.65084baff.0","@material/feature-targeting":"13.0.0-canary.65084baff.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.65084baff.0_1632432317502_0.602832253151341","host":"s3://npm-registry-packages"}},"13.0.0-canary.c79aa0cdd.0":{"name":"@material/touch-target","version":"13.0.0-canary.c79aa0cdd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0-canary.c79aa0cdd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"43da43dd1ee5bd8ae8566e247007eed53dc08f68","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0-canary.c79aa0cdd.0.tgz","fileCount":15,"integrity":"sha512-Ql7eEARm2AIlW5nYsgkIlkMN6KDoOVEFHJrPeYMANE/LEWoXHq4mOnmPjOkcLyCxadbr0KVpROclxbJFlhqr3Q==","signatures":[{"sig":"MEUCICn912WXbw56TewQdVbrGggum44NAgbZdp8ALKWwKsb6AiEAi8HyIzJKQbpT3KzILbUVtjb6pTX0O90T26te0/VdSAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2caa02d38f883966fd5f78948743dabdced9b689","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"13.0.0-canary.c79aa0cdd.0","@material/base":"13.0.0-canary.c79aa0cdd.0","@material/feature-targeting":"13.0.0-canary.c79aa0cdd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0-canary.c79aa0cdd.0_1632490903639_0.14515907947492468","host":"s3://npm-registry-packages"}},"13.0.0":{"name":"@material/touch-target","version":"13.0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@13.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"330d0b03988f65916cce3a97f38c5b9d74104a27","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-13.0.0.tgz","fileCount":14,"integrity":"sha512-2BMjj+nwKIYG7cZZGcNuRSKo53knqDu9ksv9wLidxjLgzqXBd1v9gdXsqMRQXepoOqftWGmYMaRYI0xMnxt6lA==","signatures":[{"sig":"MEYCIQDZTcaLIDP0AFgg8mS05QbVpXrSw8E5qzqdR7sGtaXRNQIhAImNSHaBK0gaZSuuEbW0Ybdh+gOwJIGL3gve73NfxqI6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15337},"gitHead":"198431fcd8ff3028934d2cf3a5b292f8482a4570","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"^13.0.0","@material/base":"^13.0.0","@material/feature-targeting":"^13.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_13.0.0_1632512740579_0.9446681656224798","host":"s3://npm-registry-packages"}},"14.0.0-canary.198431fcd.0":{"name":"@material/touch-target","version":"14.0.0-canary.198431fcd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.198431fcd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dccafedf8d889a9ed6f4b403456b1083acf416f7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.198431fcd.0.tgz","fileCount":15,"integrity":"sha512-69LSVBRYBjKsl8ODzH3iXXFT8bv4XpHSpB4WNflE2g/+y426stkDoI11Qxx6lsGzwpgnaIMh65hw4lHnkJ5Otg==","signatures":[{"sig":"MEUCIFRDzD+5B/kQX2vNb+WHLti7HKLwMV3tJm7SiFmcDU4XAiEAmCsQHJXbD306znn9pyFw0TKL1+rlZg91CpGEGgB9v7U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"34242e3354729334618dc12d6bc959e0a8f14dd4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.198431fcd.0","@material/base":"14.0.0-canary.198431fcd.0","@material/feature-targeting":"14.0.0-canary.198431fcd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.198431fcd.0_1632512785726_0.6039050014951364","host":"s3://npm-registry-packages"}},"14.0.0-canary.9a02b6ef8.0":{"name":"@material/touch-target","version":"14.0.0-canary.9a02b6ef8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.9a02b6ef8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb505d1d98496ab9395e6018d618e399e3f44bb7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.9a02b6ef8.0.tgz","fileCount":15,"integrity":"sha512-nhNI1TsbFyEz/zyAuBcXjIWRou/EzFxrW10xcAkzaK6zsZuYhkJqOcOi4geSyh+8mg9anK2n+3F3kb+t//Wm0Q==","signatures":[{"sig":"MEYCIQC/FtRbbN9UqC7oIf5dJyPkU9hhQGA5QtS1ok9njHUN7QIhALHy4z+YGDMENTrF/gD4OuDBRoby63t0+hCLNTm3xgeu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"13e91b1150d6339b15d71c44c8743eb9e2026eaf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.9a02b6ef8.0","@material/base":"14.0.0-canary.9a02b6ef8.0","@material/feature-targeting":"14.0.0-canary.9a02b6ef8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.9a02b6ef8.0_1632575451323_0.0775957028198222","host":"s3://npm-registry-packages"}},"14.0.0-canary.758ce31d9.0":{"name":"@material/touch-target","version":"14.0.0-canary.758ce31d9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.758ce31d9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"005f9600fb72d00b8271c6d3777171a3e477204f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.758ce31d9.0.tgz","fileCount":15,"integrity":"sha512-wMWpu4k+Aeiion7cuGu7sLcLGGcXZ5WTTqt8zEnPsfzoNlcIIYbvpQIanDeybA7TOP1Oke9CMHQiJSN73RwFLg==","signatures":[{"sig":"MEQCIGuoYipG20HID7++uJnzOcZTWbO3IpUL+q1l+2FzF/kCAiARyGxvJKlV10cnHJOmE+5ALEhD/HkT4zfyxlUgU9viXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"09083795b738aece76a37f8a1dcc8daf958204b1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.758ce31d9.0","@material/base":"14.0.0-canary.758ce31d9.0","@material/feature-targeting":"14.0.0-canary.758ce31d9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.758ce31d9.0_1632763744789_0.9751571280940388","host":"s3://npm-registry-packages"}},"14.0.0-canary.86b50ef74.0":{"name":"@material/touch-target","version":"14.0.0-canary.86b50ef74.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.86b50ef74.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dd98f726113b1f553c25c249cb820db2914541d7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.86b50ef74.0.tgz","fileCount":15,"integrity":"sha512-s3ZvIRSeA5uGgDRg4BYDHpg4ztfK8vZr1nrBkHr/A1Nsbau5Vx5h0sPcXPP9iJroTVSE8sm1Vwh2S6EnTEd/Aw==","signatures":[{"sig":"MEYCIQC2y69S6JdM8BdVI4OaU1Uuas3g19pEiX///EHTTnGG3AIhAN+ACgbPp8sUrBqtrAxKl42plc+T3POxmuki+v4akV/x","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5941ece7c1e494e720865be940d098a5556de149","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.86b50ef74.0","@material/base":"14.0.0-canary.86b50ef74.0","@material/feature-targeting":"14.0.0-canary.86b50ef74.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.86b50ef74.0_1632850969079_0.201752189123674","host":"s3://npm-registry-packages"}},"14.0.0-canary.b2fe3528b.0":{"name":"@material/touch-target","version":"14.0.0-canary.b2fe3528b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.b2fe3528b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a02647a52b1418c272170518fe5ed12feabd006e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.b2fe3528b.0.tgz","fileCount":15,"integrity":"sha512-E6xFqydX+zGxincqLwwMjydEGR3oZhAowmC7ruwgZ1RtXzIhf5mhBJd1EhkoRKO6oA45UdA3frzm86K9TivLgg==","signatures":[{"sig":"MEUCICHLpDc1RSeL89ed8fZGmTfRrQ/L1S50i7eiLqS8KiHaAiEA5RVUuzYiqMiyLfXnZJQ/HbnxcqIHZduWx3zE7DX8e7Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cce11b1c181ea84c0bfdbef26112377518afa98b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.b2fe3528b.0","@material/base":"14.0.0-canary.b2fe3528b.0","@material/feature-targeting":"14.0.0-canary.b2fe3528b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.b2fe3528b.0_1632956204365_0.7821456715532815","host":"s3://npm-registry-packages"}},"14.0.0-canary.586e740dd.0":{"name":"@material/touch-target","version":"14.0.0-canary.586e740dd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.586e740dd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"52c3e44c10ede332205ae97669032940bf4c9b35","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.586e740dd.0.tgz","fileCount":15,"integrity":"sha512-WCpkLCcmB2nXwFJhO9aKTDaZvw73EH6Fa/Vy8IyavaTJxFMikWGpW2CMAhLHXxSTAW0VtDKURTtAQ/qwG6J/Bw==","signatures":[{"sig":"MEYCIQD5q5FMlE1DylCG9OS+2OE+I7HQlFfaDFKTRgt1ISgp6QIhAIhU5oriauQP1ms7iJsk3nvAl9/kBzuaNDfhw3hVv24J","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6c765889db11456de00c45d7bb289b6c7cf3ec27","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.586e740dd.0","@material/base":"14.0.0-canary.586e740dd.0","@material/feature-targeting":"14.0.0-canary.586e740dd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.586e740dd.0_1633019466329_0.38463686677991005","host":"s3://npm-registry-packages"}},"14.0.0-canary.2ac92d766.0":{"name":"@material/touch-target","version":"14.0.0-canary.2ac92d766.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.2ac92d766.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"744d1d6a461d6bdafaca2a094b01b2d31b949bae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.2ac92d766.0.tgz","fileCount":15,"integrity":"sha512-hVnCMUnNwPeYvhPQ9bDrPqa71kSsR68FbmQgmXV1HN8iLMhAZlIzoTYymQSN7QiyZxFg6Un583lKQjYcjYb1jw==","signatures":[{"sig":"MEYCIQDqhlJycOeRnY5Iwcoiu5kHQmkKWmuT/LlH9pQ6SdZfEgIhALXKPMNxhmCoJ9mi8GCO0SbI6gXD77J6YTo0zjJmRf8H","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3a797e3a01110aeaf8270a13c2cc32d0871a8bd2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.2ac92d766.0","@material/base":"14.0.0-canary.2ac92d766.0","@material/feature-targeting":"14.0.0-canary.2ac92d766.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.2ac92d766.0_1633462102038_0.43478539841067576","host":"s3://npm-registry-packages"}},"14.0.0-canary.353ca7e9f.0":{"name":"@material/touch-target","version":"14.0.0-canary.353ca7e9f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.353ca7e9f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"edfb35011163352320c7066034d4684f3d7f2108","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.353ca7e9f.0.tgz","fileCount":15,"integrity":"sha512-EiA1zWwC3/gAIkj3w+Sqp4CCd9Mh1tmtpGPfJXLSIkYildmDRmKw/QlqjYCfrGiFcWSx5aecJ/ALtFKUzApq9A==","signatures":[{"sig":"MEUCIH7dfFRU+Bo7rfA7KtXQzvXN8WnEOuNGlJNaE50NhXB7AiEAlxfBH7eeFMDnXz5wHjzFq2wGBC8FGMh/qyI6FnCKRSI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4f091efbfcb52d523712f9b99808d737b06a60af","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.353ca7e9f.0","@material/base":"14.0.0-canary.353ca7e9f.0","@material/feature-targeting":"14.0.0-canary.353ca7e9f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.353ca7e9f.0_1633718805651_0.7799003075381399","host":"s3://npm-registry-packages"}},"14.0.0-canary.c78ff0429.0":{"name":"@material/touch-target","version":"14.0.0-canary.c78ff0429.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.c78ff0429.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59eeab90dedf5498b783fea913215af199120740","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.c78ff0429.0.tgz","fileCount":15,"integrity":"sha512-gs30aDfi+HLeyB86QGvfiLEHJ6Ypun1mPtI+6meSKUGjj+kxDwWIRRgEWIEjIzlxdkfKrBs1vH6xMsbNmKuDXQ==","signatures":[{"sig":"MEUCIQCrL566pLjdZdf0ib0EF6A2hE9pN+r8oZ/vVwobySoMxgIgZGBBlRUgYATYUx25Vdik0GNOaw0B+SJT0zADhADdi18=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"55d918ee5ce9842b93075fa0d0ffd2b64b5f3ed3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.c78ff0429.0","@material/base":"14.0.0-canary.c78ff0429.0","@material/feature-targeting":"14.0.0-canary.c78ff0429.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.c78ff0429.0_1633972913322_0.1322125689718432","host":"s3://npm-registry-packages"}},"14.0.0-canary.261f2db59.0":{"name":"@material/touch-target","version":"14.0.0-canary.261f2db59.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.261f2db59.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fe6be5287a415112b3f29a95d939b17f1c1de7a1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.261f2db59.0.tgz","fileCount":15,"integrity":"sha512-xA6TTHN7aOTXg/+c6mQJlogzTD+Sp8WPC5TK8RBXbQxEykGXGW15p+H9pG+rX/gzD5iehnHRBrDUFmAGoskhcQ==","signatures":[{"sig":"MEUCIHWyfAj/wEP+P5TLtsHMle2X7jJN1kRsvtJdLNX/QhUIAiEAxLY6WZNlo8/796MS8Ntskma61r0A9Hn9/7PNmn+e220=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"22c1cb4091a589b9a53b844da4e8d98309c75acd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.261f2db59.0","@material/base":"14.0.0-canary.261f2db59.0","@material/feature-targeting":"14.0.0-canary.261f2db59.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.261f2db59.0_1634749169176_0.4003967913450446","host":"s3://npm-registry-packages"}},"14.0.0-canary.9803d2dc1.0":{"name":"@material/touch-target","version":"14.0.0-canary.9803d2dc1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.9803d2dc1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c5cafe0d585377fe87c3106734f78df60924cbc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.9803d2dc1.0.tgz","fileCount":15,"integrity":"sha512-jEf0GHCBYhpc1KdFZ7H3VCfUPMC3oVq+BlQsocIE66FnQbxOz4oqvq24lpAJ7K0VIX+hmvliJAjrXhnPU3GBrA==","signatures":[{"sig":"MEQCIGJQj5p2yDKPjc6JaghmyH5hpfEtxk0c971eGWl7OrSzAiACZJcAwXBD8mvd5CbxIRh4K0kYr0c0+O3mmBTiaLl2yQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4ef0574fd4b362b2609f5dc9bc002ef96f07fcc9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.9803d2dc1.0","@material/base":"14.0.0-canary.9803d2dc1.0","@material/feature-targeting":"14.0.0-canary.9803d2dc1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.9803d2dc1.0_1634757700937_0.26710710924207204","host":"s3://npm-registry-packages"}},"14.0.0-canary.348665978.0":{"name":"@material/touch-target","version":"14.0.0-canary.348665978.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.348665978.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93c3b02ee99add7c1dce71a6427d3b00c417047e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.348665978.0.tgz","fileCount":15,"integrity":"sha512-1hXxbUAaUIS6jije81fnb8gO91c5p6uoK30Q0OodciuwhsGpKz7kxq1Jlvy6W5vBYd2QdRtzL9yAgu3kmBaykA==","signatures":[{"sig":"MEUCIQC7hWwf7tvXvyL4DelsV+Y5MDl680cUErs7CXxd0T32EAIgerdpDfQDm6aTX9m8Pluddqr4HxTanNqvBloHhmbkcFA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bf16d95c07dcfc371fc864fe30028299a2d5d0d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.348665978.0","@material/base":"14.0.0-canary.348665978.0","@material/feature-targeting":"14.0.0-canary.348665978.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.348665978.0_1634827828836_0.8217371376980254","host":"s3://npm-registry-packages"}},"14.0.0-canary.b2b979a8a.0":{"name":"@material/touch-target","version":"14.0.0-canary.b2b979a8a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.b2b979a8a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aca274c5089ce42eab3dc9c86223a41de20df142","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.b2b979a8a.0.tgz","fileCount":15,"integrity":"sha512-HWQta0Qmtnlr5OWryWwgHSBSYJdQRzvpFVotkamCmIeNnx084NWYMwr0zMFdTFZoR5W4mvfwaGMSLI+5ceMnAA==","signatures":[{"sig":"MEQCIG3Lwa9+ufy25eynMlNglQMDCYUWKsqwsZi714NZfMYWAiA740Oa6GTC2uBoGtI9eyQe2wjWjAZAFTLsAIfm7stVhw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"08377359fe2dfa41ac960f776df2ba00e50e9819","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.b2b979a8a.0","@material/base":"14.0.0-canary.b2b979a8a.0","@material/feature-targeting":"14.0.0-canary.b2b979a8a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.b2b979a8a.0_1635433922862_0.27873826474428287","host":"s3://npm-registry-packages"}},"14.0.0-canary.1af7c1c4a.0":{"name":"@material/touch-target","version":"14.0.0-canary.1af7c1c4a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.1af7c1c4a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5bbe1310ae10bbc3ca357247a9ebb7626b76bc2b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.1af7c1c4a.0.tgz","fileCount":15,"integrity":"sha512-tIW2Ju9nTCibcgL9/N8AhVEwHdOvWu6nsWFAIu2WsstOJbBcA1aDXfzd2JPU0Yhn4Weo1wJQU5iD9lo/uX9NXg==","signatures":[{"sig":"MEUCIQDZsK4y24dhqwCn/MwNdOYx1+iM1rDEMRTWQ/R1KgAMPAIgfIwDvXb9t7TKFUZ85BOePeggJ05rykVPO5/vdtndifg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3673ef3144cd47c5faba873a239454e11e3d72eb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.1af7c1c4a.0","@material/base":"14.0.0-canary.1af7c1c4a.0","@material/feature-targeting":"14.0.0-canary.1af7c1c4a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.1af7c1c4a.0_1635443558631_0.00008602762773235462","host":"s3://npm-registry-packages"}},"14.0.0-canary.4afd353cd.0":{"name":"@material/touch-target","version":"14.0.0-canary.4afd353cd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.4afd353cd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c2561f463a80723c3af20893a4a848956c5b5d6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.4afd353cd.0.tgz","fileCount":15,"integrity":"sha512-SYsbhZIG59X8gcq7hEhA5X2l/BBRo4XcHx7MqOw8Y/bvKovdFqCmzw/EaDHgZqu5r2vEFj9JOsYci0QT8OYfMg==","signatures":[{"sig":"MEUCIQDlI0FqqvtAsvQVjtIWUUxm7yC7WRmcBfY7vMAnyaBxrwIgN7GVra513TCWjF0U9XmAm3W5j8a1SNwtdTqOPslmTZE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"491d940b4e97c65f274b1b4d42b3842e9bd3a4f9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.4afd353cd.0","@material/base":"14.0.0-canary.4afd353cd.0","@material/feature-targeting":"14.0.0-canary.4afd353cd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.4afd353cd.0_1635519683900_0.9287494174863034","host":"s3://npm-registry-packages"}},"14.0.0-canary.a986df922.0":{"name":"@material/touch-target","version":"14.0.0-canary.a986df922.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.a986df922.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"16913cff53911791f789d4f4c1a7996d845655b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.a986df922.0.tgz","fileCount":15,"integrity":"sha512-v9mGU1qyT17vNruY6VoOFEReUN3DhWs+/VRluwLeTDe0No4ZJnVpWzvDYzFLbm5QazC3nRMHIWPmYN62lKaKBA==","signatures":[{"sig":"MEUCIEzSc7L0VXo5Q54dQxzp20ho3LIIOZJisdLaiJSOOyHxAiEA2XGBLt1TGom0y2DX4PJVaIPUj8XCZVvNiofwxkQdrPc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6fd5c666012fea37f8a5a820b4979cc66e59fe9f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.a986df922.0","@material/base":"14.0.0-canary.a986df922.0","@material/feature-targeting":"14.0.0-canary.a986df922.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.a986df922.0_1635543292685_0.7209044938215823","host":"s3://npm-registry-packages"}},"14.0.0-canary.c3cdff07b.0":{"name":"@material/touch-target","version":"14.0.0-canary.c3cdff07b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.c3cdff07b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3aef2a8a8a27e36aaabe7e8a577ed37e7dde5d69","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.c3cdff07b.0.tgz","fileCount":15,"integrity":"sha512-vr2gY1CM6eQnf/wdlT6C2+gYQ0hBfajdx8xBDzjrvHv6US29mqDp5vAkmH+S5a99c1sw8rmVFO22c6tv5TGrQg==","signatures":[{"sig":"MEYCIQDKPtKX/ooxp+lJBDoEsZgzfnu6A9TS0IzzvNkjM9jZUwIhAMXl8BmL6IsLZZSKQGmGt+ip3Q0MlV+/nauhZSExivPK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"078c19c333e3161ad6b51a3fdc993d883bdc19c8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.c3cdff07b.0","@material/base":"14.0.0-canary.c3cdff07b.0","@material/feature-targeting":"14.0.0-canary.c3cdff07b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.c3cdff07b.0_1636484744147_0.9386759555749891","host":"s3://npm-registry-packages"}},"14.0.0-canary.468392606.0":{"name":"@material/touch-target","version":"14.0.0-canary.468392606.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.468392606.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f7464db8cecdca3230d801a9f93fdc7fe81faa4a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.468392606.0.tgz","fileCount":15,"integrity":"sha512-l2HjlJN1Eq4wcpAI1kYNkxvjegdveFV29cABsmsQeF8yCW9cPNvDvpSQyVZr+yA8zjq2RrpCjx/d4Jm53CUE0Q==","signatures":[{"sig":"MEUCIFgOsw0iryfNeFXXVxN7E664yYlMmjfLNb7HYEt/AWoZAiEA4ZMS1opxhynlxqJDs71mLCWghjTYBOc59716xxk0NSw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ac451ce035a924184caaae0df5252896a7392e33","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.468392606.0","@material/base":"14.0.0-canary.468392606.0","@material/feature-targeting":"14.0.0-canary.468392606.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.468392606.0_1636659597877_0.4078040464320374","host":"s3://npm-registry-packages"}},"14.0.0-canary.828f9803b.0":{"name":"@material/touch-target","version":"14.0.0-canary.828f9803b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.828f9803b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"670a4535c59f16eef2b135d2b6d5c147bc6b816a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.828f9803b.0.tgz","fileCount":15,"integrity":"sha512-ynTiSvA8GQJ4JvZopuMwKG5xU4QoYXBMdM3Las+qLYOIKPO4Apfb6/WAEGWnuxBdsflvpBjCzyRbisd/1MgiQg==","signatures":[{"sig":"MEYCIQC3QD/CktjddLJEPrhv5Dewbe8Zx7fjLbu+i/pPaR8lggIhANzNBEPKKu4oz6ERzIE1V8cxLHKGdKGCblJ5EBihcVJq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c64e9f941d45dc823621c068481be90a0eaa0f39","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.828f9803b.0","@material/base":"14.0.0-canary.828f9803b.0","@material/feature-targeting":"14.0.0-canary.828f9803b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.828f9803b.0_1636660240830_0.26910672086629717","host":"s3://npm-registry-packages"}},"14.0.0-canary.8795cba87.0":{"name":"@material/touch-target","version":"14.0.0-canary.8795cba87.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.8795cba87.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ffcf4162b27600c165df84a1328f83ee2ff02529","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.8795cba87.0.tgz","fileCount":15,"integrity":"sha512-XTXybpa4V6f8I6pmaSDFGJ4H7PMHby1X0Snquj6uwKRi1nhEpzA+0ffrBPr6z7EZio42cQcmU//PkVh+grxJMg==","signatures":[{"sig":"MEYCIQDF3kptBjNwMVvVAUs895LFhh5z9ce8pOwT1zxhD2Qn0gIhAOqFU9EwjPTAb4nn1p4hMQ3Lsj7xoy1Y0yJW5TdFi4iw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"12c2e8ee797434819828bade998610af66a528ac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.8795cba87.0","@material/base":"14.0.0-canary.8795cba87.0","@material/feature-targeting":"14.0.0-canary.8795cba87.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.8795cba87.0_1636660596946_0.3307541229527864","host":"s3://npm-registry-packages"}},"14.0.0-canary.cd7f8cace.0":{"name":"@material/touch-target","version":"14.0.0-canary.cd7f8cace.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.cd7f8cace.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"91967ed42fd522c09ed3c8ea3a553e2dd64c63b8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.cd7f8cace.0.tgz","fileCount":15,"integrity":"sha512-0FSWRrfoi9XxfWkK7GaaAaD/F6cjogWnM3kMfyJ7Fwg3zsCAe5IPTrRgTP8gLzkhvyBEvjGNFjAgGMEGz9kvTg==","signatures":[{"sig":"MEQCIAaxH8SWwlzQe4qpN3zhfX/mfm8DMVRYEOtrnxbmaYAeAiA3ZSh+8YSELtEjQkCsN+HNISQ3MANJvZpR1RJnL//DPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6f1e9f39fe9a43e01e67b849cc2a96a5a31be67c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.cd7f8cace.0","@material/base":"14.0.0-canary.cd7f8cace.0","@material/feature-targeting":"14.0.0-canary.cd7f8cace.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.cd7f8cace.0_1636660697978_0.6073248238358984","host":"s3://npm-registry-packages"}},"14.0.0-canary.207230eb8.0":{"name":"@material/touch-target","version":"14.0.0-canary.207230eb8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.207230eb8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5de21526d1abd57b7dc3aaae7ff9f80e7fde2582","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.207230eb8.0.tgz","fileCount":15,"integrity":"sha512-A8ESvNrFAopxLVCaMkY4G/ougKEWRSaJVsXQDHN4S9unwqLZ1W+Q1JNyjmZTz0Srb/UZhGdcLs07r4wUJ4Mp6g==","signatures":[{"sig":"MEYCIQD87bxSbKUrN8RkCp5ohTaEu5UYX/Zu+z1hGEunlDyfagIhAOTiV7enmOyv3HHlDN+/0nMDIBLYon0s/HnC5Ehf0YBR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"de1b12d24234ecfbfbf5a665f46c26b71016be2e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.207230eb8.0","@material/base":"14.0.0-canary.207230eb8.0","@material/feature-targeting":"14.0.0-canary.207230eb8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.207230eb8.0_1636669455532_0.16705494919450348","host":"s3://npm-registry-packages"}},"14.0.0-canary.991fb99f7.0":{"name":"@material/touch-target","version":"14.0.0-canary.991fb99f7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.991fb99f7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"528f01213cb4af06391a8641ba0377a8ec230001","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.991fb99f7.0.tgz","fileCount":15,"integrity":"sha512-49wHCQz0WTGN5gIc8yxZHqT+qf/HrPhsa/r7hwrcJOL/vyITvc1ELMJX8gZSOdsw7J9XvXdxU2AoEXTcoOablA==","signatures":[{"sig":"MEQCIHlMbS23OBPHkDq6omUO0WZQxP0Rzyfcb6tgBu3x3iobAiANtpdTn/VMyjeCUp/pT3bbiV+M0v31nr96dzscq91PdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d13dee60c11cfef5bdcac33da4fff6f13626c05b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.991fb99f7.0","@material/base":"14.0.0-canary.991fb99f7.0","@material/feature-targeting":"14.0.0-canary.991fb99f7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.991fb99f7.0_1636670177490_0.28467377477132016","host":"s3://npm-registry-packages"}},"14.0.0-canary.15db4f164.0":{"name":"@material/touch-target","version":"14.0.0-canary.15db4f164.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.15db4f164.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"933038ae701676df45c92c5c6dd3818c761eb8dc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.15db4f164.0.tgz","fileCount":15,"integrity":"sha512-GbgSF41sTIvgmznKkdPKUSnXMlIh5TchdMqv8v//TG+UzD+2tvEg+YXW/JJSNWvTDgiUH52kAq7jCbJCAkI53w==","signatures":[{"sig":"MEUCIE3kmXDejDRiH0yj7y/ruLSl/kZ97fB7lBcX7Qa+tdrTAiEA0Za8e0287YTty3WZusNFU4Pi+154kCBCAm9D8G3IaL0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"562e11bb445a0e51783e848adc61b690a7a1ba3a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.15db4f164.0","@material/base":"14.0.0-canary.15db4f164.0","@material/feature-targeting":"14.0.0-canary.15db4f164.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.15db4f164.0_1636738178544_0.6687755313515493","host":"s3://npm-registry-packages"}},"14.0.0-canary.8fcad5a3c.0":{"name":"@material/touch-target","version":"14.0.0-canary.8fcad5a3c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.8fcad5a3c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"068c421a577518ffa620ead7241e5acbf694d3be","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.8fcad5a3c.0.tgz","fileCount":15,"integrity":"sha512-XKf7ID7QqnCTBFUODT19h3nfXcHY214PyC1mjoXgz3gg4X3MwNWq078tg5H1AIdYokrBDAR3SvaGRqIiu7hJ0w==","signatures":[{"sig":"MEYCIQDODoyX+lCvMS05Zmp0O+mgZLV+85rrUnAtp8jKrMDjJQIhAICxMX1f9LVK09epSJnGYsXUkJNQEdep8PXy0AXVEgjV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"14b654013dacdda833d34b73c1a94811202298d0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.8fcad5a3c.0","@material/base":"14.0.0-canary.8fcad5a3c.0","@material/feature-targeting":"14.0.0-canary.8fcad5a3c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.8fcad5a3c.0_1636744419610_0.2719487886741996","host":"s3://npm-registry-packages"}},"14.0.0-canary.f81fb1d23.0":{"name":"@material/touch-target","version":"14.0.0-canary.f81fb1d23.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.f81fb1d23.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b75a10b5710808478a39698fcb17dfa78b4ad1bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.f81fb1d23.0.tgz","fileCount":15,"integrity":"sha512-Mh+9z2iNMq6XjDCeLeFAtEVPL1deFEnKQ7tdAHv/fGxTJDfPF7o5KrcE+aAyCQM00ppIvkytChUk2qk/on69kg==","signatures":[{"sig":"MEQCIFA88Zdr7jRYyQDonrymaYzGraE6crcHsxjv7oH8h8edAiBG2KlN6QRVJaEQ6jg2Jrnkw4jNWKOlKNwEXvULW3m9MA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"60600a1b8cf651dddedd6881a54b20db7b75cdc6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.f81fb1d23.0","@material/base":"14.0.0-canary.f81fb1d23.0","@material/feature-targeting":"14.0.0-canary.f81fb1d23.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.f81fb1d23.0_1636756806218_0.7816770888930062","host":"s3://npm-registry-packages"}},"14.0.0-canary.783f6fd5a.0":{"name":"@material/touch-target","version":"14.0.0-canary.783f6fd5a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.783f6fd5a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b239c8cde27014a7e6c834d5a0d2a1e124972070","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.783f6fd5a.0.tgz","fileCount":15,"integrity":"sha512-c7eg2xIZH71lMG9dUi9c2xxjIC4NRnM1NZRNnfifrDZxTAoU4EVLfzfGZrMBlSZ0KftrXr1eGimL622Jb1XV6Q==","signatures":[{"sig":"MEUCIQCD7Opxvg3p4bw8yePeglzZFyiQRBqpKf6lxNPHVhQAQwIgSqjCmLjpGH7KpkWeJAf4HytydyFALHoPvqnKRM9VcQE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk0Z+CRA9TVsSAnZWagAAXpQP/1xP7S92vlim8cLqbA5m\nPW9m1V++/zkaPlQQBFLuKMuhakkk2BhUWr9x73YV3HvzxxdUEHA9SaUmp6Hx\nTi3kU8z5PgVp1X6vGG0hacwifBppqzygy9fSnZa9oepj082BDTenHstF3x40\nDJp2L2aM3lf0pEstL7wLdMyIdlLXn5HHYTApX7BZr3jiKzRws42SVbvPHN8J\naeCpI4imRXJ7Eq+jmzBFIfKfY1r6qXe/vCJnjeNyR2JcyXPdOoTCKIRNdXMD\nl1OVZaGcOVzujnQvU+SOMmw3Yg8M6lv5WrTxN7xkuS8H6+1nXhK0Bw0hXaAL\nuZHC8AOwOX2lmXEj/NYXq+/LTtvL7LyB+fhI0ZRKTZR5eexhNIDJc94Y+vmi\nO3SMK+UC969YXKiuUhiSl6G/v2qQ6Mbvy0oBgvn2m0rUWwmbc2TD+ifd/2sO\naaKtoQnh4OItZ2+UDmrhBOkBtEJo7XwDKd/n/LsJEprlrxJ+qR2CKhv3kSmt\nH3GEfTHBysbLnF87RME+LBynZqSWLveEiXfwTJR/R8BzSHa4X1KZvOBHNIVQ\n64gLG3aQfHRrsx1PYQDfrlnA1mOORGCZMrR1g+6438IMbq2am5q/RP5fAiGo\nz3OEeeSKk+YNLSCoIBxa9avFymaHzULLopPVqFVE20xMXzzmn5HcM93Wqp2/\nR4l+\r\n=s8rC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"29ba9297d5424f35d235c8ff87e393874c1b0a25","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.783f6fd5a.0","@material/base":"14.0.0-canary.783f6fd5a.0","@material/feature-targeting":"14.0.0-canary.783f6fd5a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.783f6fd5a.0_1637041790371_0.35074823952832057","host":"s3://npm-registry-packages"}},"14.0.0-canary.d57ec74c7.0":{"name":"@material/touch-target","version":"14.0.0-canary.d57ec74c7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.d57ec74c7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55325e6035004a200e3a4d12fc2710203560894d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.d57ec74c7.0.tgz","fileCount":15,"integrity":"sha512-tKw2HqiyM0JyupWBBNsix7YIVAz4gTPPjEaDYvz6sn1tmnH8W8iXYMVr/V5+JEN+g9Nc2k5LBxZcyl5wgUI9uw==","signatures":[{"sig":"MEQCIGU/7QZgXi1CL84/UrjhVnLlzdsGJzOqiSG7ykX2VZnAAiA2hzHpOcdFjECIueoAnZdzE1UMOfTq7hHj3EZMuurPEw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dbbd8db21de66e88b3e713faa99419e6b2f53c68","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.d57ec74c7.0","@material/base":"14.0.0-canary.d57ec74c7.0","@material/feature-targeting":"14.0.0-canary.d57ec74c7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.d57ec74c7.0_1637079377309_0.44725201336343523","host":"s3://npm-registry-packages"}},"14.0.0-canary.554c71829.0":{"name":"@material/touch-target","version":"14.0.0-canary.554c71829.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.554c71829.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2a1ec51cafe23ee03d2994767d8ce4d78f4f0e34","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.554c71829.0.tgz","fileCount":15,"integrity":"sha512-MSzaiWw+DUjmv6EnOZOaisSrxVr8F5e+oWVnAeitcZ9OhQ44cAUooWT5Ecf/R9+Vt7AaYfSxq2tj1Aq0YgkfvA==","signatures":[{"sig":"MEUCIQD9r1nM5elK8dMPf1jduGjB4tzOeYvUn26/4Gr5Jp3MmQIgSF7HO9K8tRcii3+ja0FbZWlJIXaCWl/IDWRr/dDYxqw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk9n+CRA9TVsSAnZWagAA/GgP/0qM80ZoM3SbNvDVRMlS\nAxvEkWmfXd1e7b5mb1q0XkbIiFRCooA/22Qdb+98zUI1d/6eHM8TJANufe/O\nUJWhg2SQZSZ7GDn9OIGnDpU+IpnxHBQyo+98RWOrvsRp1Rma6OzPDpiMUx4+\n0bOluRE0HV8J7igPGkNI97uwkuRXTwV0m4uccupQnTHUhRhKK+nWtTsr+6mc\n4GjypNJUbEr+NQYhpwXNsLGYCBh/2w4KUfnt9RqP0bTIqh2i8tqCcsFU1PWA\nG3J/GT0cPrtjXeDE18xHYYN3xdtItzTE42caEuUgX9hW6fWvG5ilDKwbjVjJ\nAdPDhjN9YSyc1+BzMck6F/abxCmjDZuzu64uhz5uVzIbo1MetIX+9ESLhbgw\nf/JveMAq0YhzZqWYHeXWSUDd4VqQj6VsZ/9aA02jt6b4fV2neuK+8dChjPa7\nirbfhltaKEedYRU/dhAEOETikFsJHgililQaF6TR90ipl02cPUr5HFKQ4w2M\nuuDH5c3jTkhtRJqPbCK+GAu3NN7yiaKIKQ5Dl57fidOgB4/Fr5gbqz7UKfnF\nttoV0T0ShtCKwoKQ4sIqFrc538GawVvJjgFPPy5gUs04+gjXuaHDBvmQLhKb\nJC8toLf/R9rVRTMgligTxyGtNlT/5MLVtHbwcWuFFkkjLOhFitSZCREXJEW5\nImR4\r\n=pqO1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"be0799ddf10fc34b46ab20d754f7ef73d9efbefa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.554c71829.0","@material/base":"14.0.0-canary.554c71829.0","@material/feature-targeting":"14.0.0-canary.554c71829.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.554c71829.0_1637079550124_0.7075791089138632","host":"s3://npm-registry-packages"}},"14.0.0-canary.3ef470efe.0":{"name":"@material/touch-target","version":"14.0.0-canary.3ef470efe.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.3ef470efe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59928832782ce3018b95d7d019859b6e2f228a6f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.3ef470efe.0.tgz","fileCount":15,"integrity":"sha512-kpuHu1Vrc0DAT48gjgmIwCpSNTO8PlbXKjT9DVPeEe04zthDXb5W7SOlXR5Hmjsp7A4LHQHq6fM0Dv5FkjV1sQ==","signatures":[{"sig":"MEYCIQDrJ3J3MQLiKy83IkXCKw7J8YsEoQveihvhliWgpHGflAIhANHC9UMeUD17LNVtsxFLRt9DD2/hWmRfNJm3GS44rVGe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk9sgCRA9TVsSAnZWagAA3I8P/Az3YS/tuuJjbl+BA+ES\nFgzXtDPHt/SZTHM/VrWmJR2NTRb7QstgFTH0M3G+CoI9gqZgIRnfZOkJgf//\noSnlzot6n9xNDK5zcFF0Dk7klHzsbEiqza9xgRxsrowNSVS5Iu+aSu02yLjq\n2AW06jOlOlIi7ZvkK1wmT+D24AL+g8poAdNLwZLkonox2g8DX4vyDZZEKP1o\nJ7SWa5HPu2G65G/mtUbeMhbBa2p8g3p/HquatmoVjqSeG78JYTNRhMyR7iwE\nRZVbgeNTqA1ve3uYiSgYvOg+3XRVUk99/b47LFj5oBa3/qE4SM0CDkHVzSOv\njaU7cxf1W2p6PHQq4qRRBrng71+mw8LGNtCxukHZ1YAQe4nx4WgMZ2ZshBl6\n2wjSIi17H9s1kzFCwTgCahqBjtyr1a/7KeLv4JjEqfq9KsM2pW0ng86NUOW0\nHafyF48i5JvMjxlhn4aqixk+BKrCDaIZhqIhCUpjQf+THL/xLhivUSszQyTF\nwvOK3u0kNXMR+LsodsqT6SieqnMiF0orG3SoiKSG+j5/BxNqKumd/nZcGMxc\n1ffmwYDEbALSyECOBKAv/nbEXYTYj0SYY8GJERPNHeDyLXmUm5qQN9CsbbxT\nMy5UCjU4ZpxA8qqY46R1M+05M4JKnyra7o5YWTF8OIl/6x6bdHkKKqha83b2\nVivF\r\n=tNbQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"49429a109e0c13bb4f9d8fce0142cc5f142a6afd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.3ef470efe.0","@material/base":"14.0.0-canary.3ef470efe.0","@material/feature-targeting":"14.0.0-canary.3ef470efe.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.3ef470efe.0_1637079839946_0.5200605133014107","host":"s3://npm-registry-packages"}},"14.0.0-canary.61a28b2b5.0":{"name":"@material/touch-target","version":"14.0.0-canary.61a28b2b5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.61a28b2b5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bca81f9b70838b1eb972c7e5287789d03f716e94","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.61a28b2b5.0.tgz","fileCount":15,"integrity":"sha512-6yXTBFFVXyjmr/GitIVgt1/qXK/qQLm6jWyP+MLRbUHk5RaqHFt8EASF6UrylFBA9xmnvTXU4/bXz+XxpiNtBw==","signatures":[{"sig":"MEQCIAI4WoLT3KIo0OFwo/koGNaK/dgOyA6f2ISPmZPV4nfEAiAKUa7oFjhpHXnpNtQgCT+BVSHloSrp/p0c9Yi4iGgbfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlVD5CRA9TVsSAnZWagAAe7wP/1smrylf3GJCxKq6dvNg\nMwQXKeonS/bCUC23xGU2peYS5hsuwc4C5Q5X+Xq28HAm/FECqL8tF05w0WAP\nOv8I5ySKA/wUmpYXKk+7RWngA0MYvyDll0BRlU2YRIoih6Y/SkPsneFqYr2w\nLbDXeTML/1RPn69LA0/RlDYk/qyYoR5UE5MpdOplTHHKbzJ9icwa5LWCnQp1\nkt1rkdzDOQ7dQ4KTT8S/Rk8DyJPSJMMDOYrRYEDy6BOIaEHdy4MWpvB5J9sC\nTJA25oYjvlOAzuoT32wz1fbj9p4sZIr0GPK8SYXcdyoKfMBNtCDSvP/Odohi\n4ppzLF83irNri4CSaTuQ196+fsbUu3T7iXAN0+vOb+75rWwHFdmUlB2eyzxB\novlpwFmvvkDmIxmjFls4hiZz1sUgtSCqOZx4AfypFlVUMtplMmJDh7md9DfF\nGhLyitvzsb9E418cx+4Ft5opRLc53EyiXqhtG2XOW5jxCiNZCPtfi1VrZW+u\nFf30vGvo4S1UJPhvypQ4S7harTQ2UOyEQCUlnwxZajDgkMRQqY0ZsMeQ6p7n\n6DIV8Y3xMms9oWTjiG1wjg+tYS602/nma7unvizCtrg37OK+H5/N9wBryUxQ\nbsJEwzIJhgbgqgG3jE4cG9ejyIFQ/0huHzyvZaVdaNgYvG5kMSsN0HgufQ44\nWU4B\r\n=z8Nk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"314b98aa8ec5a35ba8a45706765f4cd7496dd803","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.61a28b2b5.0","@material/base":"14.0.0-canary.61a28b2b5.0","@material/feature-targeting":"14.0.0-canary.61a28b2b5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.61a28b2b5.0_1637175545676_0.8624960027578994","host":"s3://npm-registry-packages"}},"14.0.0-canary.fae6c652d.0":{"name":"@material/touch-target","version":"14.0.0-canary.fae6c652d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.fae6c652d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c7330583b2e8e5b68161d7cca9069ec6cccdbe71","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.fae6c652d.0.tgz","fileCount":15,"integrity":"sha512-zZleQ06xA46R2J7MQwfQngykPz1COPzhSV1w3T+oSrZUledUxUsAQMgdMo2Qmi6gvwyeGBPXU5WvKKDVw4nJgA==","signatures":[{"sig":"MEYCIQDhoteZhO6nC8kjXFToTJlbJWJJAWV0vnFK/Na1qySSZAIhAMoxeSGU5kGljB3URWaOH49uu4w1oXqaTUIy1bQj5uhF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhln5SCRA9TVsSAnZWagAAnYQP/21ioH8WrgJQw/4HMd/F\nBR5PJqAtNX+oB5xtsImZ/ZUI/gTY7bPkrggTDFPfPbFs2k1cPk7NY1zcYzO7\nypybZmLs/EZiQKaKSatMYQxG3JytZJ3WAR15eOdClo3Jm56oKFCCKlsBNLUr\ntMLhmb4iLu1G5q9XqYUKUkfG3cQ2QOHiALfPKVIqte81M44Pl7+kVPCC1oea\nLihQ7r/5+D8aJmpGwfgQfxbs//pcnOYoLO288EYKWnEvD8uAGYXzZbm+nl9L\nXNNJKW5Hb5Md0wFNiKhId3EdvUgUXkM12ODV7og3yeXQg2pUmL7fpjDRLkVE\nf/7ogJgMXxrC+SiIiUKsYSYEGGxaEgWwFwFr+XiWpVkQnClcPaNe8e9q4+L9\naH2buhtsNK3iJpBO9imrpE/dfLgx4QwakTyavfbz/+85H8Xn9JwC1EQIfGv1\n81nQqWn18QRJhBuUX9Zoz2/rszEsDhyqA6ByO0rKe8Ihguxp/iAIAEuonWTL\nmz/GfMSkw2NKo0AU+cqoV3BoT2lWfhKqLQm882BC/dLX8erlkONLPTWBFm/N\nHZyOSzzVppOftpibtymUIvKW9pJKcb+Y+SnLUpX75V8ajHEHKlVsEBS7ikwX\nYRNshMFY7LEo2NTKuZkySnvtquILVFccZ97nSoAADyUSRUNp2Cn9ivzpHJqi\no7m2\r\n=jugh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d27c4bc9db002b9009b70cb7437b393ce59b9992","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.fae6c652d.0","@material/base":"14.0.0-canary.fae6c652d.0","@material/feature-targeting":"14.0.0-canary.fae6c652d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.fae6c652d.0_1637252690271_0.9572582599868675","host":"s3://npm-registry-packages"}},"14.0.0-canary.978a3b5bb.0":{"name":"@material/touch-target","version":"14.0.0-canary.978a3b5bb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.978a3b5bb.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"48afc23eda2758e1535e0d65920cd28535ca6099","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.978a3b5bb.0.tgz","fileCount":15,"integrity":"sha512-DI69re4lGI4P2jHh/Ht1fEY63uFjk+PJvltIL7h4BM53BmLKXi5lI6Hbd2kaJtw+btHZB/kOJx+PiwxDtGkDMQ==","signatures":[{"sig":"MEYCIQDlVtc5IWusMgN4zXmSDlYCwtEykkr9mSYIux7rYQB64AIhAN6Zp1FNXpqZIkNtHaMpFRjnvDvk8rgaBwAYrxiHaKLL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhl/1bCRA9TVsSAnZWagAA49kP/i2jF89YfU3XdecYAI3Z\nOhTw6GrKCRbULi+0f8w0eDfxiyLfAKibOMNvh+EfFFCMsgTkge1cgJcHUZqT\nWU+TZqHuwSzKR0G3IZfECqz3QirFLsyv9o1TjQ9ewXowyGf5KCgBiDTg3pXW\nJ42nodEpWySXVzlFNgm7w3oJ/wpWeqR7iFH3IopPhjBK1ZMtBP1adYu9U5Ww\n3oewLC6D8ubW3U5U/tft62gEojaJoDqn4v+hZtyGvW50cWswGGMMXrRKC1nA\nYr9NuK/hBOf37UHlHfjvMeh4WFbr7XEXCRclnMwMnHUkNedF4Oc29fsIh8Lv\nbmhT+A6E+pZ/hRtDGmKjt1fNThUtuZXG/y+CfQanUDgm4IYPLHs9u3uYB+kW\nhxsLgwZZYgCER+3TeLu2uNEYzG8K2IHFEI+FRFTo72EHE9wsuFwWlriD3wa6\n3KO3gaj1nqG5vOwnkXUsMdnxiTtn+OmpWflxl/+NTP8JYlmKBAYxPk+/jjtk\nQ6+Kx80inCoOuLYTkcFpxUk71dO0J8p1xIzK723fVmk0V/oBEwiZ9/H0Raqe\nhyeI7JazvQNx5RP2ZZ3rd+4mU6p2hQCqovleNVQa2ZU8MH0cvNO9LcHPnxph\nF3a5MdtPUSrTRCOPa5L/II/U05GKy82gwJn4HfdVuCItXlm1n8cZP9V4m2dT\nmDPs\r\n=3tpO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0d21a3472967f5ff791662e03961fb034a9227d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.978a3b5bb.0","@material/base":"14.0.0-canary.978a3b5bb.0","@material/feature-targeting":"14.0.0-canary.978a3b5bb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.978a3b5bb.0_1637350746893_0.8256174417669786","host":"s3://npm-registry-packages"}},"14.0.0-canary.e6f43cf44.0":{"name":"@material/touch-target","version":"14.0.0-canary.e6f43cf44.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.e6f43cf44.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38fd814c6c4aba6537f83e5430c97f91a60564a4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.e6f43cf44.0.tgz","fileCount":15,"integrity":"sha512-+HoXwKjDj5JOOllwDNeqrQzVx9xfdvJsgYb+FCVPROWx7KVwJe2jvvSkjB0YUx83OGrWmfFFxHFI7Kc0eJiHWg==","signatures":[{"sig":"MEYCIQDEHhbpVmKeUewv4zz0Jw0VXQ5UPr161mYBUtpuOqh/5wIhAO6fFyAFHix1VjnPkBjfgaXaBvMtLgiIh7TBO8o0+kyE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhm9TECRA9TVsSAnZWagAAdyYP/RQh6K+X3Va5mM7sD3O+\nl0pIAetzyuOJONcmXC5dvthSbcWBQgkSdAguxSk9t9tgWihpxnYA3KV/V18W\nFfGTW9eM99OW5htszSh75ZhIEwVz/KDyR8Kz8VcV7BRKBKSOU10F5odkrjH4\nw2U4+m7nZK86T00BIuyMpsyxMNwpVMBAKZQowZF8KJrOxJyMDcrpzHX/rpIq\nakqhIL5kR+F/VvNhEVoUY2+3Hx2CwNBZ4DejG9QGhZXKYE01+/GV2/ViuEs1\nP2uZK7alYJ8T9dLWSJAjx3LqTKWii6r64Q0VmXNz9QCUFM30Cf4ZEXGGYRzN\n9ZI5N16cknL/KCN4wfNE96dEqsq5d8GcydmKv9kiBuoB/QTbVGmyb1PJbI7+\nUQtlTv7ZXB1x2XR1avfdR7c+F6zBJxJTkMlnW6w2MhEnx7feHl9iae3nexOI\nT5WFYSEhPyLB01cXBVyrq/mK7QwKg0GQRQnwEMe25939GTvdZcHqquC36SgU\nWk5n4K0TrgIPOyYexjsjFbxTbwAD9wd1bTaaN3M6rbHpclGFE9vr0g/Hw+oQ\niyudI4m8XjgwNpE3TS67dYfLZbuxQzGGkdphtpCG6364h1RmXbSvxEXcHGmO\npCu0s4is11UHDCK1dVF2YU+unVxw+TuBN/ozoAnxdjdHaEvfE8NJsU6Wwdc5\nx9xn\r\n=wPif\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"36200e7acad50905888cd5fbe17075663a96ef91","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.e6f43cf44.0","@material/base":"14.0.0-canary.e6f43cf44.0","@material/feature-targeting":"14.0.0-canary.e6f43cf44.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.e6f43cf44.0_1637602499890_0.6164685953439717","host":"s3://npm-registry-packages"}},"14.0.0-canary.39cf14bc3.0":{"name":"@material/touch-target","version":"14.0.0-canary.39cf14bc3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.39cf14bc3.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"376567e1d2ac0870d8d5ef8c60c1b4d7cae01c88","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.39cf14bc3.0.tgz","fileCount":15,"integrity":"sha512-MTeeykYONXMil0KHhWsS6Gq+yZ4nDFCQMsN7hjfjOlAFBTj0g/gpuaCwAV6fabEiJxZihwR6iVD39tz+QslNGw==","signatures":[{"sig":"MEQCIEuwbmm+VrVYDFeaRP4xnVRKgkhzcMiXr2/suIt2LoXbAiBDvmwo2R2PX2zgE3uhBTAicJ7Sx39VTKtVqJINaOBNlw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnCH2CRA9TVsSAnZWagAAJ/QP/iuYKFgcqlkyKCvoCLOq\nm1zH68u5vHt94BnDT+RM1WMo8CONKQ5M+5ZHqYCRrWdUk4k4Hg9p70u/YD2n\nhVTGdM6ZdnPGwQshdIiJr5UXivE9EHO2Bi/QGESp0vPwmFJ3BFAG/+1Tbd4i\nvNx/H3uwdmV7GZPPFQlSGHadkmUUaNbh0nkVKn6oUJ1Vygk7VZQ+H7g8GQqi\nldeZ4ECAU9QVGsSc7+DFVwAJgZmc1C4UHVus0EDTEWRbnWPeObCTQQjiQmkf\nxzwnfI7vXgtuwkZQtGMKj/5OBplkDEiuRCy+SVW0KDqJR1mtIm+5WNdBEwWs\nOFDdCvtdGmViRhbAGz2bl3KOrUAVw8xyLiI1Yd4WOOEauaFAHKtwO7BYWJ3l\nxY9OqwsvPayvh52g3Euxn9dEHu6IO1Ts0xovP5MsYyjJj0I1PyV2l/kY2A+q\nWf4uxBdc76wgQ2iJS1vmA3a/Lqk3ra9kB7fBU+fQFov1t0WA5m46bENqzg8P\ncNUQ5D/CYFYfyqkAG2x7bhk/sl9F1p7lQWU/VQobckcRJeK61PhoD4Kr9ANd\nOwFzH1D8v35043bCAXlMy+oj7GC1AfowMjSXwvIWvIhfkCgnfAL7QPlijbpn\njGcX9+ltgzyyaqgRj54d4qkC/vjfcdKwwh1+GdbTN212nl4RIJJ2RVlY5ZTD\nfVI5\r\n=g5DH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7a4dadfef1095fc344517a394b0286ecb59751dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.39cf14bc3.0","@material/base":"14.0.0-canary.39cf14bc3.0","@material/feature-targeting":"14.0.0-canary.39cf14bc3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.39cf14bc3.0_1637622262428_0.7498785167196333","host":"s3://npm-registry-packages"}},"14.0.0-canary.93134d453.0":{"name":"@material/touch-target","version":"14.0.0-canary.93134d453.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.93134d453.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93c3c7445782c1d54cf620eb7420fefb2ea94cfc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.93134d453.0.tgz","fileCount":15,"integrity":"sha512-J6pmfiOBEcijs39iOwgzOPefS6Q6tMtGTHaES6ivfKMFha8fEBJVV9uurKL8H749fo6DTtbozPq1jXEVeJ/HIQ==","signatures":[{"sig":"MEUCIFtIIpSdKZlsnClKlqeFx3qW5qpOFaZPseSfytWR0VWuAiEAt4cpPOls0QpsZvctC/BXb6LNGgH56PUcSNI6xo43isA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnQsOCRA9TVsSAnZWagAAdDsQAJhimNUXSEMG8WYM4VO6\nuEdqYYv4KpBzg7DLfJ8hzUU95z6mADeApSwa+a0CUkDKPyukx4Pdq4A2mNav\nqlX+LUzDBU+GZZp8waF+sWXe5nTvP5xMpYJR3mYd/ANZyM2wCUwNv22CN7MB\nDBYXcbJyDD6uyoIrgOyqBi6zZW4WDoqCIEsONbUGVXhWGdlnig5yxJAf00qT\niYTs5Fx5g2PaYot30uDufslRcNj/nwaHbd51CX59PwyGXsek/rpngpoEUPnf\ngeLgrwSckENiIVUqzUihzad1FQbDDmdsgG1CLwoImSCZ9fN3XAmJCoSIYTRo\n8IM5kHXYXCgbY12INeGyk3fSm8dslAvg2R7MDnd/c2dml7koC0YH890FLfJt\nljJsOyOuWaf6lwbuH2ckRo0bSSH6AyNsY5JXqaT5qFVugCxZ2rTo9wgRE75q\n6CpMUnqyhHCaOXvmyylEFa0LayYZ/7ClgGqSUPLGWkvxzpMPZlf9AfBFK0cd\nMhICYZdOl6kA5bUYDSj6bp7n17s+ZAS+4KGrligMmhODGvCjKerZ50kA5bRS\n4Omkfm97E54z3PpTS+PxVOtLn1pFRaTKCR0yWpiG419kry6+eVOMKP3yIZ6r\nkJNoYBhMj79wdT0wbDMHu5WleTTlXfeqyQK8mW/KgzKmzswXvZGdWfW+kkeh\nvenN\r\n=G54j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f37d4e46e027a3258621f6950e12796013661afc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.93134d453.0","@material/base":"14.0.0-canary.93134d453.0","@material/feature-targeting":"14.0.0-canary.93134d453.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.93134d453.0_1637681933958_0.044750972214884666","host":"s3://npm-registry-packages"}},"14.0.0-canary.bbd11268f.0":{"name":"@material/touch-target","version":"14.0.0-canary.bbd11268f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.bbd11268f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3fd4d9674d266e9482e67d02b02fa6ff086d2118","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.bbd11268f.0.tgz","fileCount":15,"integrity":"sha512-Y/vKUCK9cPkOZ5mkmDUMIWfWeLN72WgXQLnFqJsVde76NsFzypfHGzYs9H9dMhQaNu+W4enN3qAey5b6Pt5xEg==","signatures":[{"sig":"MEQCIFljU2Y220ZkBKEQ7lF9geeoid8sGlWjvVrzJwrqTMnoAiAir3hrMAZvcmp5J/frEqBbecNOmpxCsPLxg8+kPaqBEg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnWvmCRA9TVsSAnZWagAAlMsQAJ7Q0Nm4krK6GmcSBJAs\n2K3ONQYrroeyjjS/rYAsMyGIZi5oAJUgQliyC7Fo1TKRZY64kdnZU9I3aMMl\n18yI5ATF/1ht1s3ERyx5ro1ykUJyHGrOa7sJQTGc55K2QrcPkmv+Bes8qsC2\nhwbrgLVgZjOJVteBpnXOjVJMsLcpGYPFHwqFOUu93VCKzNudIZUEk4N4N8pR\nt8X9bucAD/bnRzyX26r4QEN80PYLSGbTkLu3/OjgKlpgla672PQ9KN1hEyzy\njIZBL1kuGPClsrZnOE8l1+y8NedLhQtGd81E+e35+/P7XrMrs98Bt1CBTNfg\nnIq9EKxoUdk+NdyH3UBQH/c/0HnP/52FmwcrAMP72WvUEp6r70z7XuDlp+n4\nYdXWtGZ3k3G3n91iHkUcyjWkq1T/jOUKwnIxfKEMy7+EHzFNO1vcmm+PZLJ1\nbe4c6oL3norZRJ2gePAt68QD8LzIc5UpA1YZvt36Ftyvo9m/Y3VEiTJ+s73T\nnWIZ/OTmCHhe+OxM4GAs+fCm+T6lDWQQCUQglWG9enIQiIx1Xu2CO6zi3mrk\n+F0LMouw2tKCQqo5QuMMSxET9VFgBIaJVbD7Z6rGSzC7HTsNLs067mKq0X8V\n2ZmbKMs1diK3zFecLl3I52HS28z6oKDaVOcEng7jvk9bbCi88aJ6Xwp2w0XT\nRW13\r\n=/W95\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"46484a77ecd0c6d7b548301f4e92325ffc4f8010","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.bbd11268f.0","@material/base":"14.0.0-canary.bbd11268f.0","@material/feature-targeting":"14.0.0-canary.bbd11268f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.bbd11268f.0_1637706725894_0.5622216458344971","host":"s3://npm-registry-packages"}},"14.0.0-canary.3db9c4d3d.0":{"name":"@material/touch-target","version":"14.0.0-canary.3db9c4d3d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.3db9c4d3d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"592a378a4c6656fa8affe6a63714d8f2dd442864","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.3db9c4d3d.0.tgz","fileCount":15,"integrity":"sha512-IYJtci7/BzeVDkFotNJfLjIJxHgi2h2TvEnhbA8vnIThF97iykO95x5Cx7Lvw/SkkEsY+hlQF+0iZKR8EglTkw==","signatures":[{"sig":"MEUCIAvygt7SZ4nAN6+WhWDo8ZX2NOgNtl1jeXKZk98DdpsIAiEA3a68C4Q61e6UeO+rm1IvEdpWZ2kJAh/kwnEk11MlLsg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnlwrCRA9TVsSAnZWagAAvR4P/0e87DmiIir9nzPuoOsW\n1wj/hYUzlVaNFW02gtW36JfacofBsxSFXqQAKkim7yC4TwQ51T/FdBGdn+QZ\nfbXITvsdfo04HXOK635xhTHCIBGHxsCnXoti6n8Qt313VZ0kFiVpO3WHZXlC\nRkFmLe+CQnGciCcf1GSsutoHq+DOLxS0uLrEQZg97RUtZNiUOqeF2D9AC39E\ne5cpkLMjn3GxoRPwZbtRviFKndNGO66TY2mV4j1q0pwl/dfls0U6P0fJvb/+\nXvNer4j/gYnDAo4aRpw1rQY9t7OkQk6zMBaQjXjoBLLnT60zcSsZUeDiVDws\ncNNrGeZ/ubCt3tmiNxVnvVV0g0TYG+jprxN+GtLXMrTFgbjTIroYZDonl/Kq\ntX9jW2uUVjoMBmLq97EpV6+9ex7IWED+55/HpwIN8gYgp/N4FtiAYALO1jRn\nWPakboCwgFw3Fht1I68FsegDmeGyY6UAGSh0WZqAlz4Dx++eAnYBf8/L0nI1\ndGo1W8ZQVnrp7cp6A8jnEsUHpHEFqWZ0RFCjxCyqG8UYgAk1T8J0dE2hcOkB\nOsy46JRqrhCgh3+Cb/BOx9JSxCqvrCtIC8h3v7ahQXW3t4Iy2bFkHj5TIsUA\nWwdp/lak/KKxCzG2cXmn58IwnaMv0hMIqxxYikaehsl8NQAbOk83A83Kcbv1\nSei4\r\n=CFMo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"61e9de8c9bd6ef83a5f0949cf53ce4a8b689f158","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.3db9c4d3d.0","@material/base":"14.0.0-canary.3db9c4d3d.0","@material/feature-targeting":"14.0.0-canary.3db9c4d3d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.3db9c4d3d.0_1637768235684_0.37119288737800304","host":"s3://npm-registry-packages"}},"14.0.0-canary.78305b6d5.0":{"name":"@material/touch-target","version":"14.0.0-canary.78305b6d5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.78305b6d5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f0e5f1378acd73f08d4b406d79cce0b818b6387c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.78305b6d5.0.tgz","fileCount":15,"integrity":"sha512-i2sW/94m9lJvoh3SzpM+7uPGeXKzdP+SZoyPdlZenShLdoHpmqCPFNbYok+8PLPf6k/u+o6dgfUm/z7wzxQJQQ==","signatures":[{"sig":"MEUCIEPHnGBFKYO8IAg5sB8MuJivhjM89F+PTC1Mkd/E/AqsAiEAifTZoppqFpHXUZrnfqG5LwnwWjwbjq49zKseK6wt7k8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnpeGCRA9TVsSAnZWagAA+z0P/3TiR8mPI1T6Wrcz7EXN\n2wh8HnRVmFqW5tr8jTffsNaXF8oqORNlq7qFd6eoMN2oLkiafZybuPSL9ubc\n95hamK6RKE1epYiCDM8ZSs0537EAeRM5gdhzRSMRMQHUtVoVaE7AHxE9qdt4\nzOtZtXx4yOYvtm+9M/0qxiR4qHw7x0UslJzvkr/lTSRjDXxTzwfzLe8+rTz0\nOZKCY6XHrkmFlTbaU2+JkgzAgRwTxncQ/tvZglQ3YxfKMwMsApvXcWXJEv5i\nyMUfo7Zx2JX22VS4JpATtK4ggcItKuoLH8JzolM1LZ9knXqFIhMdi7qM+m9e\npb/1lWI+QrY7V1edQQ8vouDmL7NjNMXBcMv4Kget1x7Ygspiz2YnEGQMzVbf\n5XEF3gI4dcJTmcxj/SSJ+hTpdaIRHRUervKtjUqFGWINNi4pAGjOe+K7ytCW\nXYMIDObUIOD+lfLxJjmTpIEYpLlN6MpF7RJR6aDJNErRUQbX2V4uegOTJvvu\nVaoIjJ1JsRRa9U+GGsBh+piIWi5k7bO9TOzY6jMOo1ehLeSH287/uapgmdtn\n9IB3vYC44BnALne2L0s4ZftWKz0ye/OeDXWgvSL5i8JzrvaF9jT0n70zu2FB\nXRXrVC3CqOUZxBzitBFF4W+ZvUbN/zcmC0WXLLxgD4XwmjGGd5RQwos4L5Sc\nSICx\r\n=BNUc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2885de69eab36903fec52b85e7001eb561624eff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.78305b6d5.0","@material/base":"14.0.0-canary.78305b6d5.0","@material/feature-targeting":"14.0.0-canary.78305b6d5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.78305b6d5.0_1637783430172_0.2914930817336805","host":"s3://npm-registry-packages"}},"14.0.0-canary.43d08ba77.0":{"name":"@material/touch-target","version":"14.0.0-canary.43d08ba77.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.43d08ba77.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50e1c5df69e23d19e5c305cca9c04af566d0c3c5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.43d08ba77.0.tgz","fileCount":15,"integrity":"sha512-jIPxqAggWb2Xx/85pF8L0sYy36t4Ig4fA4J1npIGVfnm5w5oiec4/dyBmoU3MHCRnOx09e3/1hKaDndCuiCygw==","signatures":[{"sig":"MEQCIBKq75VM96sqdjpletzm+HXHcYhQTil4TgEMTFzexHTAAiBaj/Nq4TIkROkonHEZqxBcEtT7jRbUeE/DBwBMg9dghA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpqv6CRA9TVsSAnZWagAAB9AP/i2IEaZVe6PGMo7F9YNh\noa2mGmpq8YS59zM91td5QSYs1Iw1kw+GM5MtCziwPdQkAYrpguROZdXlNIct\nonnbKN2NtL0x2Sok8DCEdOLYAUeMVl28u0NqMnWPHwubuWneX0S4hJUHoKnv\nX1KYwqkbx4/kbrYf+WmEz0wliUC85yAlwyhFwi4Dtf863H2LZV4lNuKq8qG+\ncv/y/PDfsd3kw+uda2SOlf3fFL85VaxUUJYAp5JlVJs9irGN2gGZFkqJMbKU\nFlfvJD+guzfFM/k4gslAuQ+V385LadgmjImZBgEP4jv3q7BDrpCsFXXHRGBX\nOn2hOho0cIk8Y9K12dZyzpK9xFq8UmXphZQCoQ/M8j64EGiG1X3b2QKPtYLT\nrhIrTdlmfckxf29rVDRZ+pn1/JnTPw2/oPDLLyYnISA5SkcfOvC1WXdaYxHz\ng995G71NjaviEdhETwyQQyg35uAwnRTVoy3fa4OuMZ3G2/4s2OUyzedo3JzT\nJDE19KsKDlbdKn7SI0tjASujyqyfIUVD2EfyDgSdLszsUY8IFL3le4L44wn3\nw1ejSvXzey9dz6T37xEoO1IO7rGx28P91jS11ffcZcJF5NOIxhqXZzNoHVL1\nKVrgDl+L3qWZfyXmSq3WFzAOTvhJW0uSXpWMzs8W36mKPZr2FqnTxoQxj0xu\nlVcr\r\n=E0s4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d1929fe60ad2c7ba249562f1c1702898df8f04d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.43d08ba77.0","@material/base":"14.0.0-canary.43d08ba77.0","@material/feature-targeting":"14.0.0-canary.43d08ba77.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.43d08ba77.0_1638312954602_0.2347281814844293","host":"s3://npm-registry-packages"}},"14.0.0-canary.17a072535.0":{"name":"@material/touch-target","version":"14.0.0-canary.17a072535.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.17a072535.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f509d94f631a1f6bc2d6612e18d1338280bbd520","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.17a072535.0.tgz","fileCount":15,"integrity":"sha512-GOqcX5auvKJHSbYv3uzqTunUuE0Z8Hf5FzyC1QiTRhF8TEWgaD5WHOBYr1gBUbBSA7bzSYHVtt1GjXyPEkMNiw==","signatures":[{"sig":"MEYCIQDfQTE/MXCTmDharN3LwEXOVmbsNWvhki1wLOe22ISpEgIhAJl54IhXUbm66+kwrBsqtr8XY4IRPOtYBYfKwxnvefoe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqQrSCRA9TVsSAnZWagAAHrQQAIy3NyZ5eA8PfAkpogBY\n2z1dzVG6oQIPLgVjqMv+WvffaMHERF5KqfMr52vAFRqX0Jm6lmkCMscuQk6J\nb1soHL6hHYkEtFP6h8lzsNRgysfYPCbdgIlPlSZRd8o5VofOV0NUbFeuBrEG\newZlVzGswZ6z5oE39VBGbDwynrQ31355+N62d5lz+Q+ZjJSH0Bs1w9N+7CcG\nkzXmmVbtsqj5UnNcfKBwLP4XBfMBcyCgE+jPDf6RHCcnkZiboQVcE9yszPyb\nJGocUYcamMKFMW7iv30e0h6/iDFzvzgONT5qmOSdZCIz7eH0vC4924DowoXd\n3fYm/sbdGcsBxY6TODCyT2hKaLKRfoMri8FgXSANx2KKPMImfRtGLmTjAx2c\nYwgEwH3eyD3eRtbMVCR6uetFJj29ZICdbkB5pQVnKIEcHNn7UzLPw0q/FuyR\nLwWYTts8UrC1IdvR/alvdmfVC8dePczLRJDdMbOrycqn1sX46vC3hRUelDcL\noqIHz5yq6oWBnfc/w6M3yEyCrMfvSGUFK9LocSaaxEuGfSgDMMhuvwNJoGaP\n0KC+UL+CDUYp1a32vBBuq5FXy8+ONWPg41cVyDhV57zAEcRwX7x/McqyiWrf\ngzPvjOJcGnkq4+4fUxZb3gnI6iNi3+mLdn/PAAhvJxu1YrC+XvtclXDPzBpF\nIzUU\r\n=JheI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"317cda93b55159038a12575fec5c35e9ff5460a6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.17a072535.0","@material/base":"14.0.0-canary.17a072535.0","@material/feature-targeting":"14.0.0-canary.17a072535.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.17a072535.0_1638468306672_0.09728144463646604","host":"s3://npm-registry-packages"}},"14.0.0-canary.5d809696c.0":{"name":"@material/touch-target","version":"14.0.0-canary.5d809696c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.5d809696c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b55d8c35392a83c7211828d658242cd27c090332","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.5d809696c.0.tgz","fileCount":15,"integrity":"sha512-SshyQtJCbH50e2fT9KYzAlb+Ey0QNM1BsBGuQkEIQXxeMg6b2ea4RrXT4keAAMeOgXiUopTWkMoSoJFzdFrIyg==","signatures":[{"sig":"MEQCIAn5nk2ByI2D/Yfyy9nLufekFSbjMGye8GkQvLK8gb/XAiAe7dYyr5+biAgVlpQ6aXgDw1MSH0ruKrGbdPtH54v6uQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsO7uCRA9TVsSAnZWagAAUYsP+QC+Fw9V7KlGnM41UIRK\nSpUeqU35tsLKfbp+mby7x14B08u100eyTm/bJaA+yGWOuYq4MnDOSUdW/lkI\nDMOaAVTbA7eM8J7d8avRcZCFlOvv7PM7+KMKVTfQ7wsBvJ6ID7k+r9vDgUZv\nkD432RefdtuVKyDYYiGUW6HfN2dyUTyXQR70aUH8yMaevSiRDiIaMMJT+fgz\n5OsVgoEjw3a5LsevHwowrbgoEjhvTeXzNFaGVOXfSZw2u96HNEq17alXKoT/\nHh0MqsniUAqPMMHyHB7wSN5MDTxHzXJA7kt75ELWjPyZXMt5a4mTg+u9ymHt\ntff+SLbBs2oGPC5nMLauyraFzNazhUpvA0N7HC6rrpS7zyuU5JM25LxjvVzg\nDtZfvch196IteTHGrBnr47c+4aFj1Jjw0PmF7F1cLR1xKrSUJv3D9pUf65E3\nhALU99Qo8/vSt9tbf4A9BxFKZPY6OyNsAVbvY9Swy41NsvjV603ENNPSmWe1\ndB7BnXcrvONNYg9mrn7xhHCY+kKwHW8U20izo2EwjtovdCXP2LX+94kgLO95\nTRLVBYMhZUJAm93Q4hJWu881Qb3bpggrqm+VRu1B1eFeokXbqPG91L6fZVnn\nbiouDoTzAiJPamj8/6/gMCwlpEYv7a+nVHSnJtIrjyD+w0DlrCXUjMqddmIH\n6ooi\r\n=Kl7P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"955aa3e4252f722f096ceef387b285a197760b82","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.5d809696c.0","@material/base":"14.0.0-canary.5d809696c.0","@material/feature-targeting":"14.0.0-canary.5d809696c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.5d809696c.0_1638985454677_0.9991542121533199","host":"s3://npm-registry-packages"}},"14.0.0-canary.b6510c8c1.0":{"name":"@material/touch-target","version":"14.0.0-canary.b6510c8c1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.b6510c8c1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"45594c5a7e81a285510efc4113a6f8fbb49d6768","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.b6510c8c1.0.tgz","fileCount":15,"integrity":"sha512-yQdx3OdGF88q0Bcm85yPkkRRhNcZcoCzMzpkbZKjTPLp27YSonaLz+BN0tQGamyaeD+w+m263ktcHgthuDl4FQ==","signatures":[{"sig":"MEUCIB78pS40tSFlc4Rj5huT0Hci0tyoXvdQ+X5yUWLAlon4AiEApqLoj4r+tjKKtjB00zxGeZmPmBPjGvEPW43WhqerCAs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsPQaCRA9TVsSAnZWagAAnvUQAKTVHeES+L6Dhl3RfBnc\nSIeSibjtpWExb33t94gC4nvEZLTl59QNlKXxWE6g9SxxfQumfbQfmnGjw2I5\nlDFlIvTHyySdUA1IDRgMNmEHQ+DQRcnjN9LWIDKFsskBYnJBuTiEyuOhUemE\nnuYvEeJWjs+nI20aGEUphoXXmHqNaRTXc6L/JfhMxVeyyiaDdG/0eQTAkh0Y\nQkXF6jUFfqHiLo8Bysa4K+PUODIsT4Iay9g3gwPyRkDuEXpo5lo9xelyhkzC\nVSAYT1qkG62yjiUNZTsTtr3GU2zv9EJMXT936mYhxVQolcyjWEuIXG6M/Lyj\ngAK5XGVoZVOqRRJsApbXoyo873S4HbaflZeGcpgkG4GOoMNo45F+Uj+wCsHm\n+t17S25Za1Oav25iwvHtvdqkx23e2QSd9HkHJAfLTx/FyY4YtoygAu2oDrBf\n3cKBLgjRGNB7a/WmL6+FgVTyoOYi6x5fHQ38AZX6XPeHHq5qLQvwkx0BE3UU\nCfz0UxSMDH/txejHzOraNHdf7bUkLueD2Oqp0RnHIL7e/4NeWzhREZhfpjCN\nBGJQt9JHZJUSDFDEtzxX/miKVUkHbBqCHQLlC8m8TJz26R4m4B2RbymWdN/e\n4XUPwW+lnnuKbCaCZaMGU90XNXa9Cp4y45MWt352MljWKSI4UEFCbcGbdFs/\n6qEi\r\n=1DRF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7b9b6695d55be857206c67de94ea9741aa48bb38","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.b6510c8c1.0","@material/base":"14.0.0-canary.b6510c8c1.0","@material/feature-targeting":"14.0.0-canary.b6510c8c1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.b6510c8c1.0_1638986777995_0.8198745190776471","host":"s3://npm-registry-packages"}},"14.0.0-canary.f460e23da.0":{"name":"@material/touch-target","version":"14.0.0-canary.f460e23da.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.f460e23da.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a4b21fee92c88f0433962bafe2be890880da784","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.f460e23da.0.tgz","fileCount":15,"integrity":"sha512-nOimGdoiioSpjYIt60hZPHeaUwql+9MHN5u3ynj09uwEc4QipmSwyd+mk2mHf8IFeisYXBvE/m9wUHHBErcBYg==","signatures":[{"sig":"MEUCIQCl8xGpqqwOQo/EnyKnnlud0rlwQhrRJN4R3IX55z04GwIgWt6urPe0AzniVKnbHDqn5zLwNVXPkH00ti4adffY4Ig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhs3FZCRA9TVsSAnZWagAAuEgP/3HNodDijzzUR8KlNlIJ\neVCNJksSy3oTX2ERJJziwAnqwbyEYbSeZLQ9pXxPsnTstxiTW+mHrZknCRea\nBpJ+Mad26kyvDrbY6Y0N2+uWrBadREx7ne2hspcrIaSDBR5lgowr7i8pxdQa\nIww2J97hVIgWtVSQlTRMF3O6ioyvxEhLXPrhpDQFwZnsFrlWSd1mUatpyDjK\nO3cM7qwtZTdim52QgZu735Qc3GpKxfEKG2x2nBa9XhirYCLsafXhI609C9EE\n2nYBwnsCgnRRku20eBkxrX14ETZjOYKX8ShDXkZlNol57KweSW8AbMVw9sDR\nY9/VWjidYUJvf+spRPePpd8UtAuNuhW+ay35Q8mKWHcZfFFVsvdg5fmRwbQ6\nyxCzeJhmQlsbDVQBDD0N9hKDmmMbYQgYDL+EHCWL9coacszB38m7iHFzwKuy\n/50pYjbkcFkf8DuwWIwcn9AvYgpr+jUWfWQqA77UHJKLw3giU26WUXsFmGbe\nPyP5gCr6p/KaZrN5xUfv6PY6r1ZW+14vrdTV3fu8TFHt30yH0bREdeiiauXe\nnByCtnsZU7DaK1eToQknWL3BslYjvGY3Kz4D5PUAaGQHJu3AtaojBKhaVkbF\nfjcBy0xas/q71sV24yzIq7AlL08vgtTJyo1IEAyu/4RWJmcLZ40Z+EEXePa+\nmWRi\r\n=sCHa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6d994090cf732fc4f1fb93f91d64e265cada1b1c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.f460e23da.0","@material/base":"14.0.0-canary.f460e23da.0","@material/feature-targeting":"14.0.0-canary.f460e23da.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.f460e23da.0_1639149912853_0.08875117992041615","host":"s3://npm-registry-packages"}},"14.0.0-canary.7d8ea4624.0":{"name":"@material/touch-target","version":"14.0.0-canary.7d8ea4624.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.7d8ea4624.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c6b8e34fd382ad1d1022b5a95e01243e5785979d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.7d8ea4624.0.tgz","fileCount":15,"integrity":"sha512-3GAiUrzvQYxJQpmAudWL1PEgpiIYdUl3cXrIPv9aUmVttQvX4oQKfyQD+4vBIBH8/KXMq7YWbzCx2X6NdPJiyw==","signatures":[{"sig":"MEUCIEy7su0dg49AEPt9GgxmKXrXm5CFXDGnwKuuHaYXe5IhAiEA22Atvnq3p0VVztoEczFYjhw4iAy7mo32tyvXjnDnAe0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhs6qDCRA9TVsSAnZWagAAo5IQAJFizEyqvzEihwDqRN82\nBjT7VLLNt/F8jWnDLmX2AFfrRzMXxSmIBJ+ETFkIxhGqXxa8pamerUaEQJ0Z\nb0IoZ8Y6LdkUGihTnBUOe0ZiBMZ5U+GLYhEGrjMNsPEvCTYw1PcQO8Dp2nmK\nJv/4qWkQGg7AT2A5wB31oFbxGIZPgxZIUb93s4tqMSiBZRnz519ieqBxqH9N\nJXNfvxk5+zP3Ir39SSXRmuHfmPb0rxi34qaVQ2cOZ78ah8yL2ofml/wTl1eq\n2aa44eY9tYTxcegMByJ/098SX+LSAnb3zkA1GPRmJi0CuckZ3IoAe5FQMu6f\nfL0p6nxqIPOxemN3x44FDWt37JLnDvOV6gifYBFZ2ev4l34RddhEzM9PAjOn\nHANN/5r2ZdgYhoPVqb4WVqktOrh+qp5zVfOGV02vsdOWKWgfRKHGFUqXHIO9\ngfKhaHjkGCCOm7Pc7gdLVLSjfiRRfgU1y9bwOCzogp9cBZijBoc0lhX/9K4d\ngvXM77ZEowWu9I/ClgtOGPAUPxPw7FcvhQvdYDY4DANTpu40mpDsVR57Rx5u\nHsna7pQIWREhL7cP8YgpcpToK+z5HrjL+OBKtQtpSZJZ5BDJMGQugNxVPubG\n3dxGhBhGpxBFsYPUJGSjTDzhgtX87mucZf/7PzI6EJJy3T2M7t8SF7huYZen\nw/zD\r\n=Qhly\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c5733baaefa11aaca3bd6f32fb2ac29c20894738","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.7d8ea4624.0","@material/base":"14.0.0-canary.7d8ea4624.0","@material/feature-targeting":"14.0.0-canary.7d8ea4624.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.7d8ea4624.0_1639164547011_0.194344598888182","host":"s3://npm-registry-packages"}},"14.0.0-canary.8fffcb5dd.0":{"name":"@material/touch-target","version":"14.0.0-canary.8fffcb5dd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.8fffcb5dd.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"568b30245d4dc19b72f718f07b24e850630aced8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.8fffcb5dd.0.tgz","fileCount":15,"integrity":"sha512-MLBLRhirUvfUnt3cOuZRxo2aXmmkViu7jbwhyL7f3AuZeTLUVddmfBvvmlQ1uEWIpech8t0732oiD5nv/xGzWg==","signatures":[{"sig":"MEYCIQCSNiUvOebfzc0PkocbTWW2ytDYoWGEHvUdXN4MlKi5sQIhAPA+nI+t3VciDTS2u9rcxqWavicbHSm/1J3+1VGN88qX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuFvbCRA9TVsSAnZWagAAdrEP/igxCRyqX5hG/fi0mPvE\nGmyqshBje7fAyvcL5YhRvwkLdkvVAsOL5odlof5VmyfEA44ml0TnupggITLI\nmKCnk9wICK9j1xwEF+ou5JRt0U8WZeMr2Pbsu6/TVF97QoOCE8k1f7Y7TiHo\nBN4Ag5xrqUi7AQXfm8PNsGpG8q1OjpNBjJG15QOSmYaclnNj0DfdNe/7/9tO\nTILwNmtxzQG3ZPsa9EGhEBqwaNS5ovFK7zeh+ZbRCKARDwtJQmtpjTM4U2qM\ngbia3QGSCWai5jNqY0o+qVX/gKJPc7+bUI2v6W2E1wrrBzUF8aDjmta5yRX/\nUkyLqV90SUFXMr2PDiwlNloZhjBwK1DWCFg/ZqNiwpJy+PJ11T3Q5UQXB5mu\nT5TDCV7IlkLOD8ROCI/YJ8y+VEtCB00YPMgDAswns8RVpC8lP0xpIuOc0ndd\n4ZwgvpFWu+v7EVCQyvN9FTry2No23/WMuQKdrBmrFkdpunVEde/G4E/7DM/3\nGi8SRKNs7LwUo/b3H9Ctw3zMkJeJXsZBaT8BdkPx89fVjbiRrUZ/KeDo0yFh\ndfeNm/DFVQ9S9bCIGXDAAti5mK/Y5Rz0DzIgeEKgi0rfxpf+42yfviSINjHx\ncAWApbbiTS2kZvnnt72APWdfyhGg/pR2sJM+mlhzvmakt2SObH9IVaf9jmZj\nKE6b\r\n=G8ff\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ed22e4daefd7bb5e95668ab484a3a4a65793437f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.8fffcb5dd.0","@material/base":"14.0.0-canary.8fffcb5dd.0","@material/feature-targeting":"14.0.0-canary.8fffcb5dd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.8fffcb5dd.0_1639472091348_0.8852989281232857","host":"s3://npm-registry-packages"}},"14.0.0-canary.21e1cb9be.0":{"name":"@material/touch-target","version":"14.0.0-canary.21e1cb9be.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.21e1cb9be.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2da8d7bd277fe2471d0538103d82269932aa5f7b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.21e1cb9be.0.tgz","fileCount":15,"integrity":"sha512-QGsTeC7PAyXHaXVK3bRg5sWz56i+Lr7XJ41UzWoumOsAD6jzK4c5pX8P++TH2Hw32rCR7dbRk6okNLTTPrvp2Q==","signatures":[{"sig":"MEUCIQDy8V9ClGauK1Z6FaUr8xZmGDQ+Il5/ZmO9EkI+yKV1JQIgBpDC3BpyFpKtlQb/EvFY9hU/vx1J/jhjdjxO9z1lgTE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuPL+CRA9TVsSAnZWagAA2QwP/2D5+PzCxQ4mhcDGUCYz\nVuspfNfOXZU6iRZp4w8x771RXgQfZx53uuI2fo1GbaxbrcrRv9JTSA7TUs2l\nuT8GoV1B9WcYGL35Wb/qoQiYIt+hDjz006KQBzdKniHr5TRSWqDGVLmrFnMZ\nrmzBHzyjTcezwEI9COEjH/3BBVWTn0d3ygrOfEBSp+8SneDf8uZPsvZFqK27\nkXGGrZ2CMxgCw6wugQMrAIG6HXyFuYpky5RY8I9tvhDSnAk/mLQfDehZtHVI\n7JYHLKzeHoyW6/cNI9C9Y+Ybt0UpP2cSjctsu7V6ykxKc6RumTvPnT7NlV0y\nPkYMGXHrQECq3mbr7xRro040tM3rit3MZO3xNZEi4XsSo5lakjxVweHdkijS\n/hLs1qtxfz2/G0WOFjGgRzTAzXlHu6PZNapqsIIGrdD1kx2ylPV9QAqxEQqf\nBIh5tpcbrNtEQpM++OaU1upT+b4VPvKt7GJ6BXftVBA7fxHEfL36OX3YsiT0\nvPHGLnx+X6wlp1ihpCOaftP2ZRtV8XGLFzYzS+jXKfdttO+4HqDOj2ZwdbbF\nLUbhMIzS214OXQK1X17YSthiYOtBizmngkHzt4EfZkFCYM+84n/KM/b6xlas\nuYBOKBx3Jdsf4VqZ61XMLJsQXsQbOcArdfrdW5w9S9bfYQv7Q/En8iV9xfvh\nCtTO\r\n=qmyP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"091bafb203d13305d394af0cb6817b1bf05c64af","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.21e1cb9be.0","@material/base":"14.0.0-canary.21e1cb9be.0","@material/feature-targeting":"14.0.0-canary.21e1cb9be.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.21e1cb9be.0_1639510781969_0.7241540519819993","host":"s3://npm-registry-packages"}},"14.0.0-canary.ba78e8724.0":{"name":"@material/touch-target","version":"14.0.0-canary.ba78e8724.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.ba78e8724.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2496c7bc363387127641e27eb147f023d543f582","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.ba78e8724.0.tgz","fileCount":15,"integrity":"sha512-V6kTGbuK82gruyxdPm70FVT9DvKSFwwkTLQm787hxbCsJphhYXGCmZ02sZuuLR5CcyZsxeVZ5o6zv75ceycpWg==","signatures":[{"sig":"MEUCIB1lmS3yJJTuGDf0ivQxFvRbrfNWUVyElM/9vYGVylhJAiEAgjU6e7jAK3CgEs9bdXPLkUY1baBNl2fCRx4YaGF3rqQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhumhhCRA9TVsSAnZWagAA36MP/iwpvwWefWZHTRjKayRM\nfkrEtRWcXgu0N7Mv3F9DClQa2AvwFlpIONJyoMzmlRetLazoS23rjn/+2sYi\n0lyPYwB7v/IXnWRm7JIYcSBHlNZMoZjjh3MOFdJkw1dpMy4khOAPBut7cDT0\nlAdYNnFeIJQ6e2ttgl7TkZYWkoyGmSmhbetAaGFKs4Bjy0z9Lg42SsCRhuey\n1HUGhalKZZjN2rd85vKyMPemDgVTFlaMK2vm8dDTTU+GQVmK9wGLC9WOK2xr\nwTsZII6JUBPbaplcQEfOjVT9v2Vs8xkT3c+OckTNTFAPpAVXz9aGKi1VU+J2\nW+tJEfKKtn3k95voFhPFzjMttzUgcegvY2rgPksl2+HYM2Au+WBKymMyCC8b\naID5THF3707jHxbduSg2srEymSO3Zu3P7YEWYxCnd3wZxjUaHSnDr4sWfLdj\nyGGcxvso+GSlgndajHZWOPo2CeJDGR7z898bK55GnT6mLdpAxJXqzupbIY4d\nD8RzZ04OO5ss/akytcmBHuMoku/uAK5jPegzUBlS/Qak55FcVCtnZUPXt/jQ\nGw398eKKXH6S0xK3I+VFgMPgRf5iAM/T+bFHGKf19D9ARrVSOxdzuSSUBcmj\n99Z44wV6W/0mPwWTswHHxYzLBWcwjUONx/vZLY3hNTYcgy0XTpr8uulf18vw\nzLFE\r\n=GJqN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"396b66ccff73478ac662f95bc36087e71ae8d980","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.ba78e8724.0","@material/base":"14.0.0-canary.ba78e8724.0","@material/feature-targeting":"14.0.0-canary.ba78e8724.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.ba78e8724.0_1639606369736_0.9188177722656199","host":"s3://npm-registry-packages"}},"14.0.0-canary.e3e073c00.0":{"name":"@material/touch-target","version":"14.0.0-canary.e3e073c00.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.e3e073c00.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0772d23055f9bc2688d27e478046fda6d227ae94","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.e3e073c00.0.tgz","fileCount":15,"integrity":"sha512-owO5HYrmBo3kso5CQjlAumj4uglQnmFPMCQ6lxUUnJD2T5VLblglO0Gl0Y7sYOdjQFFLFen+Fpb9AmEGsDcxnQ==","signatures":[{"sig":"MEUCIQC0sZDZvx0CwDB+w8KzFRCUzoWg5SiXHiQ77PyWsGiN3gIgZVt7+OtLj0NYKZsR/BrXf3EkBGnH1xSWXwShZNTEbBo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPEOCRA9TVsSAnZWagAAdzwQAIce8ByZGION3rdnyoIE\nwWJ03x3+wl9Iu4luMNdmAHz1RL2ca7rOj4uHdTGyl8DIvxxy/2NwKLqOI/H1\nn4d+3WYd62qRDOsR6Qgm7Emq2AQIo0IZ+JOC95DzSrZkBHQAStf02OmsOeUC\ng8L1484ZcThgH17jdw7SegzrodPMP5h/HCVG6sHS/yH7N8Q9u3QsKNtB3M89\nGk4otT0qZTqEm29zX1j6y8pns+olr/F+/wSNZ6NG2DlSuWIiJSq/SsKdAuEX\nyc72ZWC5qJW3F+lJOyHl9QdDntmCFRFxWcz7rJ0NJQAihwdbJ2toC4gyAOA9\n/KaqQ6tFz06rE9YIsoOAyS5HSZKmbKPl0BodxqhO9QI4HpfSe4n0aK/xXGJR\n4M7eNTrYnDSQfmMx9T0FqGsTbHmnUcm6oWVXeAupysehSB7kn+4DX2i9eoQ8\nwDd7m1/EaOC8vIxTFxso31FIsSASuNK+ApMNcemL5cc3TEWiw5wrYR2FOlXo\nOXcQUOOsVOl5AyKZGtndwg2uaVOzlXs1nK6jMuxt9RrQc1b63YRRKjHNRSQr\nGvG9RfS7VpvAVqux6biLmOHlvEDbVxeiW5dijS0q2LrDkGTFEtnuES50soZ1\ndHzSJ6nKFvOkxGYbButnNGp5tMncSJmsbMqeY2Q8Bc2L8V4J0F09ZrIg+sfp\nfrAe\r\n=M3YI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6ed0d4833cc10e9b5406989bcd66b072aaa259d3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.e3e073c00.0","@material/base":"14.0.0-canary.e3e073c00.0","@material/feature-targeting":"14.0.0-canary.e3e073c00.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.e3e073c00.0_1640034574208_0.6290810801750948","host":"s3://npm-registry-packages"}},"14.0.0-canary.3366a71d7.0":{"name":"@material/touch-target","version":"14.0.0-canary.3366a71d7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.3366a71d7.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"31470cf55aa7064efd4742017e6a29bd848418f6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.3366a71d7.0.tgz","fileCount":15,"integrity":"sha512-F1XifayPTdvYfKgOnmiYQmdl4G3uFBzTGrWaP5yjR329AngAGWWNFgKEDIhSTa+7XKNwmfyBKPe8c0Mh0EMEPw==","signatures":[{"sig":"MEUCIQCxiyW//UnnaF8HEhIFHHCbE77LZ5+X9mt0Nn6nMrBfoQIgMi6g1gjM/wykfJAU4kCSjEk2zM9F9MEvqRX/SXvD/sM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwxrTCRA9TVsSAnZWagAAGZIQAJX1XRwYsN0VLh5uI25I\nMufJxr2TWOrmaqSCZkiKqUnxO/QT4TZrgg1xe4tJPPIdCO4iKOfkiINdEpgA\n/Lvmk273k4C82x3dpD8epcKTHstukoRDN/6ldjuDti9jFBA0uksWHXNFWz6C\nZPbwJgQO/7hf/6+NBiItRVePsv5a/HTGPGf49Eg7cdfe6srx/xYhQUfWYnbi\nzCdbwJwE+ihK8kPughvU+h55/JB1s5jzQJ4SYBMVKLhqGEv/SQlZWSM32/Oz\nd3tlkTiTBO3IP7SddG8heLyEzouFPnMqCGN2RMjnHYcu5wAl2DRG4eyZqjzA\nhTf1NT/turnKoJS7DmjiopXVh5ZY3lZgNbfUwrsvLzAIUp+ZhSQujFZhkbK3\nZk63KN9dIIGe6g8wDUNRy4KaU0CF1qQl0HraYuTBxioNhkrLvwIST/R3Zzwh\n3M9JfjpaGpk5RyqPmMuRPFhzfcxNe4JYX9ZlGuRldnw/JvHKk7WurxTI9WSS\nP6nFYv+k2WuUVIfuM/vHwt1ofaYPA1ZrIc27SlMAo95SQhtW0A2p4q2AgsSh\n01u/XRwjNuPPP6n15aR8aEvp9Po1Tc4U55tQfEdS5GNPL8LqZji+qi1IsRi/\nWIaggVSIRjgRgbAQcT7r7CeC2M0I1cL0/h42N7stdXMwGXoeTQRLIHCo2K6Y\nbds5\r\n=DTyF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"36f8040c2829cecee06f5c8f52e08e9cabc9004c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.3366a71d7.0","@material/base":"14.0.0-canary.3366a71d7.0","@material/feature-targeting":"14.0.0-canary.3366a71d7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.3366a71d7.0_1640176339672_0.37649276958603783","host":"s3://npm-registry-packages"}},"14.0.0-canary.c047f7c19.0":{"name":"@material/touch-target","version":"14.0.0-canary.c047f7c19.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.c047f7c19.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e561ba676491ed634d583acce62ac3d86abb91f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.c047f7c19.0.tgz","fileCount":15,"integrity":"sha512-1bh0IKCOFqB9NytQrm3SHmc8kaDWBljM9U0wA8lbsWQOtmCHDBHTKK+6Wbd7zxQZWtE/GXpoFEsl2BQjrwU9zA==","signatures":[{"sig":"MEUCIDdEPgaiiJwXmpXw2/u8nsY/vlo8z1YkYTwR02o81L+iAiEA0TPw89qQuZKfS13MiTyHHR9Q+gnyFh59Ku5wHX1skoc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1cs1CRA9TVsSAnZWagAAziUP/0Szj9234dokSrksxESZ\n5+1+50kVatgE9FFcz1oT1sK9CPOpNIkg+GeXFBeApj1zbVo6l+Bxt2ieUu/T\nA9SqJjOOK8qsxl0Il7v9TnP3ohpptgmoJn7qymyAHDopO7o+tx4aan/I9IiJ\n/bniQzzoFM0THZ+F2l62Mo9ECTHO389ynGoi2A7OfEgJve5FAHgkdQKbTjbb\nRwLgb659x47fOUx7T6E/jMwAMZY9hOgWZD5puadjXCBXfDeOIYDUxnMmH/rm\nDcB17FVkud1zer87r6SHkxTGglHYStkxZ98fVV2TpdcdnOX1aEbiFXWJxZeF\ngU3r9nnHF9nGMJiNh6y6Nt24DkAIQH3uv0qmQ6ISo3yr0BEmz9+MW0L1GWs/\nAVhha3eA9X6xy2Qyy+MfT1Kln+Xm0ckA7uHxDtDz5/JsnXmuRgVIBSiFshcy\n+VV6IpPTz76o5kxilxdayRHzfcE9ECoJe+74b0i3hk6rQhT/4fuyQotplqPQ\n9fpqX/rSjYd/6CmioYN6tLuT5ZYMiZehSCA2XGDI20v5TKUu/naptUnJedj7\nlq5lWJ9XDrK8daLnHiZ7G4F5qKeXJFvh50FAmGI6ZOykOfWCA0+Ip03hkiSO\npGqEjNiKnOEGQX6GP4odf3CgSCXQHiizI91QM9vaBTI0QaDm6E+Y0KHfnjs5\nb14k\r\n=PWGf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f89c0e152ba1bb64d7b262b279d38cf5d93dd788","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.c047f7c19.0","@material/base":"14.0.0-canary.c047f7c19.0","@material/feature-targeting":"14.0.0-canary.c047f7c19.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.c047f7c19.0_1641401141035_0.6519273790680369","host":"s3://npm-registry-packages"}},"14.0.0-canary.05db65ec0.0":{"name":"@material/touch-target","version":"14.0.0-canary.05db65ec0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.05db65ec0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"029a65cc2e5b3c241f709dc92982371e00d55bb1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.05db65ec0.0.tgz","fileCount":15,"integrity":"sha512-T6ry7te7km02m6irmhO9iFwv2Roz6GI9vCJpywF6xWIpQO2xqgR3MIPOJvClEu0KOesDvgrlfWxjNdZ+77/Hww==","signatures":[{"sig":"MEUCID86+jUBW2HThtnUaR1cNbEo5jDXIAjYzZkdez/iHWFfAiEAxYss7yOCXIsL/HV/6gScb/jeLp6FyhLUc9RJJmzx1lQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1yNaCRA9TVsSAnZWagAAGsQP/3O+Q69mdm8CMNFJbfn0\neZbUiQmDbrxqjOEvDnl8FS0Ku7aTOnISxWk3BEBWYE4U2Cylv9reaXNVh1Ov\n5mrdPXEUee1tgv00R4x8rLgAqpVuzhGUZenEu1+kijrIDomc6KhlnT31BjhK\nml/AS5Hd5g+p66nj0p9lVa/2oKlT/0Guhvyl2eaVTPd3dsbLemFrNYtsJ24T\n4vIENIaxEPNwiVA1PbU8xA6+Bm+eqF404UPby5ygM43Bg5gh6vSSoVfT6wFq\nL7toun1EU4vOVAQwV5EdeegwdIkV9kqWjnr6rXwBglOA5ZPlQrZaDIjJFWmC\nGKKodpo79hb0Dhzsjig1Np30Um58dmc3scaqNzyKm8MHGdWqQLe9dyxgtkmM\ns2T2qufGkJVE7OXXecjZcWagA8hR0FAnsqX6ZqfUn5mQrYxrihTQ6SW1pATh\npkrcxyhmmufFXEYBTsKIfVXSlJSUriG8cBJY3s5WAPog9FX5t784r7lSUvuC\nrfCMGqw2fIDHQy4rKl+ELCuQHhIf/nlzXYCGnQdpoWiBxFrZHfI6qjbCFLGO\ntG6+dj4NrlhQM+6pCSIs0icEDCyqOXUhdAwT3lBd2/ehbBeuVxrV+7kJPFpp\nNO95oZq+D0td0lZ3/OgUHKgPWZ3df8qOOPeAQWvYYrY+XQy3uxQ8Yrxr/o+9\nM/ig\r\n=1HCR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4ee3c4fadb795ccabc127e2a968744c5bed23d38","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.05db65ec0.0","@material/base":"14.0.0-canary.05db65ec0.0","@material/feature-targeting":"14.0.0-canary.05db65ec0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.05db65ec0.0_1641489242693_0.6599080296787059","host":"s3://npm-registry-packages"}},"14.0.0-canary.6ca8b8f85.0":{"name":"@material/touch-target","version":"14.0.0-canary.6ca8b8f85.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.6ca8b8f85.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e17cda5abd09c407642f0a65d83499b660c57c7a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.6ca8b8f85.0.tgz","fileCount":15,"integrity":"sha512-Dcq7xJBBlmUPK/vSmh6bhRo9gqNPzU3e6vydbOv/mL5Mu3GoQbWeLAj5DHvk96IuAtU5qp1mnYzSFJme1QEC0g==","signatures":[{"sig":"MEUCIHvtwTbFJs5aNhC/85IRzYYXXx4QahfjMAHL4RdKSgTsAiEAtxNzVW7HOrqP0Afr74Q+1M4V05goLKfPtbwXSwEjZCc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2GO6CRA9TVsSAnZWagAAo6YP/351c8LqkhNdM+0FmXbr\n/PnMVx2iRF1f8oR3NmzvtQI2Ii+MtcUKApMPsrZXwIHtaZ8L+RDcgsr1L3lS\nygHqZLIE8T4Yc5LUK/rRnDkUjj0zyIQqh8z8Kgs/aVR0ZurHi5tljGK9AvrQ\nVP9UgrYIt4nmL4NjHLbLhC2tNfWGoeVe11qwQpOwZasF4UrN7eiyYnbQ/tRt\nFxzANOdpmDsMn7GzWOR0mHeku/VHhsoH+lWqrLHT5Z1zjprH5VZrenw0tXKq\niKC1lQThqwNMNsgHmC/0hi7qHmUYpCY0w5M2bTrOwOrYeE1VMIXXFQwV4bDa\n0t6uagJliJeFKF/mXzn+SaITuvlpi0Ov/R98XK14rldkJ/MJQNILmlpa6KCB\nf8PlvU8JOCeuP+ClVBwiF5RfzFY8et0Eb38l9GQ2jYZ9DvsipunGXiwGgzTj\n4IhnYaxSTaZzm4wnl4YaFlJA4J0zNCTIvWhpPCOos4+EPumtSKEYgbxQnJ2Q\n4ZFbxMCZ0RxJFp/aaKuHifK8k+sBEIL7VqVOEr+tyVI1o9KLFUDWSkVBcoFO\nEefxRPvZfPtJ19H3mX8ZcChrG9YxEkHmG3vnyFiziySWXAsQh7sLKvZAnG5j\nTk6WBgmqAgiLAEvm8+Py3VhzlLwN2pVIxAS4DJIDpAIV+fPQDEEACzUba6J6\nUYb3\r\n=U03N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b3237bcea052016fff824f201904a358e2cbeeaa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.6ca8b8f85.0","@material/base":"14.0.0-canary.6ca8b8f85.0","@material/feature-targeting":"14.0.0-canary.6ca8b8f85.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.6ca8b8f85.0_1641571258615_0.9972542398728752","host":"s3://npm-registry-packages"}},"14.0.0-canary.173ee7a7a.0":{"name":"@material/touch-target","version":"14.0.0-canary.173ee7a7a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.173ee7a7a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3617f7125bb3b317c031537ed126b745c578afa0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.173ee7a7a.0.tgz","fileCount":15,"integrity":"sha512-LOpD5hCwMGq8EQtEVPmsptB4Fm0G1H+AahI7rp0gM1Rfq4/UbvKlsO4KPCbDumLwpfLb1AtlN4phiQlFaSRg5w==","signatures":[{"sig":"MEYCIQDvon/kiW1XJijYthdTmfZjxQxeu3LnN1O9SeFHELAxTwIhAJ3w/1x6wSnvSALyIrkz8KNJP75Qd7uLVG+3aQVE8NYK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3GSuCRA9TVsSAnZWagAAgOYP/07Az3UDhkWxECe3AdJw\nRAJei0+tASYc2iuX2kdOeZDIKHcuLbjBBd9tA8oXPFf0Zym25N89Ox/8k8wH\nyk23U957V++GTL57OZowDI7t6tEDHCUSxBYP8SDUpGKztPB4jMhb8ODkDUtL\nRhy5mr8U55YV/o6X5WxJrGp41Wmui5DGx1ofHnijxOAMUz4gWRcElbi/BjJX\nA6AKVqcdFGWdASBux1mCuMMI/RxrH3KtI+OUNqaz+Vv5xXb1vCZHFTD5M7Zv\nIzZzuPhl09189xjHjmQj1BujTRBaDI+AS2tmNY4flwc42bszpBV3MkiAJvoH\nHR+Wc5BKNEXqIZdZLZwvsD1xyzUMAK4jLW5mOkJ+fMil9VY6Lw9PfKw2JTL1\nGeVz9alyfWDKwI1RpuXS4ETXUx0+iURxgj4I8ZoyT5O9GGVt+MdSGJCAqKNu\nKqz6mHNOJjgvK8LuWbiailwpy9AHPVxqgUslMmyXSQv86le3HeKceLwjM0kt\ngjmjlKJbHErYf0k3ZsAZJ8ax8Ek6Xp/Rt08MwRgneoeuC6hzF02r0S5Xao0f\ndaVrjlEvTJW2uWr8y8V/ZTwmZebn03NrLZg+sioUxvrOxKIkhucHiCqIY0ao\nOrXzGdo+wfPSnB79YhSBaXPhyhntXTounGVuPqw2yChCJMoQ3KB0PT8uABbu\nMitj\r\n=uzGr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f034f9d63d29784b9608c7c25ea586070efbd27a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.173ee7a7a.0","@material/base":"14.0.0-canary.173ee7a7a.0","@material/feature-targeting":"14.0.0-canary.173ee7a7a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.173ee7a7a.0_1641833646322_0.41092006654802105","host":"s3://npm-registry-packages"}},"14.0.0-canary.b704e4dfc.0":{"name":"@material/touch-target","version":"14.0.0-canary.b704e4dfc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.b704e4dfc.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"632b90d9a05bcb8ef16cef0ad3607e4d3f588f06","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.b704e4dfc.0.tgz","fileCount":15,"integrity":"sha512-EX46FqNPulP7B106rNSAfvEVghGXw1pQuh0mxMa65Jbz1xkwlsM6YINfcWdBh+ZRFaSDpQc9KX3Cdwyn7shBPA==","signatures":[{"sig":"MEUCIAVp2GXk8pG79RzwltdC6ABPBlYR2k4OaatPnb68E6TTAiEAxbTslIlkJyW+Ryj72ICx7kWrKxYKZ/0as26ttcOg/AE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3HvVCRA9TVsSAnZWagAAbF0QAIOcr5FPfuYKWpcsfegj\nMCSvusL8UnwbnLH/hsU1bHg79Z12bKEyWn9Zp+gWSVwzhyJaC+ZUwrRY4rvA\nQtgl1VVNEOfu44aGPp4Gu6DkMVkzZVQLFcylZr8NYpPVw81fzYpU09a0gNuL\nfx928jEcNnQPlwA2gSzwsACmIIB1n3nnH9aZfxio+wV7D5xRmNlLyBhW3Pmw\n6S3I8P7En0s7mPSxdDpJKnFhD2OpNvqBOuV+zF2da4jrnP8EPnVkNpPXCmQb\n2pcZyHPdrARb1zPWErDJaCYR9/SL0Kteg128t4MGsv3vgBL3zN4Y0Y5RvMLL\n7biPk4v3qiwcdrBXBtEEq0Vn/pnv+yops0gh3121cqGBJDoL0EjQmpnT4G8M\n7gd++TRmoJKjVAJ+YxDbrVEUVE1iHpFBncOliFle7bj0J9NyRc7ecgsHA1HB\nOGi4e2MKumG5IGolq9hk1h4kA6r8/swxZIRJPQi4/OLpp4nhzaegV8FjQHro\n4rVmOXjYdqjw5SDGp6AY3gJCCSzOID6HHOVTm2oNicvKon4kwi10ejrdm8Qu\ndQMGO/jBnBtgr5Op443Cfd1Qk8++oIbMn1TnrhZHOePbdCvA5FHI49SrVoMV\nm5T7OYbwUNfWk1lECo2YF44kWdGngAEngo29rkJ2qOt3ODQM69FChKcVKtM0\nqPIE\r\n=tkzf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7aa8626c10b7e0fe9826c55e7f08c4ab0aa493bd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.b704e4dfc.0","@material/base":"14.0.0-canary.b704e4dfc.0","@material/feature-targeting":"14.0.0-canary.b704e4dfc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.b704e4dfc.0_1641839573283_0.4729215133021145","host":"s3://npm-registry-packages"}},"14.0.0-canary.c14e977ee.0":{"name":"@material/touch-target","version":"14.0.0-canary.c14e977ee.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.c14e977ee.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"659b76b6db9651a60fc60fb341f6ce608db558f3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.c14e977ee.0.tgz","fileCount":15,"integrity":"sha512-dUqcubmgJWWDw6E6AqQJwt6VqJyX0WpQsBk9zYUnxjpOK5QGxdH7wyKkEbDH1vhTeOxfUa4axROv6KK4bgv+8A==","signatures":[{"sig":"MEUCIQCR8yYflQio9/PHXZpIGJ8ToTHYyC9ti4pOtnPN5DdEkgIgAfKhIsBmX9hET8txj5xXm1MDj09wUUj6lEN2BZ6tq+I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3acICRA9TVsSAnZWagAAoq0QAKGQLtBIEaHDRC5c295c\nbJhV7jZYC9T09CDs9YBRFW/Xw0lBTiVXe9O+DcPpI7fs5VTCXwMcYKwBGuyx\nGcCWtGaAlzdjVOhKmuYzbGnczBzycAwFuBNZIaXwf2lKRTY5SNJeDnBgFCmG\n9G1PQzFRSyHM3R4B58fxl2+YXrwJvh5dLFJ4GnSzMpO3XNeoHFOBqGJ0uXlq\nr9B0g3YKtAsEwrzpU/ZLSry7W1gGeku5xAjwbkOHx9u/WO8tC8iwcV27SD27\n/HXSVVpIOUe/oJslI7a7+gTO3EdTy4xUm0JAJS2bZL/OzZsPXNQMiEFMBrpk\nrsLBLmdHUPxY0uMoVHmXsmcpSM8bgXh9hTQl2KxpVEIeW6AdKDhR4oty+iC1\nMVTzuIzBUH5l2kHXnxj9e6TCa4IHC9+q2D8d+zi5lM6b47EdXsKfT8RpyEZD\n9vFpoNhIkLBIYw0K4pGZ9Tof2uttohjKKjAd2lul12uqZoDYeW4gAxPMrpHA\n+HXFSfuj+mZkzktIjMXVLSOImCi+WIiDKEjywGQf4TAZEDzoQTJVPLbp1qof\nSSKQeWSc54rTAVBvpUGQic8AWLFVajvB4HwjmA6pOnQjxQqvlraE4eisuVmd\nAsipP1BDrfTP4b5tBpa4+2YwVvJDw2SXi/g4xPM/uzeAMpuaAOs0kzRvFa8I\n901E\r\n=5qtg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9f7e1b7371c604a5d4692bdbe25aecc578fb16f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.c14e977ee.0","@material/base":"14.0.0-canary.c14e977ee.0","@material/feature-targeting":"14.0.0-canary.c14e977ee.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.c14e977ee.0_1641916167640_0.6889233777457227","host":"s3://npm-registry-packages"}},"14.0.0-canary.b094eaa4e.0":{"name":"@material/touch-target","version":"14.0.0-canary.b094eaa4e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.b094eaa4e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93dadf37633de2ca1ba8341393030400b4c6e32f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.b094eaa4e.0.tgz","fileCount":15,"integrity":"sha512-DYzqmsZc9Ys27my3dayuA4uxYZ48+C6vGbydVkoTaYAJninbiKTONvXW3bbqcH8ZtdEGQ8n6CAahPTJrV3P8cQ==","signatures":[{"sig":"MEQCIE7wl21zMyDb1TuUDWqtPHUC79RU3KJrhUWRPlfxo0c5AiBSUbqgGi/lY2hx3+wLOOMBiKyorZlirCaJFZw40fsXLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cQECRA9TVsSAnZWagAA+QwP/2FQ28HXbo8dDy8BNQuP\na+l8XfiKd5Bay1DKIWVzONVjzzfFy3qMo4Z0mYupmkUHm5NCoUOkfvwWsntF\nIvLA8ZDXLAD0odDEUrgc8MF/PHqKu4V9sxUzYxdPYpCoSad3RiZDwf6fv/IB\nPMp5NqymzeTZMIInrsIXKPgeXlYVrVn6YT2GHyfbO89wLZmxFTP27YgQvyT4\nByr/W1jdHZrxVGwTepSP4KqdZPZPGBdnhce8BxYcR/7a02sp7+TTI7cqiHrF\n7jbaQF8YP0lBpKWeA3S3vCNWWG2Uv24SmVqjcSnQZlSrUHYtjiY/XZD0+Ait\ny1hs+AYcwIiLtyRgamZdGb+J2Qplj4JKPKcIYLiAkBFuPDcauX75Oo6pnIdw\nzvMbqSzLzOnQ0/Kq3y6Tup7IocPVDCdlM54krTx0oprznfrqmQ+jxBFk0YZU\n/P4zYoEFfWS6069fFBl2mee2saeWD6Bs3vwAR6Hqd+WCFyl4n3u5dGLHwvrU\nGdbYC7J7OKDr9eG/4sabnvRPIUX228NJ3hMrYl09PR5vx9LGH3PAEx+4uTEH\nOOO3RYWVaRx1XwkZ828V/757d6smhlXeEHSZTMxR+wYIdJcZIUoDddGC/JZW\nBgIJ9cmo9wW2RV2U9/OdQXP0P8nTk5BG3USSqyOk/oMRYypDDOs+IvqDaOc4\n00LY\r\n=SP3G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6b11b48b933746de14be90d79974d10e1fd48289","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.b094eaa4e.0","@material/base":"14.0.0-canary.b094eaa4e.0","@material/feature-targeting":"14.0.0-canary.b094eaa4e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.b094eaa4e.0_1642185732471_0.9224897644991605","host":"s3://npm-registry-packages"}},"14.0.0-canary.390220e42.0":{"name":"@material/touch-target","version":"14.0.0-canary.390220e42.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.390220e42.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff7b0fbab7349752bd8caee868d8c33a381a19bd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.390220e42.0.tgz","fileCount":15,"integrity":"sha512-RnIHLGivAXkThlQxCGEstYvpAXebnemZA5xq/VjYt7VX5aVQFoXPtKp6hQWZJna7Q87SY/S9iq2QEb3meHm8KQ==","signatures":[{"sig":"MEYCIQCRA/NcI2YpaE9YMLXOQNo2jXRXth2/LhdBM3ORUyAfwgIhAOm6SLk3pJ1ZMxqyowCrnSy/ufUv6KsiLNeHEJB8kaAM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5Z1KCRA9TVsSAnZWagAAzFsP/0YKpc4rnzvXA/YApaxI\nXXbS9fW7Q8ofbifYRc+MA4MIYzbZvPMsYU0otOuU1Glty+qQuFissR0gMmc5\nOkHCLKsSIaeMsHfiAadqPF9ss90tnfpF9Bbc3aPWjuXx6Hi43d3ro+YiF3UK\nToSKQis5j1MvRG1mfdL6qIupAhoBdIdMAST3VtIz2uHy+WlZMrdO48LUda63\n49VfQDpInub26niItlckAl2Lg0SVUVxIsEU+IcqZg6gDzu9va2wTlreAv0nt\nDBe/HWmZa+Drm3JeVBy1ZtqMrLf1ySc4pKeMq6VddTmZf7Xjq+vOZ0cBlUg/\nQRS3W41Yy2lXpm9oEaMCyAUdhLcY1nMPzIgAAEsbVbOy41YYo6nv/4XmrK5d\nowsK8akpEvDPsR46gZib5y4ZH7jPN0tslRocAT8pOgelJsZaXURPmb+UtIEE\nbZ0pFt70oJA6roqcxzRY8QXRlS5VpJXVVrhz/fdo4P2TcZ76exluP1UaJEcY\n/wGQcIH5rxf/T8lqPiamkH9E/6BMDZ5zqceL3Ca1RuAmA9GVx6kHRpSXHNdX\nz98IkitIyXNpkGE0GuhG3ChlSy1a04IjZ83ii56lnEPdno2ITLju7s+wK0Tn\nuBaxlHFFc7MPz6NDBL126Pn9sV5IW021nFz0TIgHfN1R0+ryzi8S6tFTvYyn\nwULf\r\n=zxNo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dd9f4e499bf257838f40df3957ee3c321500fe37","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.390220e42.0","@material/base":"14.0.0-canary.390220e42.0","@material/feature-targeting":"14.0.0-canary.390220e42.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.390220e42.0_1642437962771_0.11333278811358327","host":"s3://npm-registry-packages"}},"14.0.0-canary.4b5391f8b.0":{"name":"@material/touch-target","version":"14.0.0-canary.4b5391f8b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.4b5391f8b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"960d3a22acdd975cd84f6a3ee347884efb9e00f9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.4b5391f8b.0.tgz","fileCount":15,"integrity":"sha512-x5RNgNBbdWvKjTjnxLozeDzwQAeMKLIu6k8vkHlQLlqhh/zxB1VLVIz8wfw+kaZP6KoFpjOuD0UFN/OzoGAUGQ==","signatures":[{"sig":"MEUCIQCgOdoMFMh4IwAv2o3w4fwUz4iT2EjhfW9VSr0Uu4HmhwIgVtsESVx15qA+LW1W68M0mmXxPxHab0Knf5zNqIMBVDE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6KRGCRA9TVsSAnZWagAA0v0QAI6A19Ay88LtBXNpvTWZ\neRyBSBSjcmDZJxiXbz7eb++CDqoIg/vogt9aj9YCNoM9oWxCIrg774LrS6tU\nWOPyKbFTbZEqcxZRmphfELVMdFMVB1PK58luY/1hzYy9NcufDZP2ublX/wCk\nTWh92u6zCdOeaCmxQ0dQcctFWKa86TG4X8lmAFVDwDIu99fjClgsav34MW1Q\nY306Bt5jqIeYwuA93udpRJxxPeM+hCY2Evk3cO7DtTayaxIeNlFyBEfeB+dG\nYvxtMYLvREEvLs+g8GRkkWTBGdyh1FNHeobzpatSei4THN0cncHIJHdLOzU0\n+hRpejN28Vzvrwg+FlT6QXCYWOzuYwhZ/mUzyiRvrQ5tFWSGUImmjZFsYWKg\n0oHvM9pociKsIynsIPl6zxS0iGq00YHdy5Eh9yNXfgnaYPtiNZ1QS+MMjuGA\nVu6HT+aLIDV4ZsOkvtylSVsWe+/pMr8BlWhFGN6OPkZhTO7al7gnSqjXLEwA\nvH2XEt9yzaODN8+TgMFIVNUwmB/0DBhqZ5D3avvLTqBhHxuN9JmBdH+5olym\nQtAN8TVkyo4A3/FRBdgH4Al3dSwgDMhIGmlDHeGBAf7LURy6b9j5qi5DEOZO\nYVlXWBJ1RzV1Jlaf+h5frjof2NZWB4Y/Jyi54VDw4Q8NZkTlPyWGaIsIFjZW\nugEN\r\n=nnoN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"09410b4524a4005be30dd18c47d4214d6eeffca0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.4b5391f8b.0","@material/base":"14.0.0-canary.4b5391f8b.0","@material/feature-targeting":"14.0.0-canary.4b5391f8b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.4b5391f8b.0_1642636357869_0.25299025458641466","host":"s3://npm-registry-packages"}},"14.0.0-canary.cef6bc623.0":{"name":"@material/touch-target","version":"14.0.0-canary.cef6bc623.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.cef6bc623.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d8dc0e048175ac18424f59d0c3049009e7e3e92","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.cef6bc623.0.tgz","fileCount":15,"integrity":"sha512-CqdJSANC41Dn1wayeV34hLamy1FdNsaCUajtIroi5O842Cpia8VwNYe7yFnzTa9Tt/cnbT/0Xs0U1tDM6PpzsQ==","signatures":[{"sig":"MEUCIHH25ss3HgxYudXN2Dfn3zsIUS8gysETvHvN/WCU0q11AiEA9QErW0ACaxDj5nXfEZdQD0YRX01aMVxqDCQdzvpVa/E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6KoRCRA9TVsSAnZWagAAT0QP/A085sTTaB3oY3yteVbh\nncpk4Qh75+EV6LQWcjEq+ca0o9P+2OqVgClEVLESL/YXcnWBBQ7de2cQkGYx\nwffNu7uVq9wlZ/a3mOQVW7CoJFpEX/errmWITCplbXGEI0f/KwK2cLu2qfOu\nMjMeemePYVCWFGDlw500sBkcsITfJs4r8fgDmcu34Izd7JVCYBsswM6W8v6c\nrsnEx6C4mHDnffIViF5ngDDrYAwlG30MHzeNysWZL9op0istqEWjobgnYw5I\n4oqTPDm1kztUMyvKzJcciQef48/gK3c7FDjD8/IkPnsd3e+7MzrcWajF5lYu\nXbnPKsYz90dF8REHubwgY/2DB+zGNa2WE8FV8FbtQ9+HG7UXDwfcbkmxxiSk\nOYMUkTYBVt9dBNURbGjJXERI5/xq8wN256FG47KeG+vm6I918CqxtCbUriMs\nTqFvtKNbGMbyG91efygDsR6JJSeYyMnV+wtbJsM01/tVWlwaRS2fpGIQFo+g\nlHZ+4oCwAikWCfnzKXyC72dSsvPKSz8LCf3Vje4Z4OpMCV9zRbzkU+g7ALSx\nXBSaNgeHlK4TC96yb3Sg+eNss456KWLaE8GDxZ/b8vI8vMEUWKjzeYf0ZO+a\nrLHhw2dC0u3a3ikAk9hZIaOvZFvgk9wbqlLPELcp9+LZrCXfRAzO6dY4MoUc\nTsuo\r\n=k9Ym\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6bfb214d1f6768cd968026313c7de32009b2da1c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.cef6bc623.0","@material/base":"14.0.0-canary.cef6bc623.0","@material/feature-targeting":"14.0.0-canary.cef6bc623.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.cef6bc623.0_1642637841328_0.5995260005691672","host":"s3://npm-registry-packages"}},"14.0.0-canary.0379179c4.0":{"name":"@material/touch-target","version":"14.0.0-canary.0379179c4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.0379179c4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2a824a9aeb47c309e3ae806176ffe217c691f82e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.0379179c4.0.tgz","fileCount":15,"integrity":"sha512-B2lZ2SYvy4SWEBjc+7SUuZff8pJ6C1y+qJm0LcTt7hIxKHckXRC+XmRUxIbKDk2Qo3dOzAD4Llj5czrlml/ydg==","signatures":[{"sig":"MEYCIQDCLWrZ7PLZdJM6z95uG2758s1fF+ODa6b324L+LORzCQIhAONskcadK3Eox3opChPp0vwbMpCgqZYrsUCeiIM9YmIC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6a/XCRA9TVsSAnZWagAAoGcP/jsBuUP5pdghrbSuuC9m\n0LSAvMXXdDFuexbUKS0aCrupmZHuCBKnw++QK9VB4Zzok//yaedhbfbEQTV4\nJPmBAoSqyUY5Zuj8oVNu2kD7Qy6VLjCILW2+/QsiClWMFwoV5hAz9Ps5exBV\n1D0ZUYPsKFSN82Pjf90q2/S7THw4BjMbUD6GFlYiRv3OjbtK1gc6ehnooA2k\npaNoBEc7a1rfEyj8LbwBfSoXtKE7TfQOoGRmsa4/hVWWlRQit88e+XdGZodD\nOj7NTFuIeUSRA0MLUKBnHeMkQddrs8rwO8NRExNH/0P4d0zEECytPaH3NyEQ\n2oD0CTjBiUSEdM36FUVvnAXJl+5qFaEbEdCVnWUNbj7Y8V/WrEhBg4fSmsnj\nF+832YUSKRAR4HIBUAqAh7C7kKqsVlOTXuIJ43dEmv0EcyM+OoFXKwisAekJ\n14HlouTs8o2YuMCQo+H0759F64+nQgGuuZl7D/lfkxFNosqvuNyOIABtj5Oa\nE7TLTyZPb64p04OYTVMOqoUzRi7FyWNqGKzeSQ66opqeKIIxDpp9HsCVuyQX\nU4nvCkB8LDBdd6YPFkJEi6jUh2/S6umtHE+lO4RkIjfhrSKqVmi0V8Ud3R8U\ny05nOI3TzT17Zrj2ZUtkmIAlmtgdvJpNpREsa7YZpKutgQU19SjzIGy5QsYc\ntQah\r\n=hLUC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fd62b4e352900f807c8308b282906b51227baeac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.0379179c4.0","@material/base":"14.0.0-canary.0379179c4.0","@material/feature-targeting":"14.0.0-canary.0379179c4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.0379179c4.0_1642704855454_0.4949474334540609","host":"s3://npm-registry-packages"}},"14.0.0-canary.e62f3dabf.0":{"name":"@material/touch-target","version":"14.0.0-canary.e62f3dabf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.e62f3dabf.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71994fa64566a75a2b532871e888469c53b5c9ba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.e62f3dabf.0.tgz","fileCount":15,"integrity":"sha512-GhlD1jPNYO5UrbXQ6MwDy8UahokQYoVw0W1dzQ8swKOBRWkMTqkhlfzHr1sJXvJFtFoTWSfge7wWY4edXPI31w==","signatures":[{"sig":"MEYCIQC4FA/Lr6iPA9HZOVxJ2d6nywLlLKRTMRxZ2eIgxa+C8gIhAOVYjdNX1vrXkOKWjwh5B5A31djj4nJlluZRRfB0F+W4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6zuwCRA9TVsSAnZWagAAdT8QAIgbavKJEPH04Evfx0Wm\nddVVO2TQLu+vNgv8qabiSNtmBRnuX7UwlnLUhC7qHQkj0BnEufQZhl+voIOf\nHcHpq2jtuJniixG/38mEVa935T6tauL9yMeEezfdu5ZMk71yXJqdLyo2azYt\ndS/EgsbqHF4hdjWntQUKc9umR5x/4IZlJD/Fr26p1dP1cc51McEYJzS85NfP\nfOb5kt13mqm3aDZFKqaRzt9W1BdKsw43OPClNk3ZdJIfSwQqx4h7g0LhR1TL\nMmjMbYpzxcOQI3ch8w5TFujCfVV+AFJ3T1I6xp0QtbgGNcgUJAiISjmM1UgS\n+13zJQ1ziPAD8NA2Ayp0Yz+fha0/P2+d3Vhmmxg0Jq6Ki2kAkYZsPaZ818+W\nxanuHlOuReFZt30aDrgcBF4EqAuFFDw6ta6rvg+yx3CdqZadlYoIvTygFo1v\n9PStuXA5cNkbwC7903+IeUOxVWhqab3DhqnVOWAsoMJT/7KxniCU8JUPsZuP\nEeM0wXPxaEIQxDMCQMwsn8aPSMeK+FPrBgeEIH4Oyl2KDlsqNdR8C3KsZN04\nAkI1kloLMwHmGG/ZiiZx+Z+W+IIyfXERG5mqt5RPYuLb9Q3aDJ4R7XHhd56a\nXAsEPOQCaonkJXurssB+atS4oCiLqvkIAA7NmM/ZoCxzkxk0zjyUTVTXYOvE\nhoya\r\n=vGPM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7f7d12458af5eaac6bd913db605b5afc3753906d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.e62f3dabf.0","@material/base":"14.0.0-canary.e62f3dabf.0","@material/feature-targeting":"14.0.0-canary.e62f3dabf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.e62f3dabf.0_1642806192745_0.9308964403957032","host":"s3://npm-registry-packages"}},"14.0.0-canary.3e20c1de8.0":{"name":"@material/touch-target","version":"14.0.0-canary.3e20c1de8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.3e20c1de8.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e6a2e8d4ecc4ebb2e246f99010cd398b47f5f43","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.3e20c1de8.0.tgz","fileCount":15,"integrity":"sha512-h7ksSHuOiZ5GpTpZ/R3icP68KeAA5btfoOwSMoP4gcdD5P9goLFSTIFHMoW6r8ptepFIGMooolywmKk33xHR0g==","signatures":[{"sig":"MEYCIQD6Amk4aZ97EwaicXuz6EfaYKsZmfJ5Evka79AfdGU4/gIhAIYfaqlLSwmOAPV9gyuU3ctGNPCm/23TwSXHu0jVelwL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8BffCRA9TVsSAnZWagAAggsQAJWVYSHfIu0jUkA+IgNA\n2n2iGmPlHfSOHQ674ClS4bpkApS4Z7xNcpjuhWFPKdm8boWzBJGgFcJLy+oz\ndHwQgrvJQ/4HdbwMBM5v/qA/VEzdgxP1tGAQzhrBEGvcTaDRUuL//jwRZU99\ncrL1GC1y6fZqG9hvE3J8TZpozEmK97a2gNBJNlmltI1QONDRZTEs055H64eU\nJBYzJz31twFzJ/sKTkVdSB2l2oz11Ycn8dMQ3eIfTY6j/NWJpCaqZG0kGgPp\nY/tz8RzhBpJYDWGWXhMaufPE/m6Skcj+JICYKyZjApxQbmdlK3UMH9iNDmRo\nZNVd15d0zjrBl63DtiuqoQ3pElnwK4Qe/1h3vnVIcUoRw+AGBwOyemgEbAkW\nMfOPRIvp3Oc1PXi+nac30eyMLyVA9WH2QKRoR8q129F65HjQnCZuOth01OJQ\nlfYSQM7dYTHuvKw2pPeuHwm56p0HAQjC9beD0ZLkSUBd3M5KPjfisX3MxPHS\nLiJyMVqMz87I+pRTIOsr2gFZeDMER0lTJdYy8y4EcMzuu9foeZ/T9GCCOAH4\ngr9mayMJy1HQ0flbXBsgCVAlAkKs+wqgj/yUoxVBk3rm9VMsH5OfCJ1uS8jD\nVhNAyQUWB/krwmMW4n0wcQYBt9f5V2zSHugRb0KjUBUArmkllAaDDyvTpWO2\nuJmM\r\n=xgVl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"29fe61f3aef5a85c7a462638b6c2b809a3be57c3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.3e20c1de8.0","@material/base":"14.0.0-canary.3e20c1de8.0","@material/feature-targeting":"14.0.0-canary.3e20c1de8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.3e20c1de8.0_1643124703646_0.815813890302703","host":"s3://npm-registry-packages"}},"14.0.0-canary.9f9d928b2.0":{"name":"@material/touch-target","version":"14.0.0-canary.9f9d928b2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.9f9d928b2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"98e364846188458df1e1731d87b069b16b06d86d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.9f9d928b2.0.tgz","fileCount":15,"integrity":"sha512-D5lTj5Jl0lVy8axcEWgyGa2g9hsRqz2X9mkUIc+k1Va4IIrAzmiqN2+p1RIX/slTc2ts7BC7tAGLfIvfHypboA==","signatures":[{"sig":"MEUCIQCYRoGV01Unde+8vtw0zmKIwEvzuUlE0aPtefGiq2kMCQIgRvu58FDEwVCqAtwo/f61qaMmpsihZQAN3NNthk3MG4I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8uCwCRA9TVsSAnZWagAAUEQQAJpbeEiFOjr6k0CgcjBc\nmLaZiX5Z+xcUqjligG9yXtrEuDb2vu469ZNI8W9JbhE03RdgdI+7vwr4MCeI\neUDFXkC4krgcfIIyTHP2ykD4V4o8iLpLXLCNnEboaPk5H8OYIeHiDVjhgxnH\n5VNJF7o8iwLgImZZtSKXs87eEFgNlxge+Mj/mneBACkwxyO7anImTna16Cs0\nDvreSTeH5Rzn9tiU4hs3pau2KkpvnQM4zppkmdzdluxm0KkzkOZFDVtU90Tx\niI6MNo/1Op6nzet9h1S5vOG1vYoqCWVPeY66tSJvkhrXNHqNW9JLfD7DK6vF\n9Qi/b/N/bxzDJKDZYalT+M3jmWhRdJZf7IF3lle/m5e/nx5nYJGQ4H5ovlBy\ncdiADJpTIx7RQB1urzzJKTDzHGB18nC2I5ERoOonFK1nFUiQ2m3CAkMYUc18\n3gwyyk0MivRxz/0HBiWAAsXJcgM2Q5EtCJ4osPccf3eAyhIBUBhrrpwrCOm7\nz9V+gUtqDU5GgQaPlEdQMEpZepLOsXXGPSIT04Xm1Fk3gStyvNiOiPbFKDoj\nIRXp65AUox1mjn+cx0YQw2fWXZVIRu582grvFuAqxkduqLv+nihJaPwTtCth\nc/SUdxuKvN4Kn1oYnT4ioGU1GDyq55zTBLLKwOYbrqjecubXO3umOZv4D0XE\nijEa\r\n=jWnR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2983c7f2f01e1912809d6004e47ff0c7c27de38b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.9f9d928b2.0","@material/base":"14.0.0-canary.9f9d928b2.0","@material/feature-targeting":"14.0.0-canary.9f9d928b2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.9f9d928b2.0_1643307184022_0.05619431282957632","host":"s3://npm-registry-packages"}},"14.0.0-canary.a2bcb065c.0":{"name":"@material/touch-target","version":"14.0.0-canary.a2bcb065c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.a2bcb065c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86539772a9341801384959403217b5981a7df3bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.a2bcb065c.0.tgz","fileCount":15,"integrity":"sha512-QIcXx8vIB5I1ARcgNwiZdCk/bJHfLzrOsFaLq2NVdvH3glfMfXvAFSWvPKeZBkXZcuufSHAEzsfm7YY5n4QCSg==","signatures":[{"sig":"MEUCIQDYtzuqPj05XCiShTOQCS0/JWF4OOVTcrJ1y+ZOhowN3QIgFp4/vQsdq6sBuet0R0t0fxDK1M4wZFxlJY47nzN3Piw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9EXYCRA9TVsSAnZWagAAj3wQAJaYDZRUNcUgxkjUQn8s\nQ4FFXrMQEVPBXRIpMEyTYr6BhCVwDQomeh2+ZQM0nMxQdBCjaGxCrXg1dwjO\nG5brVu4q5DKnMNXF05ZqyW8Gdg8Qc/PiOBqEz0/BZ3AA9CvqEIC6AyN5juAt\nDbahXl0a8IMm5/kXeysS3iUXqILcsMk3IEib3/CKI2Kavgvyklh0YBTwgoEK\n2Udb6VwL0qrq+QImmlUVFyresODNzttiNEGA+m7yY+6gD7BeEYAK9LoK9uAw\nVGQmnxoxLi8HyYdNxXqBkm0hX3ReuVkWGO1EcuIkFAGStH4eEzh2J0mPzSR2\n+5o6UsiS7+2oqdlkTYGbh8t0e/Lvy0VgAzHK9VJZfJJ+i+rw07GcyNZOqYcd\nSHAP4kF3ljvqyMLQUkdL/1MM5L0CRnqPv58sIqJsx88dSCrZutZ/IHTvAEbs\nWJh3dfBBgBtKTQQIHyUZZPX1Zlkwrfhj3tEmdjKkUnnUFd4qWrJkjBhO4wJh\n7KZAO5GkVvAO8Yfo/18zUS8FmnDMa/hXlHKfSNXtdgP/RLTh+fq7TW7OHQB7\nlUYM6v8mot91B9Sm0r00vD7UflHriIwyH405HKoj+QD24L6NPuxOsqAD2uu9\nmEh1Su7tei1rK8i8D4F9et9QN6wgcTNAdPutVUu9DSXinTY65LM9kyapUBK7\nDXhB\r\n=Iqs2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7f175ca37545bf0bacc2b94f7a18a2a3fbd5eec5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.a2bcb065c.0","@material/base":"14.0.0-canary.a2bcb065c.0","@material/feature-targeting":"14.0.0-canary.a2bcb065c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.a2bcb065c.0_1643398616381_0.14213160763743882","host":"s3://npm-registry-packages"}},"14.0.0-canary.4e66fb2e1.0":{"name":"@material/touch-target","version":"14.0.0-canary.4e66fb2e1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.4e66fb2e1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8340e25859a10fbb93f8e2c6bf126d841389e93","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.4e66fb2e1.0.tgz","fileCount":15,"integrity":"sha512-OMgGivKRsspeheFotK2SjCIvtyjKATP7Hur6jeY///PlvDCd7HGePhSKuiHNH6yUP56CaQZgeTwga584JQaHVg==","signatures":[{"sig":"MEUCIQCCWu0Iaat6p5Eb0aPABrl5eZl+gpTLh56ZyK88khPq9wIgS82ujficDqesqSGInntGdNFMlsV2Ye4E1+cfY+eba1U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9EbdCRA9TVsSAnZWagAAWwsP+wSKZcN0yhRXLRsNzPkE\nDBxyEpFdSKv6pdRHcYzdVUQ0bEls0xyItugYT4U7wlhgFNpMftUssUNmoSUC\nWQiI+QqwSf9yrX4xqj9bTdEWiQFTzdxqxP6iBCgHOp7gwir3s3NKIX9YYH0X\niuZZPy7dhtlRk8A7xInMAyS1HN9EciN3evBXsI/LBTr6jxhhRB1Bqb33KL5N\nkVmBRFkAOZXsjhe0eJJ+2mBC7pTjrcTrafNBI1YmK3f9r1ZDVKDymsAerMNv\nV+U01G9K5qyO2nW8ETX4rmvlc9uMKFCxh7iSn4xiaRRS0TIwPVvpcsdCarvb\nBFHyR0cuj7saP6mft4zmu4BgJmY2wyqeCI3dFwMn9t0d319tokIJlx/cJs+x\ntorZVc3F50ZoWF84l9dOBz6t0z1/ljunNbPqIjiR2yPnp0QriMcQfzDy9oXo\nrbQAgl0hPEOawGCU3HHXK19LD2dHbVZxnBH+JGJqfxOS1A59HK79wwifCZzB\nXx+sAjPuyrZ5g8BrlBDHlsCVkQEkSnRogZJ8ENHKZkz+2/f5pUhw0xVfiYkK\n7ciWbhVtZWygWhrpilXkFGx3bFqxv8iZGlVoAMSTXp9uU5VX+ZebV891a/zx\nZb6sTO6U7VnI/pf5CqDRUVP+EOA6BSL9MyucbE//ektbRPsdi+PZRxJyY3pX\nlYQx\r\n=6YgM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"edee6a64c210815507bd8460fea3df2591cf0d65","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.4e66fb2e1.0","@material/base":"14.0.0-canary.4e66fb2e1.0","@material/feature-targeting":"14.0.0-canary.4e66fb2e1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.4e66fb2e1.0_1643398877581_0.9847387198085245","host":"s3://npm-registry-packages"}},"14.0.0-canary.9736ddce9.0":{"name":"@material/touch-target","version":"14.0.0-canary.9736ddce9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.9736ddce9.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d23a8ec416881838b8db882b2d46155052177b1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.9736ddce9.0.tgz","fileCount":15,"integrity":"sha512-735LFnR5eMdj+K7xefcrDZgN/On0KbmpLOD0ollw3X9Dq1PoonQHtAi+IY77atiAyqClcteDNTjVPFqgl8RSmQ==","signatures":[{"sig":"MEUCIQCYbLXVyUmIhksOXne5karkKfq5ycxl2mu61uAKdBAZ1AIgN7jSY50hvJr29X2cXO3Stc6LtlKH04b2ckdgk2BNxxg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9Q27CRA9TVsSAnZWagAA25UQAKHa7ScA3wC2x86jhhyX\nAKjNhUGchQt1GZW6QANV42gs2Gqxa0BPTPk4MLSIKPw9BkisqC0tVnpCxkqf\nmbOeKK7cxRVBlV3Ul2GdrzYw0z82FCAfvIJpqiX4naLAZz6baOJK87uZeb2p\nSD0xpiBzmKPdSmsACpljlxNwpcfN6D+OppH+EOOKkHM2kfXwRxQkjnbVBizG\nQmB1z33Ftrxm4XTHFhWxz9XtLGF2eFMVBASoOTvk9rgVuk+QNfci0p41qw/V\njxePyM+gLf/iP4C+zwy+Mwqz+bhxhA3zMsB0uQEZW/GPYy56sHa9H/uJZtMw\nNqpcCBy3s3ftaq4L8gE1y6xdjD+5KPDQ9KZYo0lwIu27GBMFSSwXI1oamwz1\nNXXxpFMZNCsP2Z4OxOqYZhWfM7v+Xm5YSqFJYTFvtMzeJQqDPQcNjX/8JB+0\nwI65ufcsjlqyaqVGUlXz5xNm2a/0bin2F+hdUcPdW6Xb3eX68uR3G1Z/ff47\n3ysAyt4KAf3tNKyQCdAouHMz888FPAdNqEnUNfY0HmGg7WQ82VTK6XJ6MpTE\nxjuE12cb/p7lPvkWeDsWlXaJObSVtFKxRC++E4+2378Q2uXbGjF5nW0U8v+x\nwXpZnDfRgk7ACWrh8voDQdWYjMKOvRThbnaPWrjqevmlzLY8f+QOvdC4kNes\nYsiA\r\n=/Q4K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d76de36ce796a981bf5e48388104bdb581d17529","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.9736ddce9.0","@material/base":"14.0.0-canary.9736ddce9.0","@material/feature-targeting":"14.0.0-canary.9736ddce9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.9736ddce9.0_1643449786942_0.8837413956956739","host":"s3://npm-registry-packages"}},"14.0.0-canary.cc4ed13cc.0":{"name":"@material/touch-target","version":"14.0.0-canary.cc4ed13cc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.cc4ed13cc.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9a5373d1c21104ccb6fd2e66cd53b4865222e9f3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.cc4ed13cc.0.tgz","fileCount":15,"integrity":"sha512-aX6ioUmT5z1IZAouX23Rvbu206b0kOWIh53u17q08aiMU2nZU5RO7hrGhPUJy0Voj2nrb0Fz/4/Laof+ZC6CEQ==","signatures":[{"sig":"MEUCIQDn2jyL5tjYPSqta5I+03TG/t5TX6H2thnKI1TRMT/3xgIgeI/uCAXipns/qzFrJC4ThBiW1aY0lVQnTQ6dyk80Gz4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/W7sCRA9TVsSAnZWagAAr8wP/REwYzQps17RgZlGc0rm\na9VBm1AoIj24bb9rJVqfV4wucjzAvwBzxkYB5gd60+N8uEEYly3XOQckNbQl\n2oB+uTpsnAL2J7cWz8+BFQ+5MqxC3vPv5csHyMxNKRES/A/Tc+A30Hj4mg3o\nZ/W9lNhZyQ69jZFuZ6Hs5t9gQm6FLn/kxEW0hQJJuTFmJAs+C6exDZ0tPAMT\nLrix3mhjIB1+wtS6xTOrZlsBRtF3gDPDORIV5TDYxN2OjNvC5BPIyZas/nQW\nFAoNWTHcHLGOmVW/EXhTVrEiE5bL3gVHXD4K65kbCMYfvzpIoL+l1CAJVGhQ\nFaGZzp+lBnzwT4Bhcm9f1zR6TQlOe1g9moW+UgM1ZdN1Jt2i2VNL9KiwSFIy\ndHjjQVL4RtYUELsAa++IpmZ/sfcI8VuwAPP9phQbaOToZ62ND8bKMOICnWXS\noaeFKbU0UdWyXjWw3dh9fVyvnTOAw8RLNr2ILYtLI2Ue37H11DenhKNhtpZX\n9j9G4VCrHCwNIHhiLUDXbVZAtYcaezJL12jqMrsxWKy4/m6gFNOkA5zsrD+f\np8VIqass6VFQ60IVYu/zAVo1Kr6bfHP8FHyXvtnpBD4PD8tLqtHQ1wTUrGBr\nrgUcW3R6US0KKU+00v1+lCxRTalEcnALht7s/hu/eMfnIZ8zDze0SU9uMkBy\nOFfC\r\n=ZQOI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"15c769412cb0230363c372a7d45bc6bc10eff8e7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.cc4ed13cc.0","@material/base":"14.0.0-canary.cc4ed13cc.0","@material/feature-targeting":"14.0.0-canary.cc4ed13cc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.cc4ed13cc.0_1643998956212_0.1860741745787884","host":"s3://npm-registry-packages"}},"14.0.0-canary.dcba26fe1.0":{"name":"@material/touch-target","version":"14.0.0-canary.dcba26fe1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.dcba26fe1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ddb58a27e8321516c8f1d7ac4eb38ab5acf3a64","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.dcba26fe1.0.tgz","fileCount":15,"integrity":"sha512-wAzwZd6l2iIK3VNoNQZxQnT+dgDyQCVWKj6sJJfsqYUmYvCYapzttcoRc1vAc31KSgeAyh+4sy3r1oU30+YlDQ==","signatures":[{"sig":"MEUCIQCefsdNaD8nDeVxq8h/qoHJWRpZuJ3E/qhDm6PZHI30FAIgaW7kYykcpzWv/TRqz/tSZZUoWdt8w6PhboHT8KPYhf8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/aEtCRA9TVsSAnZWagAAEQoP/AzM5whWeVDUqHsp1w3n\nP7EbqQ/1JhadEd1b1G10/8UJsZNzrihIFLZTN83b5E02HS8532Vii2/soOBE\nl+L/d14hQl/hO7Ye4UF/K/uksrDCgIjSjsbcAiw1GKYA8r4oRmmBzJf+RCD0\nDIwht3s7pYnEJxQAo7yY7GI8XEY3OVYggDqI7FZ5GV+mQH4IaWqGLskJrHqE\nRCUPBIiEN8jH76IA1Cn9qDMv8lXrp9zAUdYhIZRF0aC+9BCckwzhtWjE7lbT\nosqXgnBqjv9PHwFRykQ9ZxbDZQ6D0oPFg3TIpUhypLJdfvitJ8UkFRysVf5F\n2B5oFsAeY2A+tQOwzV+tamNF4I+02vNq3dbPQ5jNvIEsxPJp1GQTIe5bk1f9\nEWFZYspE/dHBf52JOFqvScwIMlS3+ar//hp9LwzlVnxkThxHnCJu0sTRWyNP\n5j5dQQ4dXAljltiyKHal1pXwRmcRiL+BYwSqPXizuAE1ubpY89BhqYsyRX50\noFwS9V6Fma6buPKG2JnERZo7DudgH0PVu92jwwVnziDoDP5RwaHzYcK7DdVr\nr0y9jMkcz11f3u81jnN6L+4wt5VjccLvSDWJ9Ub/CNBp67SWslOSijSG7YKj\nCRl6obi/lYc+31PxG7B7WGzyoVEFhhmOxpqS/Q1Sm2s/jbSzeui10oMhgZUt\najWE\r\n=hil9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ced7dd56d5d3b017288f0575d6e773c03f01d0ef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.dcba26fe1.0","@material/base":"14.0.0-canary.dcba26fe1.0","@material/feature-targeting":"14.0.0-canary.dcba26fe1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.dcba26fe1.0_1644011821801_0.8073707559651191","host":"s3://npm-registry-packages"}},"14.0.0-canary.ec54d9046.0":{"name":"@material/touch-target","version":"14.0.0-canary.ec54d9046.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.ec54d9046.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"943aac8beb30001a2952055ef5026b9caa113ce5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.ec54d9046.0.tgz","fileCount":15,"integrity":"sha512-fSeJer4rtyLQINVgmcvzlj4jtPMgP2FZ4fVPPwuN53KDLVIjKm2ccSBhKYg7+l0Ng9O0IWWrIz+n+V5+Q3xQOQ==","signatures":[{"sig":"MEUCIQDo5bRNIWtkTwAYgl+u7nBfg2KOzPE5SJK5Lq4xHuS+gwIge1pg/3kjtaVoIp0lK4KB1spTpZ8XJW9oN8uAnskqaDw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAT7VCRA9TVsSAnZWagAAHY4P/RrCtobwPoPSbhq5vATf\n7m4L9o5cgfzN6Ni56WmEALLRbBcuXm/yN33yB6isocPjp+jVbaC8ZoPxaGbz\nh0oFQeXjUArGKfRTBU14D406HrjF8qutdjrcG6gJZtJBlr+Lxy3FOl0ZaSLA\nvfpA8BKhGbINK3oLWBYf50NMZ21dw1JePNorh0gOvtfvYcfC0JfahZtcIDd7\nsL7jwmCD7bI3a+jQu6pN4XGCffEMmRaIGEEMRq2Islo4ljPkSevcVEHBkSWN\nl3I4XxGyFAOyCHb/liuwxFQVuyzovg54slzPLPW2Rrre7Swmss1OBy38al30\nfY+iQItsV40VsT2X7Ffl3czYqVqcJYRKSRf9Ruuf8+TP4+nV0QdTmqkzlA/S\nu1jR4va+n4ojBBPpQZvU9LyjP7NO6fxvWtIvgu2GGsdIC44cHecQkB1Co4xJ\n0tY97GI4I/LXBiMArwrGSgNa6qmy7zgXwh9lx9N0veyy+1e/MSVtn/EKofbY\nDdrB27GkuXd4ssaWlztq5mAxpR5jhVs+9uvvdzg28CCpHzSZoMnkIxbtC3X/\nJy5WLeu9fHjEEuNRpNat2WsQbXGUVsgyKutEi8xyKU5J/OMDqh5JvG7ypQMi\n6eaZv5Q4w61Iv3QW+MCqc3ZILKvQv459ooeLPqwY4hFUxji6m75FUwUAkJ54\n7fJJ\r\n=dMqb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"68f6bb151595e8790d7092842d6c137ef93ed770","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.ec54d9046.0","@material/base":"14.0.0-canary.ec54d9046.0","@material/feature-targeting":"14.0.0-canary.ec54d9046.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.ec54d9046.0_1644248789458_0.10539345231790787","host":"s3://npm-registry-packages"}},"14.0.0-canary.ea9b5b463.0":{"name":"@material/touch-target","version":"14.0.0-canary.ea9b5b463.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.ea9b5b463.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1fe7bad3a6477339ba473063547f203e90de196b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.ea9b5b463.0.tgz","fileCount":15,"integrity":"sha512-eMRYdxTSJnw8bvxhi/6EqD72JUYp/SXkTKctOcJFEOVCx4UqwRTHZwsU6pciXCLWxPtAKZP5fKA6iZqvFarFRA==","signatures":[{"sig":"MEQCIBX4vYf9WsxAtG3qTYQCkRgnzJYitU+FoB9cHMrqUXXWAiBFtUtc3mF8tTFzw3gx734yehd6ptAMP65BJqI4vhd5EQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiA/+dCRA9TVsSAnZWagAA2sIP+wfkTLuH7mxFJSlO25k/\nouxI/cewarXhBg8JFJdC/JsQpX4buUiOlyB/a6rpOMM56kiLDDqNrEpido4j\n10squ9JK6GetIkDKxxwvbcn8eU6olk+gb8C4XNb8yIy2OKepbdNGou9Caaqc\njGkV63jReP43DtvV88Y01GOPRF3pAEPAhew1Ihq2tVibpEz+GAb7L8bssOSc\nNIDtqy4fvRiYu77FwQe26u6weDDPCeGr6/jhd9ariejMdoMbN882YoBb32eE\nk21Bn60pIDNBhNKq0iW21ZKL31RIwfH0eRjQVUexzkFopfeilj7SpPljHHHc\nL1TyTTf3woI7mbtJkxQxKibffjtRj9HQxJ2xs/3PH/n31oGDC08wZi9rbr+Y\nwJ0yqOY/lMIEgTdg/KAk40TbBCZZTc9pq+3ow7lOZjWNieMat8rObAZgRpAr\nUoBjfVu2lT2WA91vc5HoBZ/DUw1PEP2POhSV9cSeOf7OAnZG8TjvOZqb9vcs\n9mhcRFmE5XP1/sIu9p3XEYHcsSfy+kxE1fUJTBzvdBWbpG6Y6sbjMVsw6ee0\nyvr98Rzx+LYGyRBpcgGWrq5f7A8MP1FIwTcLRpLhw61o6BUcRn25eZ+ud5ng\nHBNMOHketlH0HLSsbkjRs3bcM736XVcqf5yKeFuOJ3SJBerO/Iv70BVbj2J1\nmA3s\r\n=JTu6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ee827dceb9fd1c47516461b8ddc28b66702f2c04","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.ea9b5b463.0","@material/base":"14.0.0-canary.ea9b5b463.0","@material/feature-targeting":"14.0.0-canary.ea9b5b463.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.ea9b5b463.0_1644429213592_0.49950371439582497","host":"s3://npm-registry-packages"}},"14.0.0-canary.96ea061c1.0":{"name":"@material/touch-target","version":"14.0.0-canary.96ea061c1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.96ea061c1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55d17b25c74d72be84e4fd883d6e5f04b797f957","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.96ea061c1.0.tgz","fileCount":15,"integrity":"sha512-PS7+ZEBqaRGPfIikzwZlC1taEgSMgh6mLwyrc0aofoMLznmOE/GMTqdN/EdAQgIr7cYVYrOytI35mu5TB/kjOg==","signatures":[{"sig":"MEUCIDPOltBFvdrA/gA4CHCqiMFsy/ez1uUTNo+3fYefj5OFAiEAwxnAzFASbWCXjSGWO3mhg3aXaDF0tOziguvAEWds4wM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBA76CRA9TVsSAnZWagAAixMQAI8EOwyi06VaPi4UHzIa\ncIil/zjhmIPOBp/PJ529/6eeIt4hg2qvUUs3Zq8HeYF6m6J7rJxLar0yjbnD\nE+I6E6ATu8NNfpR89owNX/RKZmqEeypz+EIXoLCzxvpwbQeOOvD1RGow9q96\nR1SgnwZ7dtgp8CZqnDekzqUQ3sf2oCD0RvfQDG0FQQ6bZOranihlXL2PY972\ndY59bF1IstTCW5/b2fC9tVQK/JBeLIjZ8hPpKvIf/ruHxwcHYadAS3KgojBc\nw3amuxOjkPBZUWI3t6qlXNw9ACqobCQoCu87tmYW24xN6D+RTt/gxinvfNWp\n/pK+y/llCu669Ln1ifzxfv9HkkAwsk5SjUF3IwmK5Zm40ugNqqqxSk0YGShp\naJ7Fb206YRPQ9xdHP3PbT3n4n4JR4KasPcVl3FLZr9tW8PJmT1TyrsTY6naC\nDnixRDWCemtcVsGuv23ZtmJdXgg2rFOy3Xw1Nqv8r/A6rUuutav9/avh5bfX\nHrrBfd6jPutOZkjdVSRuMUp80s9eBXOX6SVlMs9Tz1QgD5uWFiuN3wFiMtVT\nJgZ/80zXGTZ9IOyOeEL+FmOk7CmC6rJgfCnU6nIy5kDMRUwVNrTiiOUSDjSP\nxCmHwbiQvrHJPv+DHuWT6BLP16Vz9v9JiIYoEfZglgqb1UrHVo77ZQttg/ki\n38l7\r\n=32MI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b1a410c21f8ac6405b364e437b5af7eec06a2020","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.96ea061c1.0","@material/base":"14.0.0-canary.96ea061c1.0","@material/feature-targeting":"14.0.0-canary.96ea061c1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.96ea061c1.0_1644433146497_0.20443547998262135","host":"s3://npm-registry-packages"}},"14.0.0-canary.e00181e59.0":{"name":"@material/touch-target","version":"14.0.0-canary.e00181e59.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.e00181e59.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"76add278f529c21513388a4e0b8dff4c6d0258d0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.e00181e59.0.tgz","fileCount":15,"integrity":"sha512-hbtsII4qmyY82n1yG5M3upRdo/4Lab3vfoiTzTkq0hgmJz6dn3+NrlqVo1kIrHERIxyKg47HrbWktmeeOgHNSA==","signatures":[{"sig":"MEUCIQCq4on0q0Iw2mA8vVZsCsEhSNb+3ybAIQveVDlvp+qKwAIgXSyXUGyCgbkS33J8vOzoDYGwb2Vxdh4XgIG7oX43mHs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBXBBCRA9TVsSAnZWagAAjCAQAKFBFch6rdhKeSvRLf2t\ndj/LuB+u8JWVlJk7Rnnw2g9pB7uPaukunTG0P0gZ1pDfVMU3ZunW2m2UUR8U\n9EaXtZ/iRY3bUaLZdPfkpLEyZeaqAnBbzfQLVDwo5bHhczKATqybu//3i7hN\nDCaDAn8jri/ImWSTiNqFbhu5347+EXdbPnkws3VArKtA1RsxSH7peSjYr586\n0grHjq/fW/X9HnwUh89shjArVb93K51rdB61eyaloj+UeV18IE83KIzu18yi\nBn92u8BqumJRAyvMPVjHt1LQ/+TaMdut/Lb6svi1GaSsdOQML17ckvz8g/+5\nCr62U1LLZz+TKmbZmp6r/lXjRdA0M+HdEjad4jpXsMgzp13jBkgdiPslTu8U\nd1/hDEjAjAo87W0mTNW3j8vgfdVmN/+E1PnDnLZ0bIwiVXBB/QmtUBM4o5Tx\n4hHDwn/W0KCZqHGgSGWUf10t+e7cmXnGubEJZawK3G7GNAoAEgzCA/V5EdQ7\nmduDZccuYSf4Ufj65NH57qsx8j79x0Z+vjYTpsUuOrQ+M1MTtrvKGD8XGk8H\n3erdVUZsG5Lpixr3jMuqffyR9mHujUdXpXgVgJMFV55797mtg1U4czKXd+w+\ni607kmLY7Dn0sies85Mk6BUiKNkI3BbQyR8jV5rM+Kq13I4bGDi806VEqIxR\nY88Y\r\n=UVI/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7e9ce072e9ec1ce5820d347b59d99209542a2bfa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.e00181e59.0","@material/base":"14.0.0-canary.e00181e59.0","@material/feature-targeting":"14.0.0-canary.e00181e59.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.e00181e59.0_1644523585174_0.6242473228902587","host":"s3://npm-registry-packages"}},"14.0.0-canary.037285f9b.0":{"name":"@material/touch-target","version":"14.0.0-canary.037285f9b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.037285f9b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dc454d4b3253a348cdf44eed485865d3afeff39e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.037285f9b.0.tgz","fileCount":15,"integrity":"sha512-pXbYKfvbD2994nYtoY2wzLBvqaTcz0T1V9l+TUy2Oqyc59Y9/GUmsBIjEAkWU3lib971nYyYXB8qSBfI+W8+vw==","signatures":[{"sig":"MEYCIQC6kvfw2HtHKIP7Yb8bm06aZ7SohFElXmrZRl9eKUmhEwIhALwwzZyCgoSvJ5a8oiNDK1asLcdlXQuo2k9APLH39Cv9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBqsACRA9TVsSAnZWagAA2QwP/iSHZoDdkDDoRUhTpbkJ\nPGSWuA4PZs/o4hLFl5zgj21nGFI7BiPJGyT4+NJPHWPzUEPwf15zf7uy7uDv\npI6pLex4T7h5c86nKdg9sUYrwKv/ny3l5HwVqpeZtHgwbTywXOedSIZRghbg\nVeay1UhmSnzaLWvOzdxoLTorzRagiYWwf9k2yd2LEXwq9mkxYxDt6kCZX6ou\nWetwmIHPt4Qw4MryybMh4s60SvAu9MMeqDhKjcpw78705j6Oi8ore893NUgD\n2o+H+B6yO4D27Y0j0MfKjqVvzXTfSsElAWYDjHzKDQTrxHbDfIWRFkqq48sg\nUldaIiG9Q9P6hf+n6VTjyTCoygZgTZScDJUwLUJQewN6IFIdmgf0aKbdOC8x\nGlSF/aVU+rqencVGiO8uaGP/VgTrjZaKjy0xkZgLCQF3guHsOMX3CBU7rrix\nHVHLEjto1P8iNRkVnxdVmRLAScrpiwWWmUfMBWyiy//72Qpt1jFfZzyBIpeu\nGhRS+0DkPWxtZEeSAtSg5hp5l/EM3if+C1my+vLXMFfjK+DrMwsKgNRk62Mz\nZFxLGaEScpGgQH3aSlwDnk4QCKTtxWyX/mC3yBhsjf9IY05iajSeAOhYDNkz\nL5RjyehnfYZ+KiCdHWafgUAF8Zv+lidhT/4+uD3FMRL8EtHDI4ITnigJR7LT\nzIQ3\r\n=JkB+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a9bca201560da3f96e435e6e070baee148bcabe2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.037285f9b.0","@material/base":"14.0.0-canary.037285f9b.0","@material/feature-targeting":"14.0.0-canary.037285f9b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.037285f9b.0_1644604160587_0.7699081637924503","host":"s3://npm-registry-packages"}},"14.0.0-canary.1aaa68dda.0":{"name":"@material/touch-target","version":"14.0.0-canary.1aaa68dda.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.1aaa68dda.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d3acf0cbb74233cb9cc1634af9d5f216d25ec849","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.1aaa68dda.0.tgz","fileCount":15,"integrity":"sha512-nCnPYY53sgm1/I20bHnyX9b2aWFFnJHh8bEtZxhn/FhwKPRJibXJVAibditsy2VqZ1HvxXlHoCSJ/FNUpTaZUQ==","signatures":[{"sig":"MEUCIQDm5eHrHEa5/c5hBTNxTeHkhoQZf3Tt9AeLdLUFT0NHSQIgJVO57XGTc7Pb9EWSewywGijfrU3cUW4MtYnHQBwmbRo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDVUjCRA9TVsSAnZWagAAbcMP/1qvtbWrn2WxUrMTrmY2\nqvEisk4So9AhV6lg5EgembHP1g2B5kf41H7thMT3ycjZIbZlhcV3dHFKTDzN\nNL6jbEZFo2sLlyxHvaMcBrSyc1CGR+11sD/KU6q3FgxE1ATS94jxD9sjP5Vg\nK+GkoCQ4ibVgj7bUQHnP/72yxyyFCyCq/ZpnlUmv0sShUF14BqC1LoO9nDnM\n7NVPHBGy+EE+hSOV7unwW9stu0pwaGz4fLNOpHWVjyDypK2chxBJkttEsPVJ\nJuctaFgQs1i5KkmOHMfssjHKg2XNF6EBZCeAQeExwFb+Maf2S3Qk5LDj9z6X\n2n+GJGXCVL7XsXXR3KkdvjH5XAo5+uRbpQPaKDGBw2F5myIFv/F7pYsUGKah\nSLvYdtfzauDrs7/E5uSVLigHQhx/CkULZkIccK3SiGP9935qRHlddo92rbRM\n6bgbk/L0asFyIfSGH4XTSVpxNh+vQ2fKq8ewTcyUdU7T0Sbq8gzOqzeiQt9y\n2PmkE5UH/+l6feyHYrRboqMJTSTAtW+mqsRe2e13YhaL7syaSRUd7FOJ0dtm\nMKYOk7q1rCGBFK+HZuAqHZ7iFlphm2MepwMlQ+1l+uWpK12hO9FNuf2RyH0/\nywTOOQmWb4yvpBRfj9BXRXje+42jJcgOZS1TYtSqIWwfCZe8PfjU9TMYwHl1\ni52W\r\n=jym7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"49eaedc3ce6f1f8db6a6929143c077e8f65694f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.1aaa68dda.0","@material/base":"14.0.0-canary.1aaa68dda.0","@material/feature-targeting":"14.0.0-canary.1aaa68dda.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.1aaa68dda.0_1645040931433_0.28021406679977034","host":"s3://npm-registry-packages"}},"14.0.0-canary.ab4aba1af.0":{"name":"@material/touch-target","version":"14.0.0-canary.ab4aba1af.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.ab4aba1af.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"147ae69c7da5ebb37a44e2fa04bba349c22fb2d3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.ab4aba1af.0.tgz","fileCount":15,"integrity":"sha512-JAlB6iUkoU/WKltROiYfUJBOUypLROAXS04uJIp/OzCSBIWePmDsgtFCTBTrEyGyUbyNtaKbpPkxsm/trT4GbA==","signatures":[{"sig":"MEYCIQDU/WEkjL2tcrtiFvq/WEOvF/HqAJKjX9LTgQ8DtqJshAIhAP8YW6HndtXUUfCeCaOUOoEdcgRwscece+DR1/maeO24","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDpDsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqY+g/9GJEp3dF8lLTOtavB9Y/9EQK5lb2wnwIyjsYlcOg1YRzk8aRu\r\nRamvFxnGDs41JFAw2W7rPlxzes9whvOd0tu835w2+4SQIuWZAOPlMv/Ow97Y\r\nzm8vbgubsF/4wTWBFYkSvGLNV6r+lHQSAYPSfF1o5JXLVZee7Wv/s7v7LgV0\r\nm9b+t1oly0pzO9hE5Qu5AcbmlCs5R8Gdnj/en6FG4FFKi2b+GMDDbQnLAs1V\r\n3X9u90OwG8gxD7HyBBD5wyDT4gORupw8QZus1kQCHrgPMTXQZKLnAGOvrDp9\r\nQ9QRTokGHyWUwhJFCC03PoUhQguowHVzrkuKcMo91ZzhkmLqM4hiZy+T1ZtH\r\no4OpGgSGR/qUvZP7kWAbqGMnOqcm4eHJts6bDo4EmR+9SDXYD1V6h1b0mfqM\r\nUHlqdFqGlPTmoJkr8ip+dcfkVT24XWdDI1gXd3mqa+K0kKgfyoo6UEN6DT3P\r\nECGUpXU99WZ3OtzswDbrDkaVWltMWO+4yJhmEjsKrYSm2Nj3OdOGvc34W3L0\r\n5VsoDP1D5Ap0GPyD0m/dDXShzsP11cDod17hpRZxglTXCMKKAoNT8kT+BzwY\r\neBld7S5SlyWcWbD0lWdpexjeh5Y6ZIpSaXZDw7+r5fuN+lAQ4OvP4+d10j2h\r\nsB3djEpJ3OJMJ0LUbErhck+dLkuIxEHtJIY=\r\n=em6u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"89aa095a35d4a006012f1de893cf181c5725f676","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.ab4aba1af.0","@material/base":"14.0.0-canary.ab4aba1af.0","@material/feature-targeting":"14.0.0-canary.ab4aba1af.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.ab4aba1af.0_1645121771887_0.6139249136198281","host":"s3://npm-registry-packages"}},"14.0.0-canary.e58552c6e.0":{"name":"@material/touch-target","version":"14.0.0-canary.e58552c6e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.e58552c6e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d75aa7585b4f7ee1e78af660b00a091044b7cb8d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.e58552c6e.0.tgz","fileCount":15,"integrity":"sha512-Qce9LI1euc03Npl+KvkIab73K4iZCYzhn+nDDXJudtN58Sw7QbOI80eUMPfoWlicGj6rSaOVvkol6OPH9gkL9w==","signatures":[{"sig":"MEYCIQD8d+KkNosfcMY7dIxEcMQ1GWNFIz0S4gnx90gsUxBEPgIhAN73KP1W69wGtXauv3q5S1i4LPjqyB74V6ySj70XsKn9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD9+OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOcA/+JXQ33gxjfxznra+oPtttOwPf3scjxjjT+G8aIZbQyWrA+Igy\r\nd+o7TCpKwHoSh5V5PY9oROM2YxIfnYa0Lsna3mYCTdZswfCBQR0AIX8RsL4o\r\nnqgFr41DV/B4jNEjFUYcBMfTpK0e+7DVU5asWJEPEi9HnXT6Wa+GrmLQCLun\r\nGSqr3V3N+oxLNZYbuzuNk+NqcU/LvGPJmZVXW+pZTIWVfR6Bsv0eoKXDxdBX\r\n9k7xziVj1H//wFHbRB5cA59Mson4ZxFIAG/mrA64dO1uzAnaqXneO/BxDb4D\r\nojuBK/2VS5ZEaAAMQNzfwANS5Gr61r5adLk8+r+hrq41cH2i/M/SkChseuHg\r\ndcwnnxrzvqDnm5PuSbT1c/V0hfQAgRNrsXSp75OC3IoGMcU6qEOxervFcEYT\r\nnMJDJ+8ipT6YWgf+aiU2NVSxh+qynMAs1DxsSknuAc5EBzu3fET/Osou2ldz\r\nEwIuRHaMqPZ5kFf9GwTJx8/i/+fVmlna2yn1nNsYogfP4VG5Wjprd2eIZ3Mh\r\nBy+RkQWmRWiKSeYKeNic8mBvC3aoHE6JbksiP9tRNbVXmuh19nClwUE0YOmK\r\nslTGC1dAkg+ZM5X8eNM/pB6EGMrd5XEvi1+cr73HUx2F6uETHJy8nfHEfXwX\r\nqifHUEsoI8un6Pu8xkn6MoccJNnZNCBtKuA=\r\n=wUDO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6d5c1a026de93c3896f05529594e5b025f79a060","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.e58552c6e.0","@material/base":"14.0.0-canary.e58552c6e.0","@material/feature-targeting":"14.0.0-canary.e58552c6e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.e58552c6e.0_1645207438018_0.9948189403962457","host":"s3://npm-registry-packages"}},"14.0.0-canary.868793776.0":{"name":"@material/touch-target","version":"14.0.0-canary.868793776.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.868793776.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"15a83ff2c997cc87ac0702fab318cdf695e7804f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.868793776.0.tgz","fileCount":15,"integrity":"sha512-uoPXeOz46kyhjrCi/IKF4LyTbLoyxpyCt2kKQ/oxevAiWbm/TJqfOUPNXyvvanX8nDohkJDzmdSztCeNHi947g==","signatures":[{"sig":"MEQCIDPiKMvc3BEuq203NG8hX/jAe4pkShnTTLojkS/4vQKyAiBOmAFQIeziTiN4FqcRJNTyYbgx5mC6lSBomWhldzS/ig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFTryACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobkBAAhNhINCvBLXj1n8prZYBBRR4xa53PMuuUqdeoDi3EQLhAl8Cx\r\nJ9nn6o80RF4IEt7WuiHn0pY+eQ99606tbmNvOLw7cT36X8Dy2rhQNdJLHy5p\r\nqXIO/AMrQv1pW2YAsZ2gP/A58Ha6iYTovJbYI24KYMGzuFmkUsUYjXC0HZUV\r\nAQBtq9Ix5gcizJcz2YMcdMs17DDYpfzSHt/rkED1kqLyDscid+dCQC9Bgxz+\r\nz+pi1l5HNAbCrusWlkXhWNWO1wcom52P8aMds3kf+Zw4dxZJIySFGwxdtvNS\r\nJvckCpYkSsuAaPw1FtK0FJHILMmvxYyQg9Z0u/vV66wHye2ik+mjl2F2RHv4\r\nzAwXj4NdR0UHVq8NYKyY4PqlVv3W6Ipw3+KNnoc+2AsCJxDxoeB+rQOlrpde\r\ncrZ4czIa9FUHRLwv6QD2w8nUhr5lk6j34sNw+UriOdP9RBSQ3PbXeaiNJpFW\r\nWCkv/liRnEV8nyhwh+WMyvii5Y15CQvx5Z0vl6OTP4HMD73Gt2nuRM1cupD0\r\nx6c0nGQiPr1xqwUQKxDvXKMMXMWf8JB4dhIF4xQwYmbuCm1p6zvFSMY3flaI\r\nX0PvMB3NuhCRMABKyDzd2W6C8R+KDW14gEnkpDwmg8w172mZ/LPddpu3xqb+\r\ndC6AOldm44nvyLteK6721q75W58t0gMj4Lk=\r\n=XZja\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"78272b55e375cfc80b8f288ad4bcd4bba3d8493c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.868793776.0","@material/base":"14.0.0-canary.868793776.0","@material/feature-targeting":"14.0.0-canary.868793776.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.868793776.0_1645558514124_0.22879155474448432","host":"s3://npm-registry-packages"}},"14.0.0-canary.fdc37a445.0":{"name":"@material/touch-target","version":"14.0.0-canary.fdc37a445.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.fdc37a445.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3852a5a08812af902689dc6f24e63ce849ce32f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.fdc37a445.0.tgz","fileCount":15,"integrity":"sha512-FWKtzMZgtgsKHv55OzSaB/QxmeVFmIoQpLStQPj8X6AQeuVrIkTGsyzBUMMdH5FQaPArETXHMyeuMmhf5HzFwA==","signatures":[{"sig":"MEUCIQCzyiTVjkWe1Ep3+sLrN/AininlEJ1KQq7q6Pg3DLLumAIgOO+jeQTsJhRRU6qdVu//xbR8BQMXhSDTx0fSnYGU+Xo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHRhqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/dg//R1DQwGkTiruxTKy/1YDlrKyFh9nsUGcskD9Ma+KxVnGAX52p\r\nDfoUcaqyw394z+x3bnWL736l9Qfo30+7jWNix4x3cDYsgOo438K+mSbRVIpG\r\n1GYsxHsjzOOS/8qJvK4LXEdZrKFrOFLYTLrHd3hLhGdDwr4PawrTT+ty15rx\r\nt1ud5bM0VeqXkGr18Vg69eRoTSpGfFNntZkDtvVxPn6xsaOa4NKjavAkTA87\r\nOGehTTZL4KaIHUovBDIegj+F6CHmXOnUthTtNzw/mp/gH3Cu6x7LM0itdmDs\r\nwg9/PKJRpsq6OJJYZYUdwSDe5bhxB6CAetmYKl0tq2U32SLgpoLuLlN+SJ65\r\nSxkPhQTQRWOoqkdKAviQY7JDarE5RzlSEfW1CCho8F/4NC5JKBabgJES/cO9\r\nhRInf2laKKvjjDLai97wBlcYiF/VEcdmOA9qfNhmnCTlkuA+HHqZ8mE9ueZe\r\nW4Ec7Wgktfkab49dhDmWTbUQtgvPek+SNApOgHffrSvT6xFFu3acYrqCXSk+\r\njBH1CzTnuB+CwX0gu1n/GmsKIIbbLqvc0EYWTUOVS6U7YgrrxmQaekSN2M3P\r\nNaNxPV8Vz3ambefSsuPj09xtp8an9cdBgyHsr+dW+RLc9VjAwbjOO0GYOOfG\r\n26qtgtKl0BGo37PUCJz+t6EbsacsMiExdOc=\r\n=DHO/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5a8fd2fd927d036e44b0b22f48d858fb848e504d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.fdc37a445.0","@material/base":"14.0.0-canary.fdc37a445.0","@material/feature-targeting":"14.0.0-canary.fdc37a445.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.fdc37a445.0_1646073962693_0.9172330708102694","host":"s3://npm-registry-packages"}},"14.0.0-canary.43c7d87dc.0":{"name":"@material/touch-target","version":"14.0.0-canary.43c7d87dc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.43c7d87dc.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3922b450f6a6fa6a18270e1ba58fd6feeac43e31","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.43c7d87dc.0.tgz","fileCount":15,"integrity":"sha512-CjyTdUO6I2W61s3wcuB9/6Cwk7h7Hkvz5t0SU0MFjiVb5x0DBQqlEQxB5HChMwfmsll5gjVlXPO3c8WfiW1+0w==","signatures":[{"sig":"MEYCIQCtcQsTSoem0288uieGaBrZSgTcbRCFgEcVt7+LxWx1zgIhAOZdMmBVTGd61G34PdT1lBmKedTXHqwDCiGhtWXbTNeW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHjyuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVnQ//WlVbm1AcYfSJPX22IviuvyIybvasPiOGLuKnr6WVRA8rOOgr\r\nIe6sghrNkhHYqfmfLH1P8Y1QmkH7K8ChiuFSg8DG7VFsEOOapaQNSelNySaf\r\nAekYW/9Vt9d5jmM8gy64PULIHpYdIzlz5w+sWbhw6Mxwz1WjMVtXVnT3VYB6\r\nsDJecaqQK+MJKGiSqBnciGXzHeoTB4J0PKMboByz1JlKdCGeW/QHXc9jHEYE\r\njZmDy+9JW78ApUDrIfLxC1ZJpPTras4e+Su6ln43FPiNWfG+cX1bQCbUFBFx\r\nN2JnZuRUxTFObOs+qCWOd3r1APQGZ7pLJmmRiVe5/7wAVWAAKCBgv30mjMyx\r\nVw+QRmPIuYLMk4gTnr7q3PPnTm/Nioj3ksm0kjRf6y0H1oXhXclAZ1dzKlNd\r\nreo49H9b7fmBm6acA1nx9vEyt0K6AVbbIczkuz+G0UZ0B/i/9AV8E+5TLSbO\r\ndrkRrPHjtHU30dyx4OP9Vw5ZzE4nw30V0UL0XlCGfFeee6fbcRMStsEONLlL\r\nWOL7RnZCuH3ZN4xjoM9OQQ0wjTSegNUbuT/6r6AagLv0P4IpeQTvLDPC8fUQ\r\n5/1H1kvyV6NDy7pZXZiJ8p+YOc4PwiDdXVf8nF0vQYQIBh9UukR7P/FdW7fH\r\nLs5dEAgSyvALQFIPV6lVFoYKKmvQ6A0hKWI=\r\n=4i+H\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c03dfa84e200bc6d570c73762d7ce507d0659e76","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.43c7d87dc.0","@material/base":"14.0.0-canary.43c7d87dc.0","@material/feature-targeting":"14.0.0-canary.43c7d87dc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.43c7d87dc.0_1646148782759_0.6849190012141049","host":"s3://npm-registry-packages"}},"14.0.0-canary.23043acd0.0":{"name":"@material/touch-target","version":"14.0.0-canary.23043acd0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.23043acd0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f06e14665ed74398c365ffc21ece04ecedd0856d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.23043acd0.0.tgz","fileCount":15,"integrity":"sha512-7KS3wlxu1AJ0N2wwTzx3GO23D0OlVuQc9+nDB0H0VoSQgs/DnHN+wLas1CYUZaYJKJUc8njNF/AM9bmVBUDvcw==","signatures":[{"sig":"MEYCIQDYVmUDUftpqS9CU1exsojIQcn301Rr8zsnfHOjR8+3tQIhANX95O9B7Ncfk1Nd8l7ki8wJ5tBKSFpAxWuGjltiA/9X","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiH9MnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqV9w/7BEG6EUmYrRRWxfqPj73CxrAh/soMjYsKHArWJCOl02psDoia\r\nXVz7e+9OV/KlTSI4CnN1HfUFBeI1jD31Sc75OWRYPDqSMt2AjvV3UXnLVaWb\r\nxMVgPuU41LSvAwLLX1O73bSRslw9sAxoqUb9a66srZ/PnWccmUI0CZaou33e\r\ni5+Y709QwSh4bqFM0gBOB1TA8202Yvw9USX3nYJp1x5gvmUIv7QIoVOTZ/Mt\r\nf+9FJ9eoa+l+vo48L6CDucuIbqNvSTncFlN32Bdm3l2/pXf/PTTqv/qmNdZa\r\nQTKl1RR4Zq2j52igNRSB3IBFKyjhB2+aS2SzYIGebnC1Z8hyLHfwWDiExNi0\r\nJsQnQIk4IYyq2+oO3iGGK6qoekvCQ8MaAUrACjd2uy7vw8rQ53HKYRJrPigD\r\n52XohZSxDgc/tplWQgaTze/NeqAHGaPJ4SIRIdLVb/aztliIpFYymTt1d57H\r\nbUFjjxhATBIgx/lk8mI3+3zUywop4rRGB+u9+nmKE7RW/iB5DMfZKbCssV0F\r\nqCxUOJ2k5JXYE3mrgB0UYOLFXmxHtBmaRHDrUZ/iu8SQM8L4oi5iNuexYaZQ\r\nesAtG01JSfiE/domHSQ4RaghdBsZQsHu435oWJ3gujJlkYuQENGnPlELUXow\r\nRXXLBdbomLI2nIP/q8clch6ccnXBtbUOUIs=\r\n=06Ot\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b1cfc3908c111a04a69dbaa90966642093f79e86","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.23043acd0.0","@material/base":"14.0.0-canary.23043acd0.0","@material/feature-targeting":"14.0.0-canary.23043acd0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.23043acd0.0_1646252839723_0.293595625108354","host":"s3://npm-registry-packages"}},"14.0.0-canary.6505e61c5.0":{"name":"@material/touch-target","version":"14.0.0-canary.6505e61c5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.6505e61c5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3ccee0bbf952aacb538b61aced0bcb506b79c4c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.6505e61c5.0.tgz","fileCount":15,"integrity":"sha512-fXB4+RV0K7sOgB2FUPjzMEIu6sjtc771A1SRkgomCCB8ogOIMdoKAxCbDzhdgjoA6yLG09LD3otOwfXJ2sYewg==","signatures":[{"sig":"MEUCIBEmWpcW3eRXec3fxQDmHMkLCRuphpqDl1R+IFwFYo4cAiEAqdLsNZnApEPNH74ylWEig5jwSuXdgI4Hc0HpiW3eRI4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIR5UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobHxAAmwk30nvCs067VJ93rI4zEDZvu9Dp1brmVYv4dfJvfrEWfWOY\r\nHNJhZiTG8HW7dA5Ze9RitUlSPzkBRuwOTO++iv59dsUcACW/UMtiF1P8TvjB\r\ngIwQZ55htrzRaRlB+lvFoWRbFwkwUgQ8yPGOjZ7lM+pf7Tx/Evm2AP00N7sT\r\ntqaAsbgQscQMxrpY8NbtnvaIXIG2hiamDCOPSTane2iq6fseYSauCd4fq3eE\r\nzR+zEfv83FgnhsPSNgJTWMg0x8tFC7titewZjJaPBaxhcK3XvPHVOjiQxNzK\r\nXJ9x9txy4SerazRMa+sHsrvrwxUVF9FLWUZMGX4uUvzE8eJhns57wmh6kXWU\r\nLUNQNBBs+zHt072eCna2DSXIwhU4WE7/9XZ68fl6iPN+MS6fv50haAUO9i3u\r\nh6f/mSaBreNrpuEL4C7vuo4R/NWA89ZBv5jKWtIKVq27Gv42oq7ejTXmKJXs\r\nTcWN0YQ7chnsbGFum6pvPfZ/TvdK9BNWYp3q/7zklVT5EqIGphkJsY7VP+C4\r\nzLQ9OjfOR0zp1hkR+J7XhC1IEgt5Y8Bb5ADyegwx/1lL/vHo+P1Ul7ils9gS\r\ndnqYlfNEtsoQwfGXFLhU7fXJSA4y7wE39cc5YuQSF7jUEmefce0735IoXa9U\r\nRFD2ihI7gr/HNZD+VLQWh4CW5TcgbdEBy2A=\r\n=IhDA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c9070f0099aa35dc2460994d2d83a8330b996c5c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.6505e61c5.0","@material/base":"14.0.0-canary.6505e61c5.0","@material/feature-targeting":"14.0.0-canary.6505e61c5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.6505e61c5.0_1646337619792_0.6532754921809232","host":"s3://npm-registry-packages"}},"14.0.0-canary.16c166154.0":{"name":"@material/touch-target","version":"14.0.0-canary.16c166154.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.16c166154.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51bb1dfbd9fe62b09e69181d1a0857b3f3bfd7b9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.16c166154.0.tgz","fileCount":15,"integrity":"sha512-Tf5VkFz6M/xnqIQ05cub28Dw/y0AwyPg6MMQ5D1ldAy2M98ukIXdHJXykg/oSBXnAO+KfFrRkaDScoOc4xTQ1w==","signatures":[{"sig":"MEYCIQD3FkoeqGqSLIV2QP/K5xCKed1UiM9wIUHq1IJUXzr5OQIhAIzTgT2b+f8ecrNzJF6yM4UB73cftjOLhVqCUYCZtyG2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJ+UmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpk2Q//ZnV9M7TuyZz7/YUABBWAuVvbhGDs6KBvhShpwv/Hvo6pHJul\r\nxbgvyEVzcJIyrCf2nLl2rAhL+tz8pdSka2YaHUxYhfXYUtM3iM+Yqr8u9DyJ\r\nedQm86g6Gaqc8ZSOaWus7cu9XwUtbFYJGoakGkrutd0EyOSQ+gCq31GGJlTa\r\nagqF2NLbRNMteIWZCL9xnco0WS646KkG3q7HQ9a3uxD+7/T3krsK7QYQBx13\r\nsUMtgDGWQbnUuNfcbcrWF8O9LQ5ULD7e10un/m2m1jBAvgqVoOtFRU6/Qj8n\r\nqRqFO4kFbn/1g5IU3deCwbDwcsC7yUo/u4wqxsz3wIUY7otQqUQ434IN6Wam\r\nT+Jc+6PjBbsGpcAWcQkuMuxqA96tVEMARrE2wtGUsHNtJzQ/YHaTn2hA3UOX\r\npkXBlMR8nyRwkKgbSNsXz70JX8Mw2gyNKvJDwWEe/AaZCZ85Xem7eY0ILILg\r\nBGv8eHC8zTOQLoQ8hhhpvdyMgUx4O8qipE9zcRh82n/GP80EmdmvhZk377Jf\r\na2XR+CbP3AAAt1vMKvgmg1tzUvE2ozj3k/qjFZ+JPQSfAwWA9VALdgfSED+J\r\nf5ubdCXncKjAWzFDH+6puJxhXdO2ScVb3QhLBRXC0DJnZ9ijAcoI949BKRxA\r\nBVmzn/WlpBtpvbugZBfx1S8FQQ7+HSoe9eg=\r\n=rU+S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dd1bb8b4a67220dc0120ba2dbdac900e51002949","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.16c166154.0","@material/base":"14.0.0-canary.16c166154.0","@material/feature-targeting":"14.0.0-canary.16c166154.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.16c166154.0_1646781734761_0.7398511045498597","host":"s3://npm-registry-packages"}},"14.0.0-canary.bdf1d3771.0":{"name":"@material/touch-target","version":"14.0.0-canary.bdf1d3771.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.bdf1d3771.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5853c75f7992bc4cd355e6d73bf70421a7039f3b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.bdf1d3771.0.tgz","fileCount":15,"integrity":"sha512-dNlp/M2N3zuHxqHDzdpfhVBBrK4E1zR2sFIgIrzFO+/bMbM78euVz1C4SJyhx4O4AyX6MlzkkVf2p8U8/OQlvw==","signatures":[{"sig":"MEYCIQDr4nZai1IrnUyUMz4F+NEUymNV7+K5+RTEaZOGGfYidwIhAMtBeXWqx4rLtAvRRjkUB2p0z87jk7J+nm3RSkG+Jsit","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL1EEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzfQ/5AGTP915KwFL2Ng/HS1aZWGpz5L2Rn/XbRlTY/vHgo100J9CE\r\nrUbPhj8ntkAcXhq4Xl2oDsLfsOarr3LkKMJODYhq1vgsej0/Mft3WFWj1wlU\r\nS7hDjl8tcd4I5aXHQaykjhuXeBFA+MaHljmxz1SmulUS4DY6k/AVjRG8MZbe\r\nonHCNSP3gbXZI12+ikXK+5Wxsz9zC/vRo2RwtXO9+CQ6+VDvTiOL3GCG4JKD\r\ngPyMkp1jpb++t8mWtJfKBr5chz5pmSm8Azi0ZbyXQ4na7P9jAdCNAtpzfKik\r\nmhoQSixfAFK6xz8k+uVHHynPRHgNXdrkUBG1Uh2QmCf7t0UZEqnnEbDqtKvd\r\nCgFcca5wa5WaH0xsKRaBMMFgGJxuxfR8Vds1FZFFz5uwXppVtwrS0eEo0+8Y\r\neX2uir+9ra+979rHK91n2tYm2qyoae1xcF9F7DrEPPrq+H4mHO8jLXTCDAFg\r\nVKXmqiQpP94NLoBYKF6UR/kHxu7FeIgHS/7vDwH6Daitq/RPlk8Xq3egtMpS\r\nqCGZavweCFZxNoNjcz7LuaH6UyrNyItJ8jBOegHgHwG2A+3C8OgF03iq3pZE\r\nM1C1i7EjFBQCV4m1s9s789w8+45X+acUawAcn5a49aOFTqaT4Agv7YzqlbUp\r\n9pgRzZkLYCAuw22ax9xJMXvtdyLSEf44OEc=\r\n=hXhj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bf598649c7389f49207c410e58144f75a67cc4f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.bdf1d3771.0","@material/base":"14.0.0-canary.bdf1d3771.0","@material/feature-targeting":"14.0.0-canary.bdf1d3771.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.bdf1d3771.0_1647268100628_0.3458359830126674","host":"s3://npm-registry-packages"}},"14.0.0-canary.cf4292778.0":{"name":"@material/touch-target","version":"14.0.0-canary.cf4292778.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.cf4292778.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"522146b4a62627ff671046e25659d7ac6da03ce3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.cf4292778.0.tgz","fileCount":15,"integrity":"sha512-1O7C/K5npfqh+8u3SOvZTSeP/hbDoiazBSMZHrCh6KbGATTto/4mUrilsiHj1goccwvSE+FcFNx3O0aSRBpeog==","signatures":[{"sig":"MEQCIGKAVj5adouAD0Ldj0h36/0DIEc4iIWEKcdjCcO1BSHqAiAXEOnHyKsgA3hmwxlSrgJWWwloGgbGdQCHTEz0vij1mA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL93pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrk3Q/+LWpICelBaUYZOWqjz95YKeFHeIr0vsoBS9KjSxwKThAyHAUP\r\nByx1B2KgG6IONUkblKDnS9Qd+gwliKjKO7dkmnrDKUxV3GQpoGlxH11/5lU/\r\n4wVQwuTKEFEBYkNsCLaKO3hJGKO4HMlVot9M7F/yBQdFoFaf2xJiRjWDXGPJ\r\n9Qb3LyZwGC5LdbAYHFpm4r/8U7soyqCbAe2VS+/NIO2iKazHalVWCSPnVMFq\r\n5DGW3MpkD2MqqQth1uDkYCMFpIE3DjGro8+1Lz/uKwVO4hcCVN7LkV9Dc42o\r\nZohTUVeJdoSOdFEGSm5l3lJh7vprPwoVFdhhd1J9HVvjD1+Rb1G5UUiQRTY2\r\nlrGpK4hWn3Z2Y+FOkyND1Q1IADcsvAkaG45W2h6UmRRUtw5D/RQmMqeUFk7t\r\nMWQQunK62pj+8PgLIwwynwl9wwPRBj6wVelhN+oA6z0s0j1xNjjVzLHBd7Ua\r\nsacGde22ILnaYmoWYJbOmcic7QpVNg511JTSfgC+X88DVnB8QcdikgV6XgEP\r\n3hCuF2bwi6klLppWeRayWwfYbLkb986qBGMM06b8IPsUYMYEMWhbhU3xZAbF\r\n6j6sPUmfR5Fv0ZP9uYtyCDx15LcesFZq0XnucJbE/LLgINi/hgP7bZeOpwcL\r\nfkcfbiIkzvgf06tz4+ZJMV/XQyfTThk9mV4=\r\n=Nx32\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"85b1d5db9650586ff51d999fc12531d07489d13b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.cf4292778.0","@material/base":"14.0.0-canary.cf4292778.0","@material/feature-targeting":"14.0.0-canary.cf4292778.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.cf4292778.0_1647304169391_0.9948101709766977","host":"s3://npm-registry-packages"}},"14.0.0-canary.bbd43e0e0.0":{"name":"@material/touch-target","version":"14.0.0-canary.bbd43e0e0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.bbd43e0e0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e47af36e03883d17eb1762478b7c2001611030d0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.bbd43e0e0.0.tgz","fileCount":15,"integrity":"sha512-VYpTF6saRhYwveh/151sDhdCi+id5TBz+EaLu6ZXk/leV3SfD4HFvFTg9mKHBX8YdcIqQvXCjPD5eZZiMD8vmg==","signatures":[{"sig":"MEUCIQDZzeY+yDPRb863CXLboP5AEQtqSSdiYdPsc8rQKk5i0QIgJjuycNlQUqUcfEcLwpDG5JVLkqQJuUyWGS4Qjoap7Es=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMk11ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9rg//c+oc8fEb6ZU2NBrqajnnCf46UDN0sjpbCvjQQ25cw9E6bc+8\r\naxk6jrY53XpwMKrJjuUQsnSoFGJw/bjpABVDR82c9apTyWSZJocuN9bwQpwB\r\n2n83Ktbqg8wfqVPe1BEk/W+ICUhhZqAFgOrgMrMGxnNcrqunoaX/NYLY7yCu\r\nbexyVZKQNaUqsL6s4xmbIXzSwTICKC3JPuyQGJjt55f2E5xAei/GMdq54yZf\r\nhRF/o+EUYkshckGehyYYO/DN25Gncx8AR3xbDxzgHniYwhSy/dYws/yFZJy8\r\nlHyaZ/nHHZ+P1gHckq4kgTjeSlQPx2qZdDYco36I48jJ0ffxcZCryzdC73AW\r\nsnkgRAHiRUPHne4MKhDB/oMKW7Bp1+VfwfTYOiHqBoFgbWqyx+Iz+tKpDJKw\r\n/+NzJCqvNiZrHRWJmYlXkyWpkJgNlSC2/2kdJAvC7+OfhBeYyLGwsSzl6XV7\r\nFJPiocriajOKUvjkvit47CSST1uG28t2qlqBbNj72OCfmQxXxiXqQZ/dENQL\r\nJYyPrR6W0ifVuVHWiCEC9G9C77/dH5Jl+UASUQ+ML8VO9c+1nxu2ltjvH1YF\r\nfZ9yCVhtMuVU7nC0SxMdqa7JB2+P6dlsiG8k99OUod/O1weM2ZP6pOMPkQrs\r\nZs91vnypvTnOboLlFD8mbHCXC3KaPIlObcU=\r\n=k3rY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bd60ebc6c6267688058726d6f98421b0e815336d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.bbd43e0e0.0","@material/base":"14.0.0-canary.bbd43e0e0.0","@material/feature-targeting":"14.0.0-canary.bbd43e0e0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.bbd43e0e0.0_1647463797518_0.4639181655452156","host":"s3://npm-registry-packages"}},"14.0.0-canary.1b6afad86.0":{"name":"@material/touch-target","version":"14.0.0-canary.1b6afad86.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.1b6afad86.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"949be42771b000481fd1ac27f0b65c2aa9b147e2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.1b6afad86.0.tgz","fileCount":15,"integrity":"sha512-YhPMhZDTZRD74Sug62fzvSMjjo5UQeu9fggEYudNdb+3dSH/ODwjdmV/93MAL5aN0TWvfGEKYeAEt58YWxprWQ==","signatures":[{"sig":"MEYCIQCkMRFz0haUKweFow9UXabNd63VN/0bfXQ5nTG4+jZWmwIhANOTidRd4M8QOp+yMXAm1dY4g/Lqk6jWhOyBFHDs/U0p","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMlChACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrnkhAAkr3l+7/G2LyK0yyLeyFCNt+PTG+rf1PRqIgUS7F00PxKyVb/\r\nZhOcKrv9Qu6HCdR1vpOhiajRCgMtMqqYw04IIqdkZhqkN1Sl3xjJXWC3AwHP\r\nUyRVFiH6V9OPk+NTgmTWN26qv9XlJG5Hu9zwtfozBKL5Pjj8lauiHB8cdkbD\r\nNTQd4c+gTPUg1NnkRfeXi6z4bvvQo2w7/vgHexpcbHqr8EAo+VW4iQI7RzRx\r\nBEEYQ1lzX3f7V3f6AjoNpgQ02ZJ48SFs8tZnSd3PxWuVhwbWd1lItp6ej48M\r\nM7yIORISq7RgKumU8JxeK7V0C1o0SxU8FmBY4IcPutGctog1s7Fs8gFeg2hR\r\nq5E6ddDQ+HW30SY1yH7/Nh2enmLvmDbkUxJAe84iVekF1ob/b4r88hw1GORr\r\nkWIkkY5q9Ur7kJl/vO9qnjbHVLDP+gl8AiNUa8S84nzGgjMo5CLyV1Kg70iQ\r\n0WcXXSfqhMduSIsND4becj1qvOe7pDl5E6X4/8Q+iPGv6FMZ9915Dhbrev1u\r\ncEYfEqK47/DmdWbvfAKMP6loEqQNBXT46eLM6J8w+pf5eh+yOzatYT2DnVSp\r\nyRICjhUPFLFfANrhchwwdlVHaEPUdg3hPS4mytJWN3pi7Lj7j7/w072Z+WYi\r\nxQZ3iDc4w2myM4jX3WNXCy1vVgwECSmQW1o=\r\n=2NKm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5e32cc72145fa47fd2155c83c81cfa7ba5e27db8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.1b6afad86.0","@material/base":"14.0.0-canary.1b6afad86.0","@material/feature-targeting":"14.0.0-canary.1b6afad86.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.1b6afad86.0_1647464608925_0.33596692988739285","host":"s3://npm-registry-packages"}},"14.0.0-canary.bdf9d4af9.0":{"name":"@material/touch-target","version":"14.0.0-canary.bdf9d4af9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.bdf9d4af9.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62460355e3d35d38ecd5d98816d1543de1e1f005","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.bdf9d4af9.0.tgz","fileCount":15,"integrity":"sha512-t74QXETjxw+IqqT34TgChWYpwzBttyWpoVWB8QoFeaSvCvrXT6cCy6McUh1yYZuCV18F9wsg3CO5ojceJamMmQ==","signatures":[{"sig":"MEUCIQDXJB66hz1aPex+0Pn9iVuMhHi99d86Ue58VS2UregNBgIgSzIhSnu/+3W54xU4ZNxhvReu3L6Pe9z+BSz1wXBbI+k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMlP5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5ig//Rcpk38rLDSwJuE3BFqAPqhCieD+p+4BC+I/+kH44hnavIkAc\r\nZrsOgCc4C+ro6hB29+jD9+ln6yFo7n96ssjUrKO3Cx75aSLaVbZC8lH49y2Z\r\nvkOFdBV9qLFbkZ59HT/kKfq6oKH5X/FQbcEYyO/crolnhza6XWlaGpDL9o3n\r\nBl5RIDj4xcA+JHRXroN2+ahlMViYfADrpnCv0vPDRTdpOLXqqQdlIaZX+1jb\r\nLRRUBjKJffipexgix4SAle5klQK+A8cnF7U/Di9GFfJdqSPdbVLvwLxGqhkP\r\niqy4p5MPSAvD8BkeZcBwZ5LW3E5xwV+ZQRntLZH2c8SBUtO0/rlzEFbLJ7sI\r\nTY3oRGmIsGJZNl+rt8BEzBDxaklxz/s0OX1/uErBPmSNkixcrmr+nXFmCndS\r\nAwWzDphdq4EmevCwmOiwv5XDy/xNN7iaqz4iUhGjUwSfAoggVHmpp7VXsub+\r\nVaN6sMLXuMHepE8x/KAXjkwDPHu6chuOhjMPn6xiAy5fDvWP0LD+zbZA3syJ\r\nNJ/bl6vwGKJPsTuV+mdX1jAxZlSfk2HUC3r1+91wv4DYYpX0r4OQKI1PGJvM\r\n1qudjf8SPvloQ3swSnYlfweQghB1ttFqQwjHp3BIZ/oY80B5mW/E3AKx9WK6\r\nR41I4F1J3cIH6DJz/+q0T/yMmpRCvcYKQos=\r\n=3IRo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"413f4cd271111f1b118401821eb4bb38e7fcbad9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.bdf9d4af9.0","@material/base":"14.0.0-canary.bdf9d4af9.0","@material/feature-targeting":"14.0.0-canary.bdf9d4af9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.bdf9d4af9.0_1647465464711_0.5988435965921257","host":"s3://npm-registry-packages"}},"14.0.0-canary.32b391398.0":{"name":"@material/touch-target","version":"14.0.0-canary.32b391398.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.32b391398.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"87ffcfcc9ff7231f8f7ff34f912b1e37d333b36c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.32b391398.0.tgz","fileCount":15,"integrity":"sha512-1ZBTlXFMBdPsTxlMkG6rEoW5qWiopqmqMO1ZxriTWOwGb9AFy5MsmBrp5yFKNTE+s7MSB/Dcbq16nQjjxaGchg==","signatures":[{"sig":"MEYCIQDhNwFMFU7sE5os9D7DANqAnkqm3iJG6ojKmEO91cBv2wIhAP+RUSwh47e6kGMsJoWWUZHL+FsvK164VQN/QKCgutF1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM3bnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqHQg/+JkgwJDWItIqSG9kFXLEzs0ZrsRzY9Zy6ftEFYF1eQMiOFrup\r\nFOd3PRnyoCaGep3YgQUsThPhwSrII9mRL9xk6NzkubNClsy9ZmPZkvGlbne/\r\nkCqYpRUJZtZHaBkSRmLQ4sPxvMPOBLpOIMilCKpHJ6lgRfm7dkbN9N+Wcoa+\r\ncRBMDFMtpcEv3/RkhiM0uwuDfPuvUX5uVvPJAs7FE/vjM0z0gASDaOq676Gv\r\ntYjWz8atFdO9b1lHGfPH5VUi0EnEMuqTg4glNm0Zfn2c/uf0aVT0nLSZ55o7\r\nsQeGOUfP/xJIj9Dt8kzDg1zKNXBO7XROHFlrYM1NNPkDCdcwz5pawS/UOQA1\r\nfFMXgvX2LBUe1sqQXFGYhmlzScMaLMlzTLmSZH4KbBI6d97leD36QhXPt1zR\r\nO0VSrlVEOBahVLCYfwtC360qM14veMWOAf83ulVC6myc2kfSdyf2TXbQQVxk\r\nInVMHFU4owObzrqMeb8CIp1XjRKMUVvYywLX9FByNoF6wNxOaeINGGLQn3li\r\n/5QVpS0bd2DrqXjxrJ6W4nW4Encr/otO8fbdQbn8TxHx1QYCOF9RBZiLbTK4\r\nGySRJB4Uc12w2k+iofUWxsLObyJwVzpV9E2pI1rP8xOvWjpe5mIu6WmysAsP\r\nT4Nc4AMBM1J6Ni/BbriFLn0Ku3BIFllopjE=\r\n=/RBB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8a457bda7a5cedbfaee9da752ba2dbc093b45ac6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.32b391398.0","@material/base":"14.0.0-canary.32b391398.0","@material/feature-targeting":"14.0.0-canary.32b391398.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.32b391398.0_1647539943546_0.08051432162447747","host":"s3://npm-registry-packages"}},"14.0.0-canary.ae8a6a3a3.0":{"name":"@material/touch-target","version":"14.0.0-canary.ae8a6a3a3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.ae8a6a3a3.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c2b401c66872d4d598f8593e0241da896922a874","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.ae8a6a3a3.0.tgz","fileCount":15,"integrity":"sha512-9XfebKhOSLY9WnJZoqOyXqZ5tPUHCLvknsoBN58HiGucd8ie/iK8X3nMoPhSbNgPyAnC99Ulcv2ogz2kh/NrAw==","signatures":[{"sig":"MEYCIQC/tsLjsWyKB8wI7Zs38CULJpN4Jm2ZW4+vgGBs+3MmpgIhAI/E6qCEjNUduZhRMtIvcRSTGCcYKo+IZ+bG1xDdCr+A","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiNLWrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrScQ/+MVh2t1/wcy0yMybS7tt/NCRH4iOZWrmJo22sI5s6X6TEo0Az\r\nFuskIHovYTxqamYUWEJLatUsqnMrmPJdAzVyxyrWy5DTkaEypkZACJssysge\r\nhn/sNBgMSCao0HUjNidjhbflM/UVo53j4BvGovHdofmvR+MYTdzHJ4/cTUfv\r\nCj6q6xBWunV6jcaG9MKBAdFq3Es0GNG7D83BwSJWxeuzBYtk9AuCU9NrP5Sn\r\nuXsYJ46Xk8O2KB+NTyw2/GBaNcEYYN0Z8TClDPkviQ4KoylIR7OjeZHHItJm\r\n+VlKTGCShladP/nilSUL18hkvJDwoNZW73bGq48AavvY9PVLqcGzKfxkpll9\r\nHottsCtAWRv81mq/4PwBrqyLNpYfRQ6tXq+wsndqIKgg+/VoXf/64Ol/+iQq\r\nTfQ3ybeZ/2zWlIItqeKoK442CI/ZjZqh/fSAjlq5A5dm2oNKxfJdrFraur/r\r\nNpi1V8A0S+qs67SuDEQMN23LW/0II6xe0YfG2/izKZafQ7lo42fbcFRBN3/Q\r\nPkmIkHFABGHGsXGEb7ZkTtCRvUIYCaAaBo3M5gugWIXDIO/qzpAjQMP9u4ZE\r\n5DSgtY3uUAedKEOddS9LvBmZ86/9A2v3Z+A55t8ALd0ydYCR1dhrR7/egKXo\r\n0kQ8mVTryd5aTGGbeQdFO978wISyzyMi33w=\r\n=bbEZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"783283a1304f941e05b3ef25b9a589158368c595","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.ae8a6a3a3.0","@material/base":"14.0.0-canary.ae8a6a3a3.0","@material/feature-targeting":"14.0.0-canary.ae8a6a3a3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.ae8a6a3a3.0_1647621546839_0.0653021942586931","host":"s3://npm-registry-packages"}},"14.0.0-canary.cbd9358a6.0":{"name":"@material/touch-target","version":"14.0.0-canary.cbd9358a6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.cbd9358a6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d4b480622f82117024487fd5f9b2704ae6542ca0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.cbd9358a6.0.tgz","fileCount":15,"integrity":"sha512-wvXNyLhM4tllqzg2RGl3cTwIXfClb7TzIobg4OdawQA7FFLcgKNGJjJ1f7+zFhgixPUIWL7xWpgerx2lVcZtww==","signatures":[{"sig":"MEUCIQC+YhYAuF2tHlAmFOxObGolx4a2gtshzz+GiZ/vyX68OwIgY9cunAj9Pd5gzTjbgJffUzKA+IG53kBwvlY6WZkrl+E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiNQ0JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpjdw//S+MAqPlWCpK6JNgCFjKxHdV3DCTIXv3dfg96X2buvQIrIT/f\r\n6qDIXAV8kLoO4daJrU0Y/ai2Rkr4Xrg2G9dO20ErUIrOj3qiCoHTztnNd/Ek\r\n6EhN5paPLsqltkmh+IgOaHJffdeOreHRjCDRU529ZJTzeoC+UkPIZKtaEIaH\r\ny5fCTjhF5kZmU2/8nwJUX/fwHdLgSPHTHWuuTBae1+ef4QZECVwrFV4KQNUP\r\nakSm+wVIHMJQtHaaWhz4W13oRyFTxlRMvPz7ZdERYhxya1vm/PT9gkMGEOsE\r\n7IhONvd+aKHLlFjN0cKMmEiDFSU+ilrNMFdczgSUNAas8/DaO1YErIyUd/PI\r\nTkUmGHCBB9+hz1ZgOlrMHfSAfvTn4xe3aoGQ37dkBDMQrRy1wwvPOaoltCuN\r\nvT9NB7x48NE/++oJAnTY7WYcUFhiAVihcjqUxOE57qGwuKubSearTvhhx0Us\r\n0GVzHv7YlMZRlDzlrtqhPtL0StTlvMH8VwGk5kJy4cDbvP9jiWo8iqO39aKA\r\nUEOFmJsgsS+sUCdEQ7m63CE37O5Ojr3RKK7Rs5ErAeXxmlTRazNcuQ5MpliN\r\nZtcxFglf2sKqm7b2jFNUNt5S2IB+cdg5kbsBpWwpbmvCIXLTjtylY7qeXrg3\r\nZxTom0RhklhoFlcx7smbJKQjKCuumbtDGoo=\r\n=kBLk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a4296a048e6aa0c1ab8e8d2cc6cb8321c24dab9f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.cbd9358a6.0","@material/base":"14.0.0-canary.cbd9358a6.0","@material/feature-targeting":"14.0.0-canary.cbd9358a6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.cbd9358a6.0_1647643913516_0.22992296696888448","host":"s3://npm-registry-packages"}},"14.0.0-canary.dcfe49c98.0":{"name":"@material/touch-target","version":"14.0.0-canary.dcfe49c98.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.dcfe49c98.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"98f5560c8e0895f69f3a0bf6b7e113ed0c77cdec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.dcfe49c98.0.tgz","fileCount":15,"integrity":"sha512-gRkp8huDu9tpvSjir6aXjMOZexdEmGuVa6c15hQkSwWDMrVH9ga29KyOBGJfNL1/lSDqitk+UejoN9IkN646hg==","signatures":[{"sig":"MEUCIGRBjXrlJg9esSgehqdSmkTFcNEPkKyOsgM8x+h1krlYAiEAy927rUZ5LnADAvq/iM5dB5n24Zhn3elvI5m2RiZ/Egg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOMdsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpq/w//RLP61bTN2S9DJoGVUs+AM3FWWkoUH+ZtAclKx1e62YhEDU3h\r\nmrj9FNtaxjswIKxorjbmxe7z3110uJxPV/CYd4VORmQAkzc8EQvOhiG6AHLP\r\naiKAJVlBQDZvaEg1u81VPb7mo/7HeD9jJ2lYTBhL3Ghs537INV3yrExVy7WB\r\nq8JbHYzzF1qhZ2mGDyJOkIVZbZCcpfRx2ssg5C6vTEkXNmTQhVLebNbG+3Fl\r\nX47fxpFs8+6dfOH6NXBqQj+uji0MnGor2gDSAAydSLcZLFLsKAlSK9yc79UN\r\naNgTqjRRunh1lKaPeNVKF42Y1d7AsmOQFdOK3mMFwvZZoDUNX5uodgM9V/W/\r\ndDmqciIQmOxjnb6ReuzKd5BQQz7SDlYj983Rii5Ywf1tVgFKcBx5tluejKo3\r\nEExhGJYL/xxV2mFoIM0EpTAIUXjaZtFR4FzsUAOeO1SFFqy/EUl/rwNuuKYW\r\nVXBcBVjnw50aVdAUqjXRNUsXQSvDBpeUzFD0FsvJOJcOt7dWSgdYjL6Myz/+\r\nAoV/nIPF3fIxVjbii3TffCGAeM13rAZRskOC+pot1G096hpLsZ9MWKzq/9Km\r\n3EuQEBv+P2Z/ToWYoeoG2SO3WZyZBYisVIZNi4Bqxxw1HaMEULf8QsAX95DR\r\nnYvTHYlUnr17fpDwwxmSAVw6BFO/g8RzIPI=\r\n=xSHf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5b68455eaf6aaf2f571eb64a1d8a5edaba58d37e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.dcfe49c98.0","@material/base":"14.0.0-canary.dcfe49c98.0","@material/feature-targeting":"14.0.0-canary.dcfe49c98.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.dcfe49c98.0_1647888236731_0.7763133951829146","host":"s3://npm-registry-packages"}},"14.0.0-canary.f31a833fa.0":{"name":"@material/touch-target","version":"14.0.0-canary.f31a833fa.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.f31a833fa.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af80fc0cfed1152ebddca5a03b00ab058d69271c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.f31a833fa.0.tgz","fileCount":15,"integrity":"sha512-DrT+RRR2xckHLsTMj6/ZmwWCSsFfDRVJ/Jye/497e/s5nZmADZQGg6CLZ1owkGgEpG9KuFw8q1+XuKVkiRBG4A==","signatures":[{"sig":"MEUCIHpsnBXr/iXMTnOC9nj3aw5r4nBeKKINDUAg7XlAoDRZAiEAyWWtElQykYoJViv7F2gS0rhYu1CO3xN+LkyHgZoq/Fw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOm7cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2hhAAgVsinkHw+NWuatNUiRsePXOq6ZGTpSK6YvTqoapIqI3f/3U5\r\nvhB7MkU9pZiaCbnYbhuXvH/ePQRxJi9kDhK19nwL17k2luTTWcNO7C03N7cG\r\nyxVG83nXRYIoYlQ7bUt2zpWkoPTEagkZ9bTrA1jnN2hCgwwmaz8hiGItmzk7\r\nrzH/BcC+owFgx0cvPDBmq3LUXK5/52XP5VR4P8tOvUqy2BPYdPvuQuPIvDNc\r\nmw8mLew8fhUrtDSzUdiXMBRq4nyfvrY6f0e+jVSEHOuJYOFHNpc/WP18m2UX\r\nFyqsZLteMXwN2s9fl9bK0jrc/8JimHiYksCEaBqwjh7KoEkl7/UBL5jB9Dmh\r\n4Mmh1oi0tBRYR7wL82DSXmGcDjvUC/HGOeMwHLjpBts5o+zr+dd+3W0Rg45P\r\nW8IHYGd6GfS6JUR5StUhBBV+9c2khzqAF1ykJsRGIHdLJejZa4o87VwQjzmX\r\n16IeRZsoJdrGcKUZLiCJ8/WIJiZ0SCzsskxzDm96ji4Mxgajw2vdnvv02H7M\r\nPWmyPezah1/gk6r7d9f2JcSkUmIuIeWjmXBhla5GsYhAVa1a5qsdAQa7+4A6\r\nA0OqP8mAXzu3TvK1qDbqjSAzE2Yvz8qHtNaT8H1R4pbO8Od8MthDDokuA2w+\r\n/Ik/7VMw/f31EUpT7tZN4r0f6eN91rYBHOo=\r\n=pla1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"28572f217366c634964a133bbf0ee0b8e88b8126","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.f31a833fa.0","@material/base":"14.0.0-canary.f31a833fa.0","@material/feature-targeting":"14.0.0-canary.f31a833fa.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.f31a833fa.0_1647996636165_0.9674264148552392","host":"s3://npm-registry-packages"}},"14.0.0-canary.4b92e210a.0":{"name":"@material/touch-target","version":"14.0.0-canary.4b92e210a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.4b92e210a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9b58179c6b6dd9177ecefda5ce27c69523fcf5a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.4b92e210a.0.tgz","fileCount":15,"integrity":"sha512-Smea6Okpw00ep7rPDpVlvlihvOsfJ4B8ArP8HxYD7UFKQKDudrDmuglWF2NOE8bbdBhfS6Y0FoUzSVW6NjnwkA==","signatures":[{"sig":"MEUCIGzpQAaoZtoAIBnaZEmDoTMfJ7cIKRu3WoCLPaw9QZvtAiEAuQoOiuzkGhSsKxsykyaTs593oVz15en3rEFN5YuualE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNITACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNWw//ZkIYK8yj+zg1gbBQw6Ju9c6S36qy3UX6c10IfX2o6pmRV6qv\r\ndZLMU6cisZlG8MMPhHVVyt0cVJ4nXwmMqB7qwRg5vGt7jwQ/uNyUchLnyEXG\r\nq/+1w+LSiNRwPk0TH6jDyp4IK+K0sZXHpDd/5PlYb/FhTNf3kxpMY6Xk7m2K\r\nPnwxlQOMngpDHu5mZX9k2qaTTQ9ziT/a3bzWTT0aB3Um9rJXbOjkJ8/o+xtl\r\njNLWVcWuy6fpSVzQe20gOwQHYgk0rACK076hegvBhye9hZs60i6iU4r2Q52z\r\nJ4EH/vbEV5fYmn0seNZdaJqqX76tvGF7BBcJeSAUDx0fakf22eH3TM7lUeXb\r\n4p9UR8fxW0iP2fMIDveMFY/1vPOrf0PwgOCLA4+iAB/owVrhtlLnw1D7sUXW\r\nJprdMyjj9ke4D0NKp8duNwIku+NPxSnpISG5aTSRl7qxvXz9NqYeSaJj8Deh\r\nRSd6p7WEih6QASnkuTjfE/nE4qW6HTs+2XwTK+T5gA5hT2A9UjsRdaS9XN/w\r\ndhYBpsrc4ZvgeQHBL7/FYObtvw5H1XHtRVIU/eDwwGatG/qOdqV5pgWJvyVk\r\nHhhf49lO+TyjMauoQMQXLaJ3xT2cEOp2VNNPRcHSTzExJ7BZQjl16viJGHfF\r\ndNICTBUtKTIwHsdXwxsaUdU9m/AngrxWEyE=\r\n=oL0P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e9fc48f242a1815183c2b4c74ea1f8bb9967004b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.4b92e210a.0","@material/base":"14.0.0-canary.4b92e210a.0","@material/feature-targeting":"14.0.0-canary.4b92e210a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.4b92e210a.0_1648153106858_0.2638777444178315","host":"s3://npm-registry-packages"}},"14.0.0-canary.a657abb61.0":{"name":"@material/touch-target","version":"14.0.0-canary.a657abb61.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.a657abb61.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fda201f7ae607ecef7910b52854ddd9f37e363c4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.a657abb61.0.tgz","fileCount":15,"integrity":"sha512-3dQGSjgZenRbBzKMwyxUnbduqf5IIrpOPRTEcaC1riWj2Rs0fOxw8p0YauoOiQRWUOG90YfNpUIjikX9zUK0hw==","signatures":[{"sig":"MEQCIAlmk0MB6R9W5vlJJ9RvVGuDBh7dQb6ZP8IyzAG/+gbcAiAjaPy0U0/M3xOn6BlYWPWmfx5DrRw7OtdFDlj1NRjiWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNcVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFJQ//eCXWH7NFhA3r9E7/xa+kpMZRc7LfccfdtCRQYsSfkpK2sjwd\r\nVlyIwcOZrvS3uD2PfQy+c4oNK7ZwOK6P1EEcPtoxZftppoY9k+tL90fnHm6R\r\nyoWvW38ZuZ0GvuoYSwiUWe+rFQ5Pj1lroh5kf/y5BoaU+6EitK24RdxsObOG\r\ng+WKGHmCWBkeSatD3FMOObON6gY5+WKgcOOjGB05HDjOI+KQ9EhMANmSvXJs\r\n2CIw2TSpl41KiDkPwRn1d8vBaIm4rOA92qU+YblpUv23q0/3So1/G9cFWcPE\r\nnercBWZ25uYTtoZBn51ifwtMv6FpnYKzRIbsD81Vf7CIlqrBaFDPfxOZuTxo\r\nq8lcHuGrqgG+vEWP9rFU7QTVsXLMfaSqeosJMeMPd3KBt6T8Bv67Zw0N9XZJ\r\nQ7DZ51sc63G/VoL8LwUEpgXoLaZ/Oza/KXj1cQ0kEhUwDnFWIYnUzlt5lPl2\r\n56f8r4u2V9UP3b8G+oUAV+RhnS9nCznkpgTwTj37uIgmzJv1VyUO9vMh8Qld\r\njjVRzuNhpdwspxR0PIIEu+w2hyGzeksXZWDKm7vDaWbWwc1kW3M01PXBtgxW\r\nzJuULul8lAumQ19h7ga6GRFUy0BjfHUJu2+kas2spQovJIwvqh2vCPY/yzLW\r\nsqCMD8fZAvpNVKn4E1DwsMFZuhVvsFUsydE=\r\n=ggEN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b17ff714094456afc14ac1ac896e38f85e300743","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.a657abb61.0","@material/base":"14.0.0-canary.a657abb61.0","@material/feature-targeting":"14.0.0-canary.a657abb61.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.a657abb61.0_1648154389531_0.2806604158815582","host":"s3://npm-registry-packages"}},"14.0.0-canary.443f63f50.0":{"name":"@material/touch-target","version":"14.0.0-canary.443f63f50.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.443f63f50.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ef6ef683bbe29cdd1bfca4284ce950b818c39b81","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.443f63f50.0.tgz","fileCount":15,"integrity":"sha512-44P3ww0aM3qfk8qZPHzjWffEMH3fJV9bdDfDS1h1GZx2weoV36jgWgml4VsavkvMzFKsnAQEnu2vguaxytpRyQ==","signatures":[{"sig":"MEUCIQDSB1z96alcgHKu4euEgXaZl6RqMRRcMDObeh3GJmUTMAIgLMm/TzzqX/CstsyKgZWZI9UtEP4O4yVPgrFiiuLRRgs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPkp8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7BA//ZOZrcRTNU0kmhY8diBdAWmv/vK0kt68Bjn7IAlQ2afbks/aG\r\nwMQCKBZU4vNLzVUdwYpBDoKtbJqiez0ZhHe3CA0B1ZboLPj6Z9p45buE6By+\r\nkgTcRSDHlovqfJqUpc1qhWg6Ksdv6MmvXH8XPB7VYqKRRM4mEE76Ejr+Cyvr\r\nOQT5lhbY3pXnehuwI9YdJGOSQJMH+Y+aCV6Jw5atXzcarVbFwTwglc/CtPjW\r\nQmZIGylHmVXdk90CPWkGslE9+6miLGxLSP9824r0SjnCYWG00LBZjj1+DTbT\r\n1D4MFkESztkzOmWeUN5k9SRkK1ZKi7fI8i6scxzxT/wOHuzsidqUJZdTuFaS\r\ngzK8sm/xeNe6un4HiMcVAbTECKtuRBxZon0FZTVWoQYcKlz1h6B+iyT1OWl5\r\nJl7JwXGJI0uPmHQx1wNJO5Tpw35eNJj2k7UVvWgzmX+hd/7Hv5/vxbHzcdoZ\r\nApWYXHWxRY2/cfZ6/LKkZKSDpYe6lF1Zv8cStyjMzsoYD7ali33kkY4n8hGJ\r\npPUAJbKWQ0H+ZWHb3dJg2rXNFtRtj2jozha1zDXdv9l2+WaQpuWx563DqX48\r\nJSq1v9/zlSm9xE4eHq1/+Gr89A1+DoPRgEVCe6yGY2uYjIkfQX9gaTG2XIF3\r\nVcdOhMZMnvvh/7zHQguvKo5O8GSMIMb2L0g=\r\n=6+01\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0a9e4a4d027bc972dd036582cbc94abd30d3cd60","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.443f63f50.0","@material/base":"14.0.0-canary.443f63f50.0","@material/feature-targeting":"14.0.0-canary.443f63f50.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.443f63f50.0_1648249467885_0.5832253621359336","host":"s3://npm-registry-packages"}},"14.0.0-canary.eb382f318.0":{"name":"@material/touch-target","version":"14.0.0-canary.eb382f318.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.eb382f318.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2edd6555a4c7faecd53718c2b41eccbe708d6a60","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.eb382f318.0.tgz","fileCount":15,"integrity":"sha512-HFktMC1J9VWwRj2L0jLt8d9KhoiRCMKGYmssuKijmOwX5EwwfVBSdKaPqEjdVyp20FbfzUx3s6zlcL7CSCAwEg==","signatures":[{"sig":"MEUCIQD3o1kI4x0DD+2G9eGSiUAzoVkPb7ul52mXGCxyj//zLAIgfJojdZfi/3nRwwXSXAFZ/mxKqE2S+S+DNIk6LuuO6w8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ0M4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGJw//d6GBLQBswv9UnRUVXk7JuEWbJNFatZ14goz09Vsn/v3PLrR1\r\nwYj5QAzwAU+Crpv+sK9Bhrzccm35b/bDtaUIPHCKi+YQXe1GgsKlDdHpMBut\r\n0HF2QQr590K9zetK9+BdOR/mE6Zi9nqss1ALTqcTlV+/WApdLy+MuC/5ZzM1\r\nodO/eSaXgDdSx3WRW+P2BZAECOa4qBsK0ZcneYBzt/GQmEhuSXAiGGsv+piR\r\n85eKKB4yNydEWtZBgMsM/k80Zi5Aa9zHdHM+dLwDNv/PeovtLt2KCXLRnCBC\r\nYAvTYpZ/GSgKcE5Hszu/Ciw7PCa+I5Yp9/Em3T2BtYRyxA1Fvxq+OlbgFGa/\r\nqvcIc6tN1kbgdUUqIZuqWrb38QmxKQG5pzsgCTAU1JORzbY+EubTP48gz4xJ\r\nxGd3r+NJP/3SP7senvqHjL4F1xzy2a7P9jW/pPlVXV+WMh4ZsgtO2daxD35h\r\nzz5Rmc4w/IcEdvuqP5bYDd8vN0VbRWGL3f0sziKsExbnFTPSLEtOVnOof51n\r\nFyzFWCrRUgn8DB9IdY19ybnZM+YmkajQ1LDVXGXSolEX7kfpTl70PPY+57MD\r\nnySw9Uo8p/baTQMaE9YamaD77muTwn0rd5m1FxSmmep06B8l5XhdTTOrWtwJ\r\nLWxjcVAVi5Qr7vK/Vet+TPuJvSdvTm7KBT4=\r\n=1BSd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9aaa59e82abd1f56fdb3d963213242fe4f989c89","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.eb382f318.0","@material/base":"14.0.0-canary.eb382f318.0","@material/feature-targeting":"14.0.0-canary.eb382f318.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.eb382f318.0_1648575288109_0.09024762654658991","host":"s3://npm-registry-packages"}},"14.0.0-canary.344d52823.0":{"name":"@material/touch-target","version":"14.0.0-canary.344d52823.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.344d52823.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"198b2f316fb010afad2ba6417960955e99f8ad65","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.344d52823.0.tgz","fileCount":15,"integrity":"sha512-/kDAPYO/dAw+d+1fvGH2Os6M5SafNcybQof3SljihguW9TkNpnXO8m90KPiS6ntKoyiSgIa47qxmQplqXDpMRQ==","signatures":[{"sig":"MEUCIQDtQUD8owrI1yxTML34KVT970ZobWVSDCIpbbY9f9JbXQIgc6OBjYHiXr4A9uky9RQo32zyyTNFYsxr7jm1wzi3HXU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ1M9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+EBAAlJUXUwdgrWHbiucRpHj1NScXBWuq/xYq7Q1ctZh6jnNAM641\r\nomve5tL3msnakPxaWLWQsoXUWmFKeycJGpUEIoQQr5ihVDZ0gdqoA5oAtfDD\r\n2r33ZURXzHPYNQk9J+c7vHX0l4PwUvCw8QoBtIDSkGQt+kqHlu5E0tQupEDv\r\nev0hKWKA3yuHX2AOV83K5roxAn8VP33VCM3gDNxNYLyM7yghxqMeRYGgIrGh\r\ngbVd3FUvnzJxvvi6uio7Fxy9iwJRPRwQpVrUbS1VT7lc8K9VmwHWrDxMI8xt\r\nOY5yVDlqvejpkRGne/6NLhcgz+Y+3sal0XpzihE9uprMhZ+YMYY8ofRuIYyn\r\nd/XFoo8UBmY77GV8Tdiwta5LRNjvoQVc3Xzdzro+AjtFkYSBUUoDIZVvUFVs\r\nELOAY8GWjeUyYAjOrxU8ECMhP7VSHjksTg2auelj1AkmOBiG1myZYdfxEiuW\r\nv5ii1ADkPG/6y/L8wy2K+SlYwF0OqZZRlyv2CPG8Ok8Kx4UiI3+xLaNfPLKw\r\nL3y6hLYkqrNi+KfegdtKh/0CYIesOvM5SfK2bZfjMhAkaLgnrhLbzRLpAbPQ\r\nLoyRdyTN+GADDuOrbeLCJG9nE0wE38yeRdyMPJpGO6aNv5+ihnIsHYj+0J+j\r\nB1KX93TQSVB3BROHrQSCVF0wIONV7kWrJTw=\r\n=Yk2V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1d0b3e3b77ca281daab88499a03131363e8ce97f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.344d52823.0","@material/base":"14.0.0-canary.344d52823.0","@material/feature-targeting":"14.0.0-canary.344d52823.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.344d52823.0_1648579388910_0.2327914292201323","host":"s3://npm-registry-packages"}},"14.0.0-canary.4e372fb49.0":{"name":"@material/touch-target","version":"14.0.0-canary.4e372fb49.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.4e372fb49.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"edd23186eb64dbecef8e8e7219d00922b2f2411d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.4e372fb49.0.tgz","fileCount":15,"integrity":"sha512-AC8xG2mt47m0b0HmuDgKGhZHQ3CSVSFZEX7DxMyc4EUlzB2rGGhvvlkDB9UEbHyaJl0nZC8I4gCpI4TLNrfl/A==","signatures":[{"sig":"MEQCID7H28Fe0yTqO2nR/BjrxrhVdsFUxqxGnV5HANQmPP9ZAiBHQ8xcGJIcgpaQT5mLHdb4p6DioA1OANpNMKHPFwXx1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiT0pwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrb4A/+KzbC2nQXThfyOQcXQ2Zw10iXC8Z0vBWM9tUYdh9PZzYPMxuh\r\nUqBxjkj8kODHQQRyI8xU4fNDaPMljZEEn81y4fGSgDWBwTkO9PdUCIK2tfXa\r\ni7eDTybzcAk79CMSfWSGg0qHQiwaJPrXUujFeJQ7reu75bJaBry3BaQN3CMD\r\nkjYakK3lhQrU/hMDjXLJ5QCeG2YEKzLvqYgQNizyMWrDHV6kykro2m+NUm07\r\nZZPm7sqYWMQujsdLFhc9Tm5dFiEZa8MzAU5agFp6M7YI/nYQmPuodLSwGQss\r\nseCrc/emk7GWFFXTXJZc19bA/DowXchgwyN9SbSLnwkL+SeLHWO7cUi+nBf9\r\nKz30B+Ow1OrmZ3RrhLvtMzADDQulJvXu7GiEDwaeAUDy3cxo6tTvUCGfBTQw\r\nox+ITlq/73fXl1pBeqgYOZgabfwOZ4qGuXMuNwwii8rULIufZlRPQV4dh0T0\r\nvgMHD0rryHOeDUCUXqjSd5vMEqRRe6NtO4al6ZB+VHpWeK4aQsujjsDfPkVT\r\n9pS+yaR5gPDVStpI9/KudEnBdsA1eO3jxOzdfPhZ9Ls6KXPCHycTuDwrDDBa\r\nDrdN1WJP7ujs+4WvsfEPfo8t+N3BO26PN5CS7Q/Mn3Vt79TI28mO/5DHLEep\r\n4O0rRScxYxwjsyEbMuwXFbzWIWwyVBeo9Ds=\r\n=pqcS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"013d3cd7cc6d83c59581f40ea832529343f43047","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.4e372fb49.0","@material/base":"14.0.0-canary.4e372fb49.0","@material/feature-targeting":"14.0.0-canary.4e372fb49.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.4e372fb49.0_1649363567913_0.4006047527622638","host":"s3://npm-registry-packages"}},"14.0.0-canary.3e30054fb.0":{"name":"@material/touch-target","version":"14.0.0-canary.3e30054fb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.3e30054fb.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b4c9ec1e73f9369d0e778f37ba309ae01256f801","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.3e30054fb.0.tgz","fileCount":15,"integrity":"sha512-HcenpIgoa82pCMnzYB9MvszgSDUFFDypnKWI3s5tkvA6fxBbhhFUOJCT2UJsBVkcoZYczbPaMuGBWGteiFHu+Q==","signatures":[{"sig":"MEYCIQDALEJcQiD+VSXNVlPe2fddch+TrpB+NUTFPR6n4HZCOQIhAPE8cQk4nHVX8w+CKnm9UtCyLWGr4wQo7TUNJHPmIiy9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiV0suACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjZw//Q0C/bbbhB5aOFO/cf+O4RxPc+4j1cG0TarVUDQ3rmFetyN1D\r\nisLpJCSxwIfPA77DCpHxn+wkoQe+RsTT7MdEd1o9BGHDg/DPEgFJXy5E+JwD\r\ntj5zykm3yfatgLjVquoH/Xy/glH83Wdra+ZC6cpI0oa5RvvyP6P5JJ+rPYEU\r\n/cH/goWh4osz1xe5GauaMD8tOawq940ZjhlQ2kcXbyj4J2gGYthUH4jNNDaV\r\n01aVyoCUgcejdZG6HmJAbxi7JXSJiiUa4ljHj0VQBbKT6K88DMQDLgQQkGSX\r\ntDG8lfyYSBuoYighj5XLPUGvkiaXe9GeCIOfXDv97yKpauhA+OPWIsMcFzRM\r\nnhthCr99zao9mOogYmM7MWCBVCI1O35WmtQnDHWgfgIij/SKx1pewtS4XaZ3\r\n29VzF/1MIOjbkP/HYq1skntB5sa9umaNyA5u0vJSuLW1LtXAeDwpMBboOF03\r\nPM/G7m7GQ5wV5rRLWBKOZfHMIUqvdnEDvBXHik6NdcPH1khKl46QWePYEAJ1\r\n6ed+ny6HoXuXRjEkHE3Sh0J27u4th5dzogSdlpe5KmniyjWQ/lfkBSdSqCkS\r\n56hH0NVMZ9C4V4J+0WigCV0WBwfIDCnGrh3nFQ9yTrBClFPcZOLiW07ThqYJ\r\n4mkjjJ82aAxUtyrh1SGK3VRmJfJlJDuiVss=\r\n=4K5I\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"04d79139861b90bf3488ab3f74e4bc33e6af1c8d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.3e30054fb.0","@material/base":"14.0.0-canary.3e30054fb.0","@material/feature-targeting":"14.0.0-canary.3e30054fb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.3e30054fb.0_1649888045888_0.21590907152466876","host":"s3://npm-registry-packages"}},"14.0.0-canary.8c4da223a.0":{"name":"@material/touch-target","version":"14.0.0-canary.8c4da223a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.8c4da223a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3b85a55913be7bef02141e7bc986283d6d3ce823","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.8c4da223a.0.tgz","fileCount":15,"integrity":"sha512-ZQH4Q8X35yA0NYwG1vT4EgzDgAgmhUE16Sw/CaroeqWh4hgQeLwQ7sNGnr4kVJQ7LOiJHiaZpx6PfjzRQj0VzQ==","signatures":[{"sig":"MEUCIQDQmqZQ/J8nRsJ/5CH/DaKOJMFdKWUpcnFyKwGrxYYiAAIgKIdU5NdETQNeJa1bgBPOIFct6/zFhRMCP9YohV8fjjI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXtQTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAvRAAg5YCixwTQbfZ8eSP4zvt/m/CZJEHyFPk2xszgJ4OLBb03K7B\r\nRqpK9LNPgD64beLx3MvEH1CjvL4MqP90s/9kPNX/X3vcY7JTSMxP2cIlYTza\r\nMrYaXzoMNGmQexJrxBDG2VeRee5vUaKuNScqqPUXkrOAkMF78l/e6c8xFANK\r\n9mDE61YzAZPj/oP0grgrrqDQ9Y70DAgyyF55Y5gnC3PyGYQQK4jtDWhMg5TL\r\ngOrCZPJK0/ajkVllmbit2Qm8g15sgLH9VLp4pDxDiBzhVLhkUADTYPf9sAWz\r\nLioCEzlII92Com2qFKvYamzBi5PBKhiOQD/UPT8vBuBcw5USVEAB1iL/Zq+q\r\nROADC2ZRVT42sCcqKdONqNVcEjV9HpElf29fprmh8AdfGFomQ+7Lfr7eXJUy\r\nhxBBlE6LOIcFCKWxtLJSnAuFqFSq2Y2W4ZEE+Kg6bs53s5v+aahGc8FWAWeA\r\n/+Y7qFdp9JtV3AnVNOTi5agYe7ayx/XegRfFHa00cXBIEGFwgRLzlo3L6bzs\r\neZDize3TV7x3tdUWhi2UGa2pBRmYh3WNebPouvZobz36B0gwBuUBF6I3G+2W\r\nBQS/wtwJeJ5vEil9l4WilTrdVfukfM6Yotq6jf1SkWMLDAEIphXkB4k2RJSM\r\nuX7N50D6L+H0X5FMe0D/aUIBdq24jwow7fo=\r\n=9YEr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a5f798a752de150dd0a004bdfc90979ab4185d1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.8c4da223a.0","@material/base":"14.0.0-canary.8c4da223a.0","@material/feature-targeting":"14.0.0-canary.8c4da223a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.8c4da223a.0_1650381843588_0.34405617641851105","host":"s3://npm-registry-packages"}},"14.0.0-canary.7de8965cc.0":{"name":"@material/touch-target","version":"14.0.0-canary.7de8965cc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.7de8965cc.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"283c9e84160e2ab29850cbc61c68503751d5288a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.7de8965cc.0.tgz","fileCount":15,"integrity":"sha512-b97KGX22PSft610gGzfswzjDsQyJgKuaxs/8NpLkwOZmfANQBWoGiLzfvxesF5mtloICjV7xeVRTT/oYVnZZFA==","signatures":[{"sig":"MEYCIQDbN8RQaBHpQ//1QSff9m1BOOIdi1tQgWD3pmlUvp1Y/AIhAO2z0mh5jLULrmYccMOod6OU8YkDx7i49/jdf2eZDXOl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXxo0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmopnw/9GcPUm3+98YiRoS/YPyeqC4QEQHbXljPPmdgPDqcpuX1rbgHN\r\nAiwA+PD0jlnx/RE7yfdvkwKMMH5EINnZdgyWqcEWFY97W5QmUnbSV3WpvFC7\r\nk/KeXpXZsxDMEJ9Z98j6OIZLcU9PYYTXq0iAJnUCJe/p5+eefpehzMxXl1b+\r\nWDcLiHR+FZgZg5jc1mlxPm7z+HDjn9PaBm+2MunniwFCuHsxcmaXwE/1hJ0w\r\n6G/hmzv9OW49/443xlWtRXARiNB7G/z0vtyxgHzExdmCEj65pICZufeP/eft\r\njXrhIaAms5OCRSeLB8lOtycG2YQLukRTQpYq8vAEIWI/Bu0d9CW8dXWXcq2F\r\nQL1Fi31OTcNfEu8W64RK0a9dJ4pvXohcJ9KdPwpZn7bUKR+DbamL0ne12i3w\r\nMaqmaHipRQqN+ZvcnKgRrS/XafB+CcLpr98j+ddH/8qAp4pj4azzVoLPq9Ax\r\n9ZJh7y+pHZvHBNbk10A+5MN9kuAFM4kWUEYXdwgPx/pQ6AXoFEDo3uU9IJin\r\nhgr6oWJAdqvxQ1vSnXnataysZa4iGOPYgkohAjyCTmpgMWxKMbDN85K+xgcl\r\nWm0NAjRZcWIDEtpuPY2jbMgliPKoG7siX94rk/evPJRC79WcE25LOauexsxo\r\n8xpkCuViZ4zzY/Da7zUhlqQ7YQjsGMguP+8=\r\n=+xz6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"538ae755c197f0d9a1fd3a2cab5000c498987584","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.7de8965cc.0","@material/base":"14.0.0-canary.7de8965cc.0","@material/feature-targeting":"14.0.0-canary.7de8965cc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.7de8965cc.0_1650399796719_0.98897340993557","host":"s3://npm-registry-packages"}},"14.0.0-canary.641ed0851.0":{"name":"@material/touch-target","version":"14.0.0-canary.641ed0851.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.641ed0851.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8302e1bb90ebfee4c16ab23d3a1367cab4c20b18","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.641ed0851.0.tgz","fileCount":15,"integrity":"sha512-q4vjaxckg5HnvLP7NPpIdiM536aIaUJbi4EulNGhLegQLAHnIExn8VE6dbQlg4VZYyV0UyjlcrSIZ9EOzzMeRw==","signatures":[{"sig":"MEQCIGRIQoOUP5kxSFRHWtkn+hnGkG2zHZnUv4C2AZu08kLLAiALnmAnA7Tk15uDUhGCwd9mjapx2K5hk2KaX1mhQle8Pw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYC9MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmro3w//Q3kWO96ZXYLPgYa4UH+hQZdA1Yh4v/RN4CIuo8za8JAEp22p\r\nC9Tq688YFTqk+SRbGpX7T4dgaDFXB4AqC/EChTtuoNxLoWC8LHEG1XA3KplJ\r\na6BiZoTUWZBbZ8DOYRb/FE9HoJuXOa0T93h5FNYfmfLxhHXkFxwKbQ9a8WPC\r\nf+t+h0rOPT7UNlNkPD93mOXePcuFAjfkMWohLtEnYR2aYyg6BNbFSo1W2cox\r\n2jmZDmaOpM/9GUV9iB7P59wHKVQqMHHpeCj/MLSwVzeQAuh2Zq8qi0uLMgS/\r\nr2K3Vy2oT3VEkJ6EWkimwHt8evcGQnXkRgZ8YZkij2/R0gqMJtlEnxYcYfhY\r\nIWox0lOgQAgYW/ekAqQAiCLP/PYq4OPyA5LCDolGu5Emz36CrvUsimrpy2+K\r\nYZ4CV31tfjWOR3aR8yGz2p918CushuUhuQX/BdLX01yigCjPtN1pfyqEo1Zb\r\n3vzysADMd83BU/NoWyfWfyBCLtcTHui/b/xadPfJ9dQQCiUJ3wHABN+H3k//\r\npjjLqjc/yUyqP7FmcPEWm91LL3tIbW+Y8d4LzRk74Itkpboyfui3p8koew8o\r\nXg7+FJp0QP5K3gSFoIv2P8sw3LTqj1vz1VZBYWaF5EuulXvLVi9RZsPMGvmB\r\n6rjXrHLh8xAr0yy3xgnccg2uaVG3GnmGRpQ=\r\n=ajht\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b45ef0f6764b2048f5027d4990cd48d6bdce11ec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.641ed0851.0","@material/base":"14.0.0-canary.641ed0851.0","@material/feature-targeting":"14.0.0-canary.641ed0851.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.641ed0851.0_1650470731798_0.5386472727350413","host":"s3://npm-registry-packages"}},"14.0.0-canary.e88f83024.0":{"name":"@material/touch-target","version":"14.0.0-canary.e88f83024.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.e88f83024.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eca3aa03f8ab3061ba6ea27ec96f73973d8978ca","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.e88f83024.0.tgz","fileCount":15,"integrity":"sha512-jl9BCZWpZfb/BCG03s6g5OXFUIMJxIrgbQeaRqxGe7mEDlHdmLDgCmiyKnXIJwoP0xMORChAVgek80M2pq/YKw==","signatures":[{"sig":"MEUCIDkd8EhWN9i/lecyrhGNEfJPtdIuFU1/htdWIi7vciIeAiEA6AnatOo2Y80hUI9iss6aiv/nLLk1Cgw87w35Umh83Bg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYEc0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocGQ//XYMTeYXtyxGXdx7JXWXXQlkfHrrQX8eOmVw3gSUkl1ppeH+Q\r\nKt7yL2hgi+n3BPj9JfA18/3vOABLXiDwrOlGtaucJ7qHq4tq0UvhtsRSnSaN\r\nHniSoV8T53b/qMfTk5oJfBm3mTdDKAKXRFHhOiAi5XCnt/GVPesK/OfGok2W\r\ncc/p3aI6m9qs9TEjQlAe/nnKMUk/jGfaMdg2zj83rHASslS1Gecyb2KbdgoK\r\nAC363xIyQg5FFAc8nkCYLIF9t6N2hPyN7GSunRgwcv0D4f6lVwchWtbNMHcn\r\nzzoNLjOYa70dvlTcYMFI41JZf8tb0cGPnE9ZSY+ULuxy14oZ3EXMKP40h8EA\r\nv6Q8I0EqfKRuzOjFRHS8gk4J3hqszw/SwEWhuQe+EMwsriXdeRx4604j5rNo\r\n+lD/w2bEpTcSXjboZjZAJCaITamkeUIMk1LoOeaA4ugXFL5ekQRJ4y4gfDF4\r\njNNVXTaA8BvcvfkwH3PmoQAg3M1/cFq+4xRR5ZYJaS/8IOIaJhTYefe6GKzD\r\noTZDlauONMXtnRaPyowXcaLOs6QJTD4IN68Yem7iiEX8/HwutV5VfLes9vgi\r\nV6SBf/Pek9yMWcRGbRQoMR1wY1ahGwl7Q9W/hs3qXVJ0wUlM4LbwfHDS5953\r\nnQZLDNQGZbANQv8/JxNiLoGKG/3IzB9iv9s=\r\n=gmey\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e9fdf51ad2ddd3dba754b98348bc356126b5640e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.e88f83024.0","@material/base":"14.0.0-canary.e88f83024.0","@material/feature-targeting":"14.0.0-canary.e88f83024.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.e88f83024.0_1650476851977_0.6538702817216084","host":"s3://npm-registry-packages"}},"14.0.0-canary.7321d6254.0":{"name":"@material/touch-target","version":"14.0.0-canary.7321d6254.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.7321d6254.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cbd094de241855d655494507b42dc96230b278a6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.7321d6254.0.tgz","fileCount":15,"integrity":"sha512-11XrmU+IuUe0fR9n2GruEt2rboPA43vkOHtdBylIwWGb4TCJg5UmCcpojVsTwensOYCAtGS0dejvugMFU8IG0Q==","signatures":[{"sig":"MEYCIQDbtEI+JwHxy9TKSIWhajXnPzUYF7hToTWALw9eB7Y3uQIhAILoV/rohLWtb38tb+5E4irG+NSfZR8bx557cGkYX6wW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYGjaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXtQ//R/oEAngVpcnggD4pk20l62qmbItg9XLB/xc2PN8pschHNHpR\r\n+wgI+h9CGrxdWZDY+G6ofWPZ82WOVG2YHAvpQ+qJNCweCVKRceyoGKJNiM7G\r\n6gZL8GD9TCua3PWhr33zWOYE9yiovEJ3bHxnZ2ul5lWHQLZONHS744je0w27\r\nIOjeH2TfszVaG0rLY6+a6DOUY/jJeMwYS5KEW+J3ZQFgu5ECfQTiXW1ul1TF\r\ndxWVGBIIVIN9dwmYYs2FWePbxg+YVIxNXoyMGdF1H4XbG/ARaXfW1FFs7sRB\r\n45JhCpGFSLqQYZBQatjE4QVfq5DCLs5XAVMGCcNJFlShfZnLOLflO11AgwQT\r\n0bj0A+VOLF3qJeEBqTgqpLc2F/lAs2wvX6fSEuDUxS7sbK3VHQEiMyp6d38m\r\n9h3DudNOsDAfFvo8XTS7jFpzYRi+akVvaq11FPYxMxiMNmGG0PPYEv/gIs5W\r\nkcHY4CjoP8+tPt9vi4aFhreivPgj1heYTNnuG2zYwJ+AKeA+MFrh5ARGkGZ4\r\nsl0DbeMxeKAB+yvTu3liu2+o/JZio3n9PKDm26X/Cga6ZGLjC8GwyJUc3koz\r\ncLVm4fmNlXjgYq5gPrR0ngi4CyKZ20itZJJqf3W/YT23rmbUI2IbvCL5dAwU\r\nNbr1Zs2QdUYRvWAbRFmUm0HkAF3MNi3lMgs=\r\n=QPo5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"981be270463043c4b45845cdc3efce353eb53b30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.7321d6254.0","@material/base":"14.0.0-canary.7321d6254.0","@material/feature-targeting":"14.0.0-canary.7321d6254.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.7321d6254.0_1650485466560_0.8667623843510479","host":"s3://npm-registry-packages"}},"14.0.0-canary.3ab956515.0":{"name":"@material/touch-target","version":"14.0.0-canary.3ab956515.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.3ab956515.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5f7ec514a977b6c22cda45ef215f522349a4ea9e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.3ab956515.0.tgz","fileCount":15,"integrity":"sha512-jNSHsIECviiV5WXZHrgY1FLZriYUB1b+V1RILnXhyj7MDEzNRuawqh0bhIl8mD9zSv9229HnEaP/Vk3mR2Ozug==","signatures":[{"sig":"MEYCIQCTdEFN9aN7cLAWga4OpVXpj5TgC9cwKhia0Abnierr4wIhAMna6Jl4Zwc0u/SvRKudY8a0R9ivUbo0Lo5LaXbKguek","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZrfZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpP8g/5AZoGlxjF25yM2AIMOu85Flgts/Yj9YA0HqvBI5xPmYX12np/\r\nR4yjys1rQmhDazcIyN36IYPinorYeSG1h66KbtP10ZWT5twPBM+ff+15Gnlm\r\n8DIOEy18mm+famxVxMuTpVIWPyBU7EfQzJd1DJ0G9z7KUmf4vTpmBERnu5C9\r\n5oRaQkbEo/1U0EsNVmiQlLp+vowyvVe5ToZjtvPoqUW6aGjOZoiEIp9bJe9r\r\naYILIv+65zGMLVSi3N5+mNB4nMfVpTFIbwH1cA/LQntXVrWeR9hxE3CG9JJZ\r\nniGaIYc+0g8NbHOhhKoZvQCaFMgHZWLkPuZsJKI+ujWH/oOOdFcrZKEoVzVv\r\nyxQwp+fvjwBOj+jNFqUsLibuq0KRH3SNKeFLf4JrUpJgeoW+CJSuN1ryGbIL\r\nZ1GtPw9QXvgaQduWsY8rhbKIvFzMUT0Q9Pdw2qVyvaAHCz97yYwqwYu4+VeV\r\nxFIy6pQWkjjc8hFGjIWwyMYP+NaSMJNt/jHWQqjdW5dzFWMKm0UFuPsc4osZ\r\nQIPfVJ/IWw9pBAhv8T1eH9x5Uk9zEnMpSUYRP//a3pMMFS8WfdJp2jRPmoyk\r\n3ZlmwLtahnFjExjLYVR3HOiy87CDgzXeenSH2u8OwJtG9EMWtQEk+dVOOb6E\r\nwSh/Do15Mrs3DuypEhr0pzJqrgxzmR0CIGg=\r\n=xmoc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a09484c5e8d50e8b042d5367972a9111e0432c38","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.3ab956515.0","@material/base":"14.0.0-canary.3ab956515.0","@material/feature-targeting":"14.0.0-canary.3ab956515.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.3ab956515.0_1650898905068_0.5988553429211148","host":"s3://npm-registry-packages"}},"14.0.0-canary.53b3cad2f.0":{"name":"@material/touch-target","version":"14.0.0-canary.53b3cad2f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0-canary.53b3cad2f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c933f68f66bdcfb4c688cd4ee54b517dce4db389","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0-canary.53b3cad2f.0.tgz","fileCount":15,"integrity":"sha512-d83e5vbqoLyL542yOTTp4TLVltddWiqbI/j1w/D9ipE30YKfe2EDN+CNJc32Zufh5IUfK41DsZdrN8fI9cL99A==","signatures":[{"sig":"MEUCIH1e1XOe8fRS6GybG7JP/JjeRExvfgCgtQ/Vkw8g11V5AiEAnyTVW1BB0mvkhFqnTnZvUqWhZmQhZikEci+ClTETMQg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaTrZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptihAAh+WBgdY9L596SM3cQiUTxLtiKWm9fMflOXASjGPjo8nR73yO\r\nhEX2seGAqdx6/ek8iKWWJupHpepgvfotA1tFHaIpC+E9vTgd2zqa6Zi+RF9b\r\nVqbcZM8C9s/dusDgCSrp6hW9YszgW3naERPyELondym+aPn94HFU124JS0Ir\r\ndWckQCLCcBFGjQnQB1BtsFDwEgR3hILH8+xPDFNehUmE4QmknNZCe+rCbyMC\r\n9w3o/mCT57ZEmvIKI1iPX78oL/pkEheLBQOHDEpe85hTmLRkR4pyzPEf6xft\r\nVtdgNx0BPu2AqUE5S+uVlIq5fKY+koMMqrWf1qe9DF4IOpydO5yqlMOeu0jv\r\njY+02OOByqz/uaIFR/0PFhvJuqRiJ8bVDLw+3YUZBm8XVzsF8mXHow4ncuPI\r\ns9VBCLooDGBrNpRXX1c16RWgOwqmfNqpMYBhF5kuD6+BZMq+qc/f0RVhKK3P\r\ndwY9Jn7NHEX2R637tqHcyPA+2yQI7lyDAwkSyq2sx7MJtRTaNHMCLhWBZjzi\r\nq15utLuSCThXTXrTT0GkqD4YsA47NaQ3/aqbCU76OQFyQcVFmqtltABJI5yV\r\nsWqQltjl8ptcR3jt84W7vPeKx5erQlxjxv00YME2n0ZQpCAFpn9ug0Ew5nEJ\r\nVsKfzB6lxzKctzPy4dGEIkJabgkRnnL9IOA=\r\n=Z+Dk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ebeda2e23436103241b0e82afd57b60f74599133","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"14.0.0-canary.53b3cad2f.0","@material/base":"14.0.0-canary.53b3cad2f.0","@material/feature-targeting":"14.0.0-canary.53b3cad2f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0-canary.53b3cad2f.0_1651063513012_0.22897616747618632","host":"s3://npm-registry-packages"}},"14.0.0":{"name":"@material/touch-target","version":"14.0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@14.0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"66b0b61ff14975946cdbf6fad6627bcbc025423d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-14.0.0.tgz","fileCount":14,"integrity":"sha512-o3kvxmS4HkmZoQTvtzLJrqSG+ezYXkyINm3Uiwio1PTg67pDgK5FRwInkz0VNaWPcw9+5jqjUQGjuZMtjQMq8w==","signatures":[{"sig":"MEUCIAPyekA1iL8wbSSaJOLHKzfMLZNYyv5l5wtPLN5QbQvOAiEAvfyeXoyzmxIY+0Xjg2KcDQMlhHbYGgsoJg+Y75r1ap4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15340,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiascRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqc7Q//Vu+buKKc9MjMVBCMF4xJCZQjnevCUIJ3CHAYEudTF4mQmCgV\r\nY/r+VD3aBU7ZyvPRQovBP/EYPenXg7m4Frs6/YFYdP4kAL/Sp2kSHZE5Q1jF\r\n9/POodhW6priehNp8T/zMVwPiHwX3+UFx5bjOkajoEJwmdhPJc5IOWq0VSSW\r\nvTU5h02ISG8rQuM0mBb9DlQyVxhvRCYlKZEFcqg0ZXtPvZ2SgFy4cbtHoBtD\r\nOHABw7vOB9uVceQgin39i4D7I3enu/zjNHxEyv3pRg8ufAsINejaGXbUQ5fH\r\nS3469Tcfz7WKybQSqbwr6Pxil0bEMUomqRN6IPuifuMbCnfcdndXzGiMGF2H\r\nctVrX+GtKnLU800J4xGdMp6RgY5q3/wnnQQR27agsSXTJKG6oNLLvCBcIj79\r\nb8a1uJZ02nLBp+VFwIu9tzJVI0MlgVyTspvK1R5y9kbn3RMURjVtMVlvWXa0\r\ne8bztftxk1jRqOUmxbuQ5+eg611wpLgh/RRot/OxCp39lFeEn9rD4/d6sHpM\r\nUUi1NJ6xzi8mz6PaEQgFp1bVN+Ulhd9lNM8N8Ax+5rsNyBTBNL7M3pSLrYms\r\nzk5RzwOi+Mbx4mf4LiNsE+gT5aLrSsj1LjUAY+UeGPFJKjnLIVK3Ivrik/+4\r\nCCrAEaYoXYx6iFK4UbfVVQjbddB9oXxFLCs=\r\n=o9ks\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"432c815e58d61a257742836f816cf95e271e6ea1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"^14.0.0","@material/base":"^14.0.0","@material/feature-targeting":"^14.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/touch-target_14.0.0_1651164944878_0.6172429242508715","host":"s3://npm-registry-packages"}},"15.0.0-canary.432c815e5.0":{"name":"@material/touch-target","version":"15.0.0-canary.432c815e5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.432c815e5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d61ed24d411b70ccf459bff38bd7a89cefd85e9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.432c815e5.0.tgz","fileCount":15,"integrity":"sha512-/v/42FWIvDIPGMPP4JW8iIlaVEsVtlv542XHj3WZW02zuIzfXYDadMXhGqvQTJGFfTbnfQNcqvjpJTGUujHFKQ==","signatures":[{"sig":"MEUCIQDbDnxcO4J2lRfG4ILp2Cp93QGHSK+f0++6v6UAGhPoOwIgW6Y4RwaFmLsPRvKcKkIi75dIiJwcvQQSctE7VoNsMhM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiasdTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/qxAAlt2RTEb8yd8q9VJmWZsFlqXJEjIPIH82uNy0FMd9HxJXOuMf\r\nU+zN6d6CDR1FXz8H9ptqHk1b5rHPE3WbfBUrLECY6IWWA+tiad+pgBnyWY+U\r\nwp6G/GFShiozKLNiPMIWnKgIpj3gp5nepi5i4ic0hZtsDsizkNREi32DXCgz\r\nbqF1wTTbv3nYfaszBG+xF6LIG5ktzKWUx9QKI+zi28/So6mm9erzror0i9YA\r\nlVGofQP4waLNsgiQX11jXSE2c9lSODxD2+FF965hIdSOzA7LjpQwhNrA8Xom\r\n3+XdNmxQP9DgsbR+odPqrHmZW/Ma9gToR8bIm7gcmoJXO8gifnmTaG5sWF/5\r\n9XA4xQzngSyL6I1duH+J2fiAhpaMvbtk6b8cPAoRdOCWsJx89cyTJK/AuDKi\r\nHL/Bi/Cv8LRAn9L5y8H5AxX+lMLdPzq9gJlc2EEXeXy1ZQ8NIq7K+eqJDiE0\r\nlYmoiMtumOSgTDLVeawT5SfADQAreNOzTgnUu0yXBV849wjgBsOGeeMft5DJ\r\nWjmYHMSNgLhXuWktog2zfWbJQ0CGMrMxn4lxDGHg1aS5Wq3VCSlGBGpjujnq\r\nnd3twsJfSZxkr/sIZSRtlNcB+tppg7B9G6Bv16iWC9Zj6DUtUHZG3muVaREV\r\nqUSmtjmRQchf7u72Qy41ggpmSm8qsh5+lNE=\r\n=YjnP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"df8af7a4f190284cd9f3bb1756b2f443509424df","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.432c815e5.0","@material/base":"15.0.0-canary.432c815e5.0","@material/feature-targeting":"15.0.0-canary.432c815e5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.432c815e5.0_1651165011236_0.9928508738894888","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0f01f669.0":{"name":"@material/touch-target","version":"15.0.0-canary.a0f01f669.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a0f01f669.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6d26cf9c872e1beac1cf5675ab6960cefa5108af","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a0f01f669.0.tgz","fileCount":15,"integrity":"sha512-ulQ3Yj7b2jlywlTLfEDAuhZ3aA8ikEX7A1MHOndcHnIUCsSFV2F12g2Vr3Cbg3tTi9IX29AO36CijGnbixxmnw==","signatures":[{"sig":"MEUCIC+jSFQKIuSrArZwRB4j8v0Y3DUi22GZ14Is3PCsO+hAAiEA40iMZYcQWJotAXMKcfsiU6lT7DAu6xi5D4v+/bdb1zU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidYGnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrpWxAAi98f+Fg87q/6fGALZpE78kAJIsf6/6hBjaLtd1U2unZKyjEZ\r\nx+xTUDPqEQipPgAS7Cw+e3y10SnXicqY5xteF6Yx6ggb7mPWQXwbQOxxd3Ru\r\n3ZKC++sJ4Kp8qlmRXeMPQKYTpPKlf4xsgRuOUlQD1/ojW+oh8wSnntbpPOQg\r\nTvETQO498CY5sANMQ/RFg1HxtXEoMPaCC0QOmf2157gX2Rv6OYyZCATsjGwU\r\n6TYDNQlBCFvKaIz6qpKrE2aXil7RXnSNn+iOLLx0RgCvkmppgS0PtssyYkFE\r\nBdVBR7c2pBn1KIRAn9DyxFzhuqbphBWzDLyOi3nMQElmFAUYyEAiZBeE5GYX\r\nI2ckg6/SVbyQ47ncAUrZpKloZkQhrTzpqMeAYqCxt4TODA4MaXem7lAyGeJw\r\nyggX4Zdk7JhINTEGs5wybTcSdDpu7JPR0M5RO5+PJzNj9/Z5Vj36dAzxr2rc\r\nbXYbqDGfKryelIkT4P7HJNZv7/6KJUu1SSvnYiqdNQHgwjpaOHAjI+G8CVJF\r\n1urR8yps2p/9dJZNbGV7NjWjo3bjkyNC5WjHCOk2QkKYA2Yfv24nVnn39dDM\r\nozV/jWmlRkYspo53nEepxNqAoYPGdQe0tQG4c58b5CNrg9CpOaqtVEib8RTy\r\nBcM7nV/asfyiZSKM/fwVQ9KqD85JgunfqIw=\r\n=cs9m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"51daa70df3212a8d73c545c86ed1c57273d41688","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a0f01f669.0","@material/base":"15.0.0-canary.a0f01f669.0","@material/feature-targeting":"15.0.0-canary.a0f01f669.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a0f01f669.0_1651868071390_0.5009778320648797","host":"s3://npm-registry-packages"}},"15.0.0-canary.276cb39a4.0":{"name":"@material/touch-target","version":"15.0.0-canary.276cb39a4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.276cb39a4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1740d521d6f08a9a515a43dd27df9f659c5b4923","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.276cb39a4.0.tgz","fileCount":15,"integrity":"sha512-+hbXCFxI69Ut3jWXIX31PSG/XtCjNY1fQm+Aj8YgR5FMXLNw/p8tAD6J9iW6gWof6WH9EJZoCx3Vxo/4XHyTWA==","signatures":[{"sig":"MEUCIQD5/1Ip8T/Je3Ubw98vPELwedI9QiV8JpYt7wbkfZ37JwIgDhiatVV2mXiwd7prJu25fOrbgkAlXXkF7xiEoVyoosU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZOqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIAg//c9iBEe/ZqaUwqGOOakdrzO6NTTN9mDIGNORZg/uvluIoGn0a\r\n7YUOzLawNRKo4S06cXal00egk3jZTwNHWAI5jxU2P7yTC4fz9FkTilxf2bXe\r\nMUVi701DNM6maNuQHNdmXthotSshl5vNVbU2If9OlRR95uC4mwE3AoK4H5AI\r\nI9KUF0x1Yfq2iDCKtS5zLG6v10BN2m1hFHO7FOO5nIDYVambtXiq4vckYrs/\r\n1Wyuyu+VQ1EG17t6OEVTfnX5MBKQ72TWLOtXoHMQhr0ifvcWGJjlOdoe/T7B\r\nupsB39UYdzbWr7x6X91YnF+dfi73Y6xbTzoCa4fZg5e3cH3uQ5GoMpC0tyUv\r\n610nakbmxqaJYKdS4w1bLP5Pthh8pl26Eq9JMM9UMBc545WVk2CP1YrHUpQk\r\nc3C3B0rrv2SRKe1zj+smDIkumXF6VY8lp6ZeSqV9VhsKTLaZ5jDt8qIj+RIe\r\nyUuvRdVMPwlIm7DtumWf6VnnToLafCu9PQP6mXR37KqH+kTVcvQ7Zzg3/jW6\r\nGeDqAoBPYIzDofqNyHZJG3Z3z672SX4lC9b98bGKnVfKDKOld2sloQtV7MRY\r\nr6vjQo9ycEMHe/k6dBEW9VzbM1130StwkYmVjBFvQXV1aGLna/eKkLKw/p/o\r\ni8VpSICAgAllgv9lLVPBz7MVAK4GRIG1hWU=\r\n=1Qib\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c57cd64760098925aff1fbf0bc2a73d32dd2bed4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.276cb39a4.0","@material/base":"15.0.0-canary.276cb39a4.0","@material/feature-targeting":"15.0.0-canary.276cb39a4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.276cb39a4.0_1651872682125_0.9501593556347798","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fe98ed70.0":{"name":"@material/touch-target","version":"15.0.0-canary.4fe98ed70.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.4fe98ed70.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9aa6fdf076db37c9f7f825deb2cd7d7dff48dbce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.4fe98ed70.0.tgz","fileCount":15,"integrity":"sha512-bwkRyxi8HEdV8cYFQfm1YPaIihFqrWHkZP092OcRHICucGFiVfYDX/zQ60oYaib8ZkBERXJo6PCK0qA/nd0sTg==","signatures":[{"sig":"MEUCIQCKEmaww5WDjbw/XsfsLJdHzI8eR0TbCficyVG1iQuCsQIgNp+4kuDXMMYSoing9hrrML+NdoNVQJXUgfVFzARACGQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZlrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkeQ//ZuenwokGG+TJ89ZVYcUZ+F62P+wIi0+RaWzLGyOZz6k8Cjzi\r\nLIXhqoojtBLrh0oOxnrPijjEkJ1BKSj4EkFBR1ZUlDSnDrOoKR2qTAw/eZ6d\r\nnphLHd9NSdoFJFOcp7K/JdzuRsQbRp34HMCUlKXfN5rGUQNBJm9Xy6k4TjAo\r\nZ8QAgI9IKVWmTWEaF3p1ygCA0pnK/DtJvsPafFlwOy78/StdB/jSCViOTZLp\r\n2xKTQhKvbXJ1G2VWE5dGCkIPhdK781pTj6b4na1jb54CzPWa2OtXyjsnif/h\r\nyniSQXwPZgrip/FH2SvG0Cf7tE3NALmTAx72Uiv15NeWfTfvWx3ZkTJIRFMd\r\nBv0gVLz8agM707eQs2KMzaIcPus+0TOu0+E12YT+mBMOOsW7ix8AiqEh0cxj\r\nOffX2E6gck2G041OJteo3JB+pvHnI8ZnHCsrnVb52Z0osLJRsbc3sF9EDmnB\r\nx5v+8D1I8mgcOJsw5daTsYZVV/ghyFi6PVvhQaJfAMJPUEz4RkJSG9SFzNRG\r\n+zRUNP/71NPpfFjYXC0YO9XSK0Wlzp2BZnAr1Vwnv3tkx8hSYzg83VeGlCt2\r\n+BkcU3fqKJJLxCe6VUMSzZMyOL0MTuFV78sekBuK3xhRVBlcQWwOtcmPD4KG\r\nvL0jT264L9DDMSjD4mMlrJtCVh0HFPyXcxA=\r\n=fXI0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"353fde061dd090ede4416fc2477bc050587d6367","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.4fe98ed70.0","@material/base":"15.0.0-canary.4fe98ed70.0","@material/feature-targeting":"15.0.0-canary.4fe98ed70.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.4fe98ed70.0_1651874154921_0.8622476000729726","host":"s3://npm-registry-packages"}},"15.0.0-canary.58b130a3d.0":{"name":"@material/touch-target","version":"15.0.0-canary.58b130a3d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.58b130a3d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2cc14df799501c338c62986850b5d38f8ccf10fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.58b130a3d.0.tgz","fileCount":15,"integrity":"sha512-CH3eTwoFwKeGqayKMyhscpfdZb9YzCZ7TYCPv61Vo33ozR9aveNafaNDgATMeH9x0DTnpg15ITzPIP+R3YK5fw==","signatures":[{"sig":"MEUCIGKNesitgN3zRzXpFI2DhuC4Cnp/fPLt/n/GK4X31vEaAiEAslghYjm6Ji7TnjVcEZaq4zxBey6m9VCMdpjrcqG319I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZn2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrD6Q/9FduJ64MDLOtvVxyUDaLxpPCUk4pypmqZ8YoaEY7ReyN6waLI\r\n9BawhCSSfjZGwz4QtuiBiRU2m+fsEDEZ2TWlcCnPdtjL3S6fjH66MpyOYfga\r\n2HR8rxWllEATNutstXeTY7CTqQ2qIJyHaOc+k04eVquR2p3vEryeK4A0iZdh\r\nELKjb9mIczU08e+2XmjD/HvPLxZ2AzZaeJknmb50YG4D7wzcW6guMq+qaJNX\r\nA3Ka6l4qhHnMp9ky4CGEkh25XVu8g9YnZ+pOGRe15IKUNsQrPu9IfsHyFGUF\r\n7EZYaqkEDWVN9w9qJbvNTdg4BcRNWk9EvXvKJ+ekAvRRAx+UUqdDWGYRvtgx\r\nnMDKkeaEAM7Ea7/SkWiBnn3XBFwFWkDwWvn6fH8W4MderlT8jCdCYcWUqZHY\r\nLFNYUPuIARTNvhWLiVOlkAqDHAK24Cdloj81e39zpQ8jnXkqqQx/7qkOvAla\r\ndXtr/j0JY9JYVyZKpZoF5rNQC9/Z81dkVuwPJ/pBRYhGkESfRwj/MfCq5KmI\r\n35K9UpaDwstdhKBH0lJi+pT/jsyE+ocWZfQ1h/BFkAgrO+oR3mGlkrvUQS2P\r\ncrPioIyiY6ld6Kshc5BAr4wMBmczVl/+S/YomR1whhw3CqPJrXB8W4yc17sv\r\n5aBfJb6JaaZxtKcfemDxIZdzq50puLXIMto=\r\n=fynz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"58c8ada7946689a0a59acd63cbd49b6c987c9853","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.58b130a3d.0","@material/base":"15.0.0-canary.58b130a3d.0","@material/feature-targeting":"15.0.0-canary.58b130a3d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.58b130a3d.0_1651874294485_0.24352337721522854","host":"s3://npm-registry-packages"}},"15.0.0-canary.ae278a2fe.0":{"name":"@material/touch-target","version":"15.0.0-canary.ae278a2fe.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ae278a2fe.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bdb8b4f01e3ce87dce21d3cfe3833f802b6e8086","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ae278a2fe.0.tgz","fileCount":15,"integrity":"sha512-/wta6JE4/fQNsCJkcCu4vq0uJJcfuplubZxb6Y2duycI0G3/N1Hx3QwBaaG8/0DOu5eZoXIdsAKpc6FujR5XVQ==","signatures":[{"sig":"MEYCIQDi59xQgflOobjIPbPD9eA9hL0xSAB+V9VYcIjdLIFAOwIhANiWm0EOWh6P11eBH/HJF0TGktLwytrT3F+Gcx5QXZk9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieTI2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrpcA//dW+GqWNbNPq3KfG5abitPU/xsRF9ME7JSxAGDCi0A0BejaDg\r\nOZ6acsfLz9CXTURjLSIjL2i26RGjvfAqHrG4vU6tMxpsTmgl4tApgvvky5tO\r\nUOZLvM2mTCEQ1rrtBO0tH2T5hF3UDCvVjJkdcgRtW66y0Lv1upR+BBOC+L26\r\n5YgVi7y5JwNAgQIUxTd0F37Cxe8onV7dRuHs3x8F5GpOiZEoIGlnRV/gA2KY\r\nSQFX8sWNqeRXmyNwjZ2JfFekYSVCIKTyWb7fd0ZrS6527ET0I+w5K8PE1JHY\r\nHPi3dc16BM1s4H3zmoR1KHyIvp8GFuDsNJkaeJTM6qtju6+q5BJl659bgoPW\r\nBtStjGIGyMkUSe+yZGzwiR8UWX9JQ0ZHZH58KKtdoi8LedsaN0ajarkWRI29\r\nft+5K7ucQ2PUHWm+hVMewFoE55UMoKdwF20ovm8jVky9sLqCbeLx5MnPdjIg\r\nk4rmP52poWr9ajF0ck0Arkecs1RdDINC4uGnNYT8KfqR2n0XXDYKpjqTxt0s\r\nhIfhLEDKrVQXVZAXnfEZBJAY/mwyHqV7Th+J7EdY0Q+MX2Z9Q42MSv90vst3\r\nTjXGoydJsdwyeFmGTX7UxyDNrflfqmMFz7EimAeFR+1+ZlRYn2KUoE75vGgi\r\nM1Q48RrCJ0AE7rAesyplmTppZg3CMUmUavY=\r\n=Ut5F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bfd08e232a3a514dd5a38dcd77d17df365502ece","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ae278a2fe.0","@material/base":"15.0.0-canary.ae278a2fe.0","@material/feature-targeting":"15.0.0-canary.ae278a2fe.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ae278a2fe.0_1652109877941_0.7015274775231977","host":"s3://npm-registry-packages"}},"15.0.0-canary.bebf5bfdf.0":{"name":"@material/touch-target","version":"15.0.0-canary.bebf5bfdf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.bebf5bfdf.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb47ec70adf2ad472031a853c032bcc6b83df272","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.bebf5bfdf.0.tgz","fileCount":15,"integrity":"sha512-pb6VT0ZG1hVxZEfvcHTh6pcZethW9zblqfr9vxXliwSU2DVAuJ6SXZOwygEsG4ASihg8XORmzpLmWuEPRCmsqQ==","signatures":[{"sig":"MEYCIQDZiwC+qkJDVEHa+qHelIGMQweV2mfu7EFizyBVdZ7fTwIhALzehszgU1zYtW0lcm0dIOcM/x/baU7dswS9dOmmRMyM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieyIMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5+Q/+IsGfISLDbsXUSFpisNhOY5U/Y4JEQ6CLfSkM+e1z9wsE6ThB\r\ncbJBbeNoZ2vdkMOPMkvbd2lizTnZkMiWKPaqj8coMdZWX1u4QJX0T2vz106d\r\nYHgnulgNm4VnqElj80d5GK/GdZ5s9tyqQ9vpa93uozhPSeb0/BD25QeLwbE7\r\nEdKegy0bHZl5a+mai2Kz8Pgm28uDwZKtBDVDhZhXWMAStyn/g4xbi0ADZCax\r\n9bmPONJV6axb0SQnVRLXQSCB9n3Ek3xEPO8odenHGjwYihn0teK1jgQlYf2s\r\ntkhuPApchY8N/ynf9YZcXFMx+qV4fDGGCaGbSsDX9734LqPjPyvJeGiKMQba\r\nhwcH13upPuFvl3ZzIGgJVVGgmIttpIKg7abskuhlK0sxUm7v5+C8jBVdty9H\r\nPgeTyF/T4k97KdAJHNudiX3ZGc2EBeabk6eF5inFA17a1Hi56DBHMuddYgfa\r\nhL8vt19DNIMvoANW0ZrWPQh773b9fX4gZBZhh1PAhmEoQl0Z6OvcNDdHHde1\r\nXFQR8xKitWLzA9R0U7h8dob/3c9gtPSqS9Sf4vO/hn2Ve67Ws/WJ+Hqp0Y12\r\npMOIZImPuquZwXh6qTOxD2irOJI4moRh6Xyvk+gbCsUpzHai3Kk6gth93lfT\r\nspVN3NLL3FBI2cavQdT+M+Mt5Swu/6BCnvk=\r\n=g6/a\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"61d3971a411616375c31cb3fb763fafc120c9570","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.bebf5bfdf.0","@material/base":"15.0.0-canary.bebf5bfdf.0","@material/feature-targeting":"15.0.0-canary.bebf5bfdf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.bebf5bfdf.0_1652236812198_0.08990441453854925","host":"s3://npm-registry-packages"}},"15.0.0-canary.e6072cd6a.0":{"name":"@material/touch-target","version":"15.0.0-canary.e6072cd6a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.e6072cd6a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34d687e83bb87fc8057fa29bef8d6ffe4087d085","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.e6072cd6a.0.tgz","fileCount":15,"integrity":"sha512-UQANBUiNmSg1IAkcUxx7tFwieyEXeIvoPXFmCsTBelUrLMRDSf8coaGIDdKrL06w25GJvuy/vrbHC6QbtCYL7A==","signatures":[{"sig":"MEUCIQD3pk39xkfhG0Ge/Xf7wiZD5Ke+F8Vtxd6JX71sQ99c7QIgeAxaMvfg9Gn63Q4tBlaZeaNIrzqvaVHitE39RhlJSyY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifBoLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhuQ//S3d905n7dHof2SlqxBlThxA+KSpG8de7OngGyINI+KbRfZ7I\r\nZW0cIYdjA0cieLGocf5iJnOhxoZX+Hh6OK937cEJe/Dqu3Xv3RU+DZUq7S2y\r\nPf/+eneDmLU7wcg//wQaySctv6TgpQNImskA3jB/Dls30u64MZWoOUxHYdR3\r\nqNKr6CXcFKauiBMfIAYiJa9bfxGqaZjhAztzE9+mLbsiNu5Xoy7fdATnqjxu\r\nYO94SBHcZDZFu3h6krpCzdoI3cMRzQWHlUaqlwozcZ9Ikiq7shWLXISdgcsz\r\nEuDnJ58P67DfslqUbHXcm4Qg+88xjdU+3o/JFzDaQi5aomk7KL6rkaQFAdkt\r\ndsht4Aen9K3/tFKUEssMXWiAM/Ljt8BrJMxCqNr8Dd+QIh+0A9jz+483Cw3p\r\ncf3+0C9L5+Zbj5/inB1KmeAMb5XGch+Edi3VznDAMY9eZ6hk4Cokfq9cj4mW\r\nRJOWhmDpipi+WStyY3T6xzPME2I6joayjL3KzJC29lkSxTzwX4h7MBEEOAmP\r\nRdEK4OTOTSAK6uyZAnzqTK2R+fP5NKPnJuoW81EdYd+/ocR1kxuHeNd3AvdH\r\nyAUIDFws7HaBOrURcVQmKZY7uKmL1D31uKmpWO73SkrVKwwEUWrFE8Dd421X\r\nl0IhIr1q8UpRjUuuODQfwSYkqcbzUY9Z6Do=\r\n=Hf62\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ef2da678e66576709be19aed16a880b00e73a039","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.e6072cd6a.0","@material/base":"15.0.0-canary.e6072cd6a.0","@material/feature-targeting":"15.0.0-canary.e6072cd6a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.e6072cd6a.0_1652300299704_0.43379594687830014","host":"s3://npm-registry-packages"}},"15.0.0-canary.5b40eb988.0":{"name":"@material/touch-target","version":"15.0.0-canary.5b40eb988.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.5b40eb988.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a53e24e3da86a72eb97c39870120d982ec3abe4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.5b40eb988.0.tgz","fileCount":15,"integrity":"sha512-whS+/pGbCkiJ53yMVq7HilbTnBxleeGc50OBqwolK0AAIYV5CpDbUP2Mb18B1TZGa+5HXVh4mTgBacyIAmpTVg==","signatures":[{"sig":"MEQCIGkuIPUqgisN3KTzSLbRhsreqA5TDe6H3tdS7o4EZVeHAiB7+Tg+yTR87cUT4IxPwjKlvanL1KNdvihhapVMFH9fEg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifHR2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTbQ/9H33qaX9I5qSe53Q4/MSavUtV5FVRO6u81pvBJuLLFQet3up0\r\n2Q7YTAngZevlssRVLV0tOUB7sNSEJI8/OZ27WuVQzOt6f9I1DGQnjvyEH5Ys\r\nal4T3dCzoc2hFwMAynQEg/dOPqLsQxgkT4pc+Lsg6w/krZ5hwwZyKq8Dkzx+\r\nXrhcIzq/SGr3ypV2/NKIyq68qaUKpk+IFpWJ8Q0rDNQSucNPW+RM/E706gwF\r\nbKbiY4SmQ5DV3e/AZSDRur1w3f6JnVeASy62cjvJ4wUgL65CFR52H54nWLYz\r\n+QRYDza41H2ATm5B+5corXYn89azvYNXzolYvQCq6JiQWFzpmtiwerLLA7mK\r\nkmAJGknf6TixeCf1sC8FP3JEOW/oVG+tUva6rIht2bIPAXGod+fkyjuI0uMo\r\nx1EqeTXp15lpOwZnCfxhJLdXJAisAQapcOkFoYyNb3IvHlU8zzpJJXnAi/vV\r\nVk2Ur1dHc/nh+bg+AtzzIK1nfOWRZZSyQVoY0O3mv8dkycQ0kdk6kOZkTGuD\r\nNuDktWpcXEz9CZW/AK1jfBzq9uLt8Du/LAAC+Lsxmo7BCUwq6KU6zA0uCeRJ\r\n78DP9avi8PS0LOgacxN4l0mIzLwGCBzo2sTYzHHjW4RKpTVKhxm4bDnF/k2K\r\nNP1DAbML2bN4+dbUz/v5kDipdc/yF+nUrcU=\r\n=6vmc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c30f2a613c97ecb48fd3f9ad7b0677e51a156449","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.5b40eb988.0","@material/base":"15.0.0-canary.5b40eb988.0","@material/feature-targeting":"15.0.0-canary.5b40eb988.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.5b40eb988.0_1652323445928_0.7694885238830338","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a61d62f6.0":{"name":"@material/touch-target","version":"15.0.0-canary.6a61d62f6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6a61d62f6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c7033d8bea0aa075c45c7383e7c431cd35d99aec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6a61d62f6.0.tgz","fileCount":15,"integrity":"sha512-YeLkGx9no41hEJ3YSfZY5XgVSJdMz2epIl8Vpn0OXsNbSMJnrSbBIURAOq8VHjBIfS+GJ/E2rwSoWrKIbJWw7Q==","signatures":[{"sig":"MEUCIDgBpffmmhjYl/F+YL5g5vzlGlvKgBxdPAb6N6f5Byo3AiEAg39IzGFbHsYdDkGjPwqHU1xjBIUDGRhZ55QVQo44wI0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifW2DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqABA//Q7EELimIcBlpC26R/iWxcZEjkwb3JQGMUsfdLdbSJRn7WHEe\r\n+OhunmBb+ISI4e1QRw+GsE0ncMrrlIll4Hh7aCr3TlJtMmaBTTBHxdZkN1l1\r\no/bFHXq2i+I+5FA7P+HaeVQoWI8ZHqxL8ylNWaCIrTxlk1CrzJGLuWAf6RGD\r\nMLGMSE1jGoMbMAQ24otyeH3Mifqo8R84yyiuybbBgULHg0snEJi2eyA7ZSCv\r\n9saT/++NSyzuedb813Guwe+Ey4FAya3d3ttisZd9NLz7+s+A1nTJXkf5tQss\r\n4X6RACB/EOwcbaa2IO4EZplA2ohW0K8OY7VTMQOeJc5DhoFggy8C3yEdR6gn\r\nLFdev70tWQVBETORoHV/XlQ6pGshAqyBZKg9fhDdCyAKmZYRZzFQWBnYRKj3\r\nI0gzGh4J36FSsN1IEQzqAp+uAZK4Y/Rpi1KFAEBfFGom4Gn3mya5ltclzHQU\r\n2UiIeekP93sRmERJ/95BQB+E/luiEBATJgO0h4TVh7htyaP044f/o06d0sS6\r\n+RKw9nTx7rmA9lgf9QGC1TB+5JAP/r62aJO+AowMJcaDCY6gezeG8nlW8A9y\r\nEPiRmkRdL+yaStTRFH6/HUw9RfVhDTTxAJzgMHbp/u1qLLG1cxBacdoij7j3\r\nO9ARMfdX6gpTRi/2JsRITMHzLeoHWxHRImc=\r\n=9a/9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1d46f0951ee9f725b870919613271f00fcb1b521","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6a61d62f6.0","@material/base":"15.0.0-canary.6a61d62f6.0","@material/feature-targeting":"15.0.0-canary.6a61d62f6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6a61d62f6.0_1652387202862_0.028697099112680702","host":"s3://npm-registry-packages"}},"15.0.0-canary.05930a453.0":{"name":"@material/touch-target","version":"15.0.0-canary.05930a453.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.05930a453.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bfe2d21b90b577c4381767cf3fe650312d48d284","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.05930a453.0.tgz","fileCount":15,"integrity":"sha512-Ut+Kx0EjNa+rNlF2abNpNL6J8LTR1vrejJP2D3XWvGV8SghJBi6WSpr/GdKJ0uyy9AlXVbxeNHDQO2cQte1yGA==","signatures":[{"sig":"MEUCIHLGvwjgiH0tXfljCUlWXYUc1ZgBEUgZM2IgtDY7ug0MAiEA0p+jWy36AMkuOSoP1D5zmc9OwhTniu6MUKalldZurvQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifqe3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrDsBAAjO3dutiLhifcIMDvVkicE/oySOEj+OE2EETnzqnadxSIMJt8\r\nEXZNwtoBIqQ2wAVPRWZyrwR/1Gd8aJ8qW8npbFuGgykUn7oRcl3Q+k7/tlVE\r\n6FhU+rWFAAlrH1XpYJk/knQrFqv2pe/i/bZPws7i3CvEmo6psxK1nTw8sjAr\r\nU9OqvGNr7ADXYAksRMFrF/bQ/eKhUMH4mjNDlDrRcLHkEVj3QNjnSqZB5+px\r\n3wAQpyRaBeWHN1QCFJ57stKCvtEdu/hYEllsRAvHkQS1zHw2Mx6FBiFdSyc1\r\nvtLFGV1U4A5y7KSvvSpmTqAXG4RVjRmykr/AzANTH1MHyI4+7u8ssfVj8Hgs\r\n4+JN3rVhB5QGqUCSbnu78TBTeY6z3Bp2ovA810A9F1gZ33azqkSwirlX/55/\r\nuqPqEGORLmK2E582BvhYbxtYb9omQnOTtmup71KlT/OOrrv/nCT6BFoTuBqe\r\nxH8kqKOTo4OzAaNfKcl0GbOMCHE0NsPuskGurZddEAHaNcF3QzB4UtMWJ1Il\r\nJGtgdGFzmuOTaAvEDpuaEOH0WywIoxXELozGW33V3fQcswQdgtKCugIryUbL\r\ndHvRq9+Ny6TO2g/haBWj3W41xjwWkHegI7u68YRoa0HStpFhPML3CqTMOUnF\r\nnXIWGL+qJ/cqS2u6EyWr1ZYOfVE6pcYfzM8=\r\n=8lLF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e6dfc2d0553321fbe47e71fb414cfc1152b0ef8d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.05930a453.0","@material/base":"15.0.0-canary.05930a453.0","@material/feature-targeting":"15.0.0-canary.05930a453.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.05930a453.0_1652467639718_0.3769543986349908","host":"s3://npm-registry-packages"}},"15.0.0-canary.c0a11ef0d.0":{"name":"@material/touch-target","version":"15.0.0-canary.c0a11ef0d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c0a11ef0d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"123eecc2b5c5c6261dd6f3574ec24fa12dc48a39","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c0a11ef0d.0.tgz","fileCount":15,"integrity":"sha512-guH+d0gRsUgPFxdyKF1GKctU8+jARZs4bvXtqDuGbQDCr3zBMCvlOWJ6pfiMetOO4yYTSsK2Zu8cCqV/dz7wOQ==","signatures":[{"sig":"MEYCIQCTXheEvupnDNBL0x9FDZPiIXNCjY831Sqr6cVR34fNfgIhAJuiqW0vNnBh228DrQ6bedQZMnVv6VdSQZR7ed1XuYif","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihWyXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaPxAAk7e5ToLoA3GSbR52GMG+4LHdTcF8DTcxAfnkUloBilOB6V3B\r\nWfIG7U0pJ6IhYGFVqSbTX56Og4RiVdXV8Xk3hsMp6RPLtcpisIT5z39Vcs0Z\r\n/rib54dcaskbLRe2QUjgpN3EDiJeKTpg/LW98bVEU/8AbzH5ZmGiYl03/1DM\r\n1jMytcUwbYFD6VbXFVVhr5v5/X8IhYwsv5s+YiVX8kAtWoP/x6S4Y1j6sxrg\r\nx/AwIvdPLJve4h5bq3MxEXRZuCLZDhNTsosjtE2viY6a3oLY7ZhYbJ9k7qaV\r\nYWAjSwmqWNyekm2drkkzvHT9cBEhfpiX2LyZDDiO4SiKQMVLbjqtFb3AfORr\r\n/PbkPNcLagIVZ4OjKnmgfSlLarnSVUsxKm5xEBXqmtmfWQGIarXFQ5p3kwVG\r\nbiH/3D22K58SbW+HNYj6SnngSJQtyoYJo1omT61TvmzcNPGdAghebQ7t6Z5r\r\neoW9GNWVeFXs88r1p1qFznZnk3pN0bPY0QrgDalt7nU5mi0GGfQNWvyIecdM\r\nu7bTlz04ClNJOug+2/+HTzLvE+OfE31HDrd0jrUxGcuKN2zzg22G0nV6qvfl\r\nPrPyLbcy/olZaQZFC0kIZdUPYmuZIrGFqaDp/8orVeWfSe9llWnVGModZ27S\r\ndrISj4jobX3uu4r7HdXnRMXRLhFlpvmdWx4=\r\n=eWa3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a97df68c1dadba0530f5fcda79fb8bc3082d963a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c0a11ef0d.0","@material/base":"15.0.0-canary.c0a11ef0d.0","@material/feature-targeting":"15.0.0-canary.c0a11ef0d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c0a11ef0d.0_1652911254747_0.4512953068360468","host":"s3://npm-registry-packages"}},"15.0.0-canary.2f9b268c0.0":{"name":"@material/touch-target","version":"15.0.0-canary.2f9b268c0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.2f9b268c0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c001a123bfc2404ec42adf765d67071d7832238","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.2f9b268c0.0.tgz","fileCount":15,"integrity":"sha512-OzWIslTK/s4DOdRtNWUN+mpycqfST91NkTRqPDF/LBbKDJWVNlqxVLcQ0zMDYzRik2qiAVhHxsxx70A82z18Lg==","signatures":[{"sig":"MEUCIQDLkQlvlNfxypkn3j76UDRkvyg+B9TzCXEX4SU+4sJoSAIgO458Oh8bQkXCyqRCmsmoruVYTIYhXpVizNoqlW0J4QU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih+zQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvRhAAnxCPX4pQ46Cf8LjFRcfDjeYqoHXTtc+Zg4nQ261mu6iUfqyc\r\nNgw34XEpuLS6zht8P4eBPytiuKk4x9mr6h/UHv8YwHCCjzEiCSa89zUy2OI6\r\nFEE1BPc988pQ6hz8UKBRfLRO1mIhGl/2eQHpzxRGtuYpgDKIpZTfafpqbEL1\r\nLczDNdu8vVrd9NCsHEoPNT+OC+u80bv2WTF5nlNrQiWdE4KeqyKBHKqZmOKp\r\nLaM18PlEU3BNE5BO221ey8p0miMUyYyDVaSL0XVDUEHqkKpgaKI95xiz2SYI\r\nxMwYWbkUM6noKD9rZBFACSb2i3/ZAqaUne76vk9gMaGVzWXQ+AnHhyUm+K3B\r\nk5IVblqXCGXsd22KnkDtmuGjlB9CRRdrROoa/dovj2iQNiJV2dP2BVKeaUdi\r\nQyDNkjzpmnlmrxYzFigm8Js5mwkZw1iZ9VgZzW8Xkv7e/76ZYpSQwq5y1lDn\r\nr7ZuPaWjejhN3RhsiBrjJhkWnNhRvWb9KnINAfqtZZWo0OQcHaTNw53XNr24\r\nL/7Om9srr/suayolxZeKS6D5MonM2oEk9oT956SuQ0cKD5x9An2PpFr6fTnK\r\nn8m9sJBPBHiOwAGbD0SunZsfrCsKSMgD2fz4oB35xOUIxfLB8pkyyxRF+nwd\r\n8hMfMBbGJv6gZUlstj0jTTB6sDmzIJENrqk=\r\n=xagY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"29832a4f010df39515e01d98656d2e77ac1e47e0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.2f9b268c0.0","@material/base":"15.0.0-canary.2f9b268c0.0","@material/feature-targeting":"15.0.0-canary.2f9b268c0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.2f9b268c0.0_1653075151932_0.34327265623221415","host":"s3://npm-registry-packages"}},"15.0.0-canary.7741345b8.0":{"name":"@material/touch-target","version":"15.0.0-canary.7741345b8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7741345b8.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f5368aec17f88b6d088c8ac1b6ebd849f5065d3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7741345b8.0.tgz","fileCount":15,"integrity":"sha512-QcLNwawdG3ebqbzn2BPn6q5kFiiS3iLj1rAK3370McWjneqSlGpLnX4zUq3sxb3NUmVzL/qtwU0lei51LbhjYQ==","signatures":[{"sig":"MEUCIQDfP5timuQz5bQDvlG+odqNtvjlkgKYkmOlNWcohTPQJQIgHLdz9Dw5iaTWF1m6z+dTp4x3WAXoO+dxqL05axUBx80=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih/PfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3OA/+JT67X5+o6eQibEir80C4Mt/SVU1UPgmb51gJP8Wfk2XpIKBR\r\nUqgci7nor+QA8ZhJVIicgNfi7qkiXkblsY7P0/r2RaLx5dQ7QB5JcF8mhctd\r\nSYRkfZP+cJfvnNtI2W1Cm2cxPtDSrDPBGZ2UiArPsCz9NGjou/Df9KvxLUcu\r\ngcFOKGqLvfcCpBtqFgJmAut1pNrB2T0X2agK85FmFI0N4L+7gmgo8v/ymil9\r\nwTiVo1U7z18t0dZFquqsqtv+seRTgpZKgUsAkq/imtmoAvcwXRyxc50QhCj2\r\nR6+FmZqbHId6sOgn2EBSJgea4WJdeVf+5hfTYvdZwhQFMvnXwuhfNlTtbO1Y\r\nl/sNubuvGsYyJCgNoBuL+35jXfWINVXdoxXYWB13LLzcP4nikGmBtxJsMBks\r\nsw2ZTxF5qR/s/WWxNIXEv0Y5aZbRLzZXSb8qcjmUX8jXH0nanxGvA0kq/1RK\r\ngM+4NNAbEv9MUHSx7BvAJMYSVzkWxGO21PtPC5w3n4yMqMDpBoujN2fK9Knu\r\n7cgghveQsid3p2pM9nqrBR3fwAk1N2tzrA82Slxc666F1NX1O9aNZboAp15l\r\nw4kWxwNTpkyrzEurjto5bBRD6+kGA52aO8PwKten0G04NVw+YVSa7QCNypP5\r\nKjLwUUYTxtIqEoKr9Ppvo+82jgH1Z1MHs9E=\r\n=4ww+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2e61e5e8196d28c1bd4d1c7a12c242276c1d8ec1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7741345b8.0","@material/base":"15.0.0-canary.7741345b8.0","@material/feature-targeting":"15.0.0-canary.7741345b8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7741345b8.0_1653076959081_0.3864395759590489","host":"s3://npm-registry-packages"}},"15.0.0-canary.f807e793f.0":{"name":"@material/touch-target","version":"15.0.0-canary.f807e793f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.f807e793f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14dd19011fd5705042c585ef52b5340b2f79de84","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.f807e793f.0.tgz","fileCount":15,"integrity":"sha512-ztBJntm+C0u3M64zsFsUT5z0UEkex8Jws3hv/pM37LImjTfqU3c3tlcTtYM9hhCx9XHzIGdxw1Wyzcbl4FcrjQ==","signatures":[{"sig":"MEYCIQCQFJ8OgdvTUWebMYFIDSttSrVyI+Bp25tgPRO9iuooYQIhAKiUQQqMuJnPLJseCJvhXErcIp5H5/YkCeUlS3sSdB1U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiBR2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCqw/7BJ4eqoPAW5wYyy9eDc+k8WPUUe3uBLQ+NWixZS/hDlVImfYX\r\nvSWanR7fxQse5R6dFt4Lf0U2BXhUTXGuH9Zott3BjgCyxFR6ffQM+qO5qhcE\r\nWIpbmyHUb5fB0Fv8bz2KocUWsM9uhd6rY5AxBUIDZc6KGM+dxY/36RTc3DGc\r\n0vgCMkrlKbltjRjbSV/ntrFFjiWG21oHVINVeBoZqn/je5iVOAbfJUaFdVkM\r\nnl3sUcKGe9ZgTrHSkQzQjWmHDCnlVhXqVeUFc3KKpQlBcntOPa1PUnlfL1V7\r\nmYmUl8PzLxbBQ1q2ROFTTExHqlXoy/M/0WKXXddBa3FlMifWAzoiY5zaj0hZ\r\nVephtTCEZTn4hHE76uT0R6lZ+LMnGFf/cqGyEn39vlurYTtJAeYfxqftPQaG\r\nPuiSsKO+oZF/L1n6j8S9ETOIjOFoS8I/9Hj/b6lj22GDFJOC2t0B01Ts9bYA\r\n3SKubKUSy1t6r+6Rxs1PrwNq0SLi8rhPMC73VMGkSYvNievhyXV40K+Lsy47\r\nbehl7NgLfPg/3h30ytSgn/URzcq4/z+FglX/c4hWarlRxzmU50kqhuxeUcI6\r\nuywD+X46s0Xw2HHTQ1zJXyG0ZpyhM8sZW/bK0AGkQhGu6G9huZLXN+8Ksqlk\r\nOKR4lDyiQveMZ2PTV279tb+9emTA5wsVAVI=\r\n=lk5P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b4ac5ff59e90b4770de9f689d9b09381fe2cacd1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.f807e793f.0","@material/base":"15.0.0-canary.f807e793f.0","@material/feature-targeting":"15.0.0-canary.f807e793f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.f807e793f.0_1653085302374_0.6633032899773261","host":"s3://npm-registry-packages"}},"15.0.0-canary.9f53d4a8a.0":{"name":"@material/touch-target","version":"15.0.0-canary.9f53d4a8a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.9f53d4a8a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5149335a869a769ca75e0b478367750af2558002","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.9f53d4a8a.0.tgz","fileCount":15,"integrity":"sha512-eUqcdjVi6XP3+/ZkllrdQ1cDKJ6MMP32CeGhg6SaC+BJ0yxd8+MuM7noPR6NJRoPn4OjMyxZ3jgw4kD41CZpSw==","signatures":[{"sig":"MEYCIQD8dbnJdMdg9umn4Dgu9q1exZG29AVfWrcLg5AHM+zcoQIhAJUsw8BYydOCgAfaiDw5d4fd1p/8j/EtEmHhQa/MC9B8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii6DbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmolhg//VEiZofMNwOZuLMc3Nb1MKH0lHw6+oq7CjfIlyLEAFVUAXcvb\r\nPoKAjIquKX4eW7tuM0XpUjNupCtcgihdimvArjeCWGHrOqtxp+sgF+qzbi9F\r\nA9ZH+T3/whoXrJA9/pkemn5jjddAnZwMWsKi4HVFuCgmYOimhl/8PjiUAMXy\r\nRYJ9GrTyY0Ws8gXKSx0bCYicK2RhR/YGdnk/zYv5GKeAckV6hZ44V8c1sytK\r\nCZHQN6r3J9vX4VJezMknqYrQ3+5QJCnRwFkEa6tf0S9/oVIc3ntcK0wymlot\r\nJIrYI1lNFwzouR/PdCHabPdETud1IstFaUbGJGF54uByUyVkdJFJWn7T21CM\r\n5byImshz5yBveo1+lGEzBSSzVvQNCoq8fRuSsqjHxNZqgts1QQdaRb+Pw5W/\r\nxnVKHNCxEXy0srVHHz/SpMzlEkqeiCDJOJZXiKP6T0nGwPneufEWVGcChOdF\r\njiuqyw/pImTALHTWOPiOzVHkjD00m+x42GFFDUMGxAmMiyRzqoJy/C4xWwA6\r\nimQzwEuEeUN+VYxiQPbLx//5zaCrmdHB8aoR74Nj6BIHOY1ft5ZcpGu774hF\r\nEvuydNvhJY5SHbpouCzr21v1ltDp5nzdxYJD434LRUVWjbd2hmtR4EpLwiqM\r\nZ01NEfvzC0vPp+qgxA0M0CT6cu0k40ZUZyE=\r\n=bvQb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5db1bd7747bde68bc956d054f2e939e62c78df6e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.9f53d4a8a.0","@material/base":"15.0.0-canary.9f53d4a8a.0","@material/feature-targeting":"15.0.0-canary.9f53d4a8a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.9f53d4a8a.0_1653317851271_0.8485769595701407","host":"s3://npm-registry-packages"}},"15.0.0-canary.77cf00e37.0":{"name":"@material/touch-target","version":"15.0.0-canary.77cf00e37.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.77cf00e37.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c116280b71abc88c8eb77d6ff8eebfa0a451bebf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.77cf00e37.0.tgz","fileCount":15,"integrity":"sha512-AP4J2FLM0Z1Pu5EKcd5Q8w7qfNCZzIQ6ztrl8we0lnek8RqL9ChxxUV1VIb7UO8DLRRv65o9QVqbU8a12PRT7A==","signatures":[{"sig":"MEQCIHnUmLnHnuiSEdcaS6FDWwWLfFvAl+LPw0smJqT5IlvwAiB/x/Z64dfvNUDQbvsunTEwhCoug1NQOiTYl/PDWUawog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJillLbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrOQ/5AUlrpQRwagbCxQk5CA0ETfajYgVqnK7eMEkvczbEnxxvJmcA\r\nQV8vPPhvhiaAII8ZyUp+QPEv8Q0u5MYZJM9f676i6Sdji+jGqZc/cu+U55tQ\r\nDUXgYQ5H3Kzo9QpyJRbgSDDXRABigu+YeVCOm84Gn7MU4DxHCysDcmFXuzSA\r\nk7sgsrg7UXF3IDGzW7AN/1O1zK2B1vvP2LqZn8CuHCte6mlvIHjnndBtyncR\r\npaQkq3eug7AL/T8GdS0Lzp0m6dVDrBqBSnrfoR3VApclRIWEzzD+PNXtV9SI\r\n6aJCD2nxOhomy/dupQxIE/3a8FsEL59WlLywMqXcdfLwpuLuh1v/QTEXJlMN\r\nf0ttiuEWffh602UDWEdF2m+fHjMsZTTeb1uJqswZE5ln0M06fAOVJBSV7JyX\r\n3kp7VtItXFMmxEIBPWzsT+dg/qqkp3GenlKiQiOPPLx3hXOozFUncBWDfLjk\r\nHAefXKCfi1n2Upo5BzCNv8QL1U4YZFvzsCsC6BM9aqepOuElHJCztSQFdR+d\r\nSi4Fjp/aFatuPiRDyjY7N1DWDHUEcD0kvDq4k9azyh9hB5b+MBK+yulvz+tv\r\nb1zu1q4pga7P1JnQHFgHSiD3us9IN4a01XDMNyWtIdObKJkkssH0MEEKh3kl\r\nvGfZgiecI7ZeQu4YlJiaxUCMfvRuE725dC8=\r\n=MQos\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1a68e64a5e78b8bdc529142c18c028aaf1b15b9d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.77cf00e37.0","@material/base":"15.0.0-canary.77cf00e37.0","@material/feature-targeting":"15.0.0-canary.77cf00e37.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.77cf00e37.0_1654018779810_0.09906265610141518","host":"s3://npm-registry-packages"}},"15.0.0-canary.3c7b844c2.0":{"name":"@material/touch-target","version":"15.0.0-canary.3c7b844c2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.3c7b844c2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cfa48f1e5e9e0de872f76b18027ccd7afb0a76bf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.3c7b844c2.0.tgz","fileCount":15,"integrity":"sha512-5HCgkejKd7vBAUhcac0bEa6UUG27SRS6yArOuRs2SHEGsZkbda5pZvBAGPf8Se+v5GZnZ/QxOnqGlrLAlweFLw==","signatures":[{"sig":"MEUCIHqALuPSB/qtNvT2wy5Yb268OWMHu/nc7xz16iXxOUdMAiEAjEL6KRvAfnzQFxOr5L4oiG3A2qB5GhPCDI0ElQwNXVc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin88/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqfew//YQtf0ygsH3ow9ezc9JecCAkv+K2pm3HJnBupTdjkB8hQ7u33\r\npy5eLbVpu1/U3gt1T3yl1O7yF+7hJCmOo5Pi1CXTLAhjQfCvd8eDZ/SiCYOE\r\nNAJ/MEMyxNk7jHwoCiJ9QGzaA9zPthaUfYoAaIPaaIIj+QgsNrjgg+rBa1N2\r\n66V8raxqEE3RMhQmmMkzMAton6P1TyOc3CKDcKXxw/2G4MuLbENjFFw7J9Yr\r\nkubMNxrQBDjCwyHJTZP0oasMOK8SM15Ofvet4y7IgIhxlWfZfjbW02CddEHt\r\nO6o1hj6ebsiUSp+smIGnZiHHxKMIj9avCJ1ntq2xytFEvv5xkhAPYOF9tDMK\r\niCqBjgyuSX6zpqn2WGTgApCFCTMLY4yYqDLEwcsj1PtpJvHbpPmJi5nJHOcY\r\nwIHCwmujSm3O2H952W7YnEUX9Bf92sFrL7l4yK8KVEMnPO4JZaIAS4Uprzzg\r\nurL2dAZtcz4WrTMwd5Hu4Y9PiIpGMR9DBAMKHNJrZyg2l0GiAfCMhCqJcf9p\r\n7+U3zDR7WeKTOnRtfJEKcXL5WKB34P0mTomcfpghVtOqZWDbranOk6vT22ZU\r\nDMubSka5MVgM9QMUhmeN0MDEDZfaGLt1455TBa5IcS23CcJiDYii3TM3n1Uq\r\nNiDvZfbpjJNZdN0sc4hZPCvAuNQxUE8oEAg=\r\n=UUJn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e9422b2e6573001fae4c8aeb7cc75741000e0034","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.3c7b844c2.0","@material/base":"15.0.0-canary.3c7b844c2.0","@material/feature-targeting":"15.0.0-canary.3c7b844c2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.3c7b844c2.0_1654640446922_0.3197311783151331","host":"s3://npm-registry-packages"}},"15.0.0-canary.df47894db.0":{"name":"@material/touch-target","version":"15.0.0-canary.df47894db.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.df47894db.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f1ac5599e80a798265d61776eb4b917a1d79277b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.df47894db.0.tgz","fileCount":15,"integrity":"sha512-wQOP3B7DsZdsXxHxDHZgIY65ugZT0SuwxNc5waavF6dDYewBw2zMfyeuvOs+r5N1KUsnPA9qdS9GybEaep4sJQ==","signatures":[{"sig":"MEYCIQDpjMOHJRWdIJzIbgDZX5DxWJrpAALZoZqreQsL9YCT/QIhAIKVcoLn9MODa8FviRXzyfe/hInOWpKsh3LW6ixGro82","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip28PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYjw//XfWcAF9Q7kGNAUIv1CDVwB3FzF0JgGs3VXOiRcreZ95P5nCn\r\n+Mh6y0mRv5hQ9hvfMtqaRX60sc/L8Bdd1V+qHu9H816jdbgqxuGWuETuQX7U\r\ntRLWVXhch48iTi91hWaO3ZFWgcF8twUkvMWBqbdQfSkL342LFkphVS9t7q2t\r\nUWqsvPXb1E9jIYXfJq5MqZVhnpfA60E2gzKQ6TDWlVomGokw6R2HZ4XagIzQ\r\nU320iCgRG5K0mfcKP62gUEFxa2NY8XanlvCfVuZes1Jq1Fr1XFUZWABNwfAz\r\ntmJgluhS4TjR/4v1//Vi15+c9F6uU4Ipns+qwn/d4+79iJp5L4S1nKdLb0ZT\r\nlgQ7H8k2lzG5uVs98p4mVzLy3iK+EVWSS3mhhV4c+r4PA9SmuhzuaeXOI/1H\r\n9eImeXVIENdYpXMok1OMu4i5JzZARPxZSymLE9f9jcPLP7vH1nuGJ0/7UmVI\r\n6gKXrgrmFbdqzGl9XTMev4XitjXFL/kDY0BD1toBNPsvxFiQFXvVeSzcCn/T\r\nQbocvXSad+TChP/oIC1v5DfMjZv+48bnKhMlin9YnUzYZHArn3lB8cQbaSh8\r\nglXRnZ+2zj1oZXqhfjFOfzj5Q5Gc3wMFCmWULlYhnwT1HtqU+V8ZQ+d5HClk\r\neE0SfeXmC0Gtv5T9bb3cDs3pjDSPSacSjBs=\r\n=BXAi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"42be62e51a7c150444c5b32b2d2acee03d09e6f3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.df47894db.0","@material/base":"15.0.0-canary.df47894db.0","@material/feature-targeting":"15.0.0-canary.df47894db.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.df47894db.0_1655140111341_0.8340350489695012","host":"s3://npm-registry-packages"}},"15.0.0-canary.b18a873dc.0":{"name":"@material/touch-target","version":"15.0.0-canary.b18a873dc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b18a873dc.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0d4074bbba0e109129ef3d4b71dddc79fc0ee9e3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b18a873dc.0.tgz","fileCount":15,"integrity":"sha512-EQrwruhorkSiBoae4ed2R5vDOdP++u67KAVrOtK3Zz80z/oOYHBTPon/I48ha5piZjlt/Wh0x6GfvyIlP8h75w==","signatures":[{"sig":"MEUCIQDmO6mNy8S8HDT+SGsp0fdPg9v1ePC9Pm5pjYYGkLpzWQIgSPP3P90be9WcPEWxP0qR+SdDz/qn2KEs0r53R8P+OKI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqCrYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofFhAAgZN98g6VP1hhiYcLiug6ft6WyTR2rGjJdffgODWb7jvgaOky\r\nH/0FH3YX9V3hzVhxMHFMW4t6qOuAtS4dH5RsA2wfWcp/aIg7WBAAst1n6J/Z\r\nydOVd1jfyJ/epZCnX5OPdcJhGzFeJB5Q08LZb6Gbh5xaJjS/cNgIEgOUQRTM\r\n3CoTIEMg1GFAqD1AVunZTu3XNqPGnoaa73R45+oXqS4hhMqbecvquTPOQvrB\r\n+QWLl18sZWXeDFiGWLF/Aw1qa3j/Bk/EiFYtXiLd62gS+P00luCbJEuwyTUG\r\nSG3vz/kcbcxiMY6XwO3tejF9zldYdfJuuz6citksRHWe/mv8sVvPoO/mFJ+P\r\noEhLpYz9i8uFNAdSvxYMXaJoOdGbmKy9HYc4Adu5KPSz5JCCANfSvBxrgKrs\r\nS79CW78cl4zraqpJMMqlMhvdrPMiviKtahxMc9IK6GTpPXQ3Vxemv97JgLR0\r\nInF64oXuIcc+pAwEWI6iYko/dp9grwh2yYZ/EtiL/LyaLf9Iya0C4Lttpfr+\r\nI5ESWCSfWWOKmdfcbY09F+VnePZBKPChbnvGV8FntIBhRZp+R2ZnV8NO+1Tj\r\nLo0MX2qfR+7JKg50HuLP6gMsI1fI7/1ir/2mMRCUd44vyDDv+LLuKHe1Xk6H\r\ndGJbrK5ti+sS4NJNoCwFryvx+j78Phmy+O8=\r\n=t9nU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b35dadfc99a3788643d8762f8afda3f2d6e76d5d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b18a873dc.0","@material/base":"15.0.0-canary.b18a873dc.0","@material/feature-targeting":"15.0.0-canary.b18a873dc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b18a873dc.0_1655188184726_0.6176168612382218","host":"s3://npm-registry-packages"}},"15.0.0-canary.ba9c29637.0":{"name":"@material/touch-target","version":"15.0.0-canary.ba9c29637.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ba9c29637.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a653175620c74b339d72b32a238af126818a1264","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ba9c29637.0.tgz","fileCount":15,"integrity":"sha512-/sjF8XI5HsKr/Q6bzuL8MN65Pb1ArLIoewMWsXvkDQbizpU826Qba3oxk60qm42t92C8bAJJAwBYmW8/9xKaWw==","signatures":[{"sig":"MEQCIBBG0IHUryJEMj67sHsGdT8TIODT6IDOfMFvuVfuJApFAiBFK7v1aEPEmOO3UnYjwgdA2veBVtxMrhGwjJZdB8bsYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqNoTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQww//aS1EDMQ/fEDZLSyWjxGF0JowTn2IxFegZSqsF7H7QhIRnrit\r\nmNqWyYOkh214YJRAPnwF19tdbobKQLzlUIMQjbqntsrWCeNL6JwXdHidOJWk\r\n+4vVFmV7n5YBa8yDG334IrtfpJQ6uV0KQYtjsW+Cx7+rWtPAkTBaSzfiSI32\r\nHjoiZY+HjHb5zSt7jg5h48j+KGF4H1kYQvOZypdad4pDRBhiidYOblgCTuov\r\nv4ghxAnVRloFiNwPLH8//Pq2uNO5qQZMHNaWrlqTLgusG++ecz/uwR0vljbD\r\nXzs7ntf16CwPoxGfaXCbOrSqMYhZtuP1ARcc9BdepMjNXi5lrsFVbayOJtvG\r\nGkFdDFmh1gYpZh4vplDsdI+zRbGjnBvohT4fjApZilqPpRzxVFcSQTLilBCL\r\nLUTzEPA/M/PGOcRl6sST2Oy1D514ij2O9J/DnIbEHAf/BktxwFRBr6YocML6\r\nvtJMKohYMMW/CIIy+efLdApL5S2Fs6R9TFJkkDjT7cS02ntpU4MjPxUa3L8N\r\n5m+t9j0/4tfNtFP5Thyxwp2F4QLAzieNhsoaT5qJzykxccs9cz8GwTRX+mYB\r\nDMDMN7c0Cy/1X95H22+1Ac11mZRVi7eU3d219p6R581EJhAO/877OWT6yEyw\r\nEdP76BWdUKPW23M8J62oQgTT68V70+RX7g0=\r\n=neGm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2bf89a291dc4aecd82cf7a6432d198374cfea69f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ba9c29637.0","@material/base":"15.0.0-canary.ba9c29637.0","@material/feature-targeting":"15.0.0-canary.ba9c29637.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ba9c29637.0_1655233042888_0.04519505440940863","host":"s3://npm-registry-packages"}},"15.0.0-canary.9bfd12f01.0":{"name":"@material/touch-target","version":"15.0.0-canary.9bfd12f01.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.9bfd12f01.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39cd15f4b61260d33a8e216a54f999be9d92be19","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.9bfd12f01.0.tgz","fileCount":15,"integrity":"sha512-ymRH4zL4coGRsUxDHXkzE85sQV1pCVqP0K3ySZ1H6Bsnv8y1Cr/PkoV76RVxaPLQ9DUq2jgDwB0/s49nJox/JA==","signatures":[{"sig":"MEUCICinxJHl8RMa41tM3gbgXnKdBbDR1zNCNL2H48IuhEgPAiEA21DSvmluloIEjYNzcAmUnjYo6aBmcJ17s6FWjHd30QQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJis2v3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIQRAAjp+8sEBSjtCBJDn0azjb487WxHEqyOCW7dwjzQrLY2WERuie\r\nTU4qjFq8kuWS0UNWlg/dsnwFepZTPDEbmY6iY8nV2wPHrpAnRZcxfw78AbZM\r\nQdAe5JVU5/BNEIRGMI2l0dQHI9VD6sUFLGlIybJtem07bFN3vKUy9vSdsnN6\r\nAK0JIV2+3UV/mbJriceq3XkaU4hP+jJGd7XY36kjWAxtphsOwBXbDAMgcsin\r\njn6LJ5RY7uloaJUQ4jN8XOH8bm13t/JVwSoxDyhA1Mfad9RTfr+Xld6/HOVm\r\ni+8nxXiYCyR7VIYZwttqsB76ilnZNdAL+uQ5VHDJu8p+HdwOQU2h2WTK+NPS\r\n6W7ynYSOnhei5BGbcHb/qqnUcxgiH2QMnV1VnwjPccOqdmmuMkH7RHjqDgO5\r\nofJssikyX5hIFFuTTXVX0IDqI5wBL7pyGsBLDg90LfNVsLjsqCTku8Ie/Kz5\r\nKjMGIe/gTXT/3kiA9dzy8CdVq94zf4WwZ7/YOOqqg6VP9hfyKv9vLdEObw3q\r\niMu1NBxIcYgwU+vjAG8nIb4wdBiB2dIoIiJR/YP4f0yHv4VkIKwEpuwxedaF\r\n7LwBLMmeNIucICE7R1XxKFGNLxRva4yKGzB84UgdhBMBE6OQQGfeNDaJoH4r\r\np12m3lDchtvdvxM6cVUKTt8haKad2W+szCQ=\r\n=znVp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ba7b0d01530df70f39142820ab69babfc9cf5b8e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.9bfd12f01.0","@material/base":"15.0.0-canary.9bfd12f01.0","@material/feature-targeting":"15.0.0-canary.9bfd12f01.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.9bfd12f01.0_1655925751792_0.049000246950701376","host":"s3://npm-registry-packages"}},"15.0.0-canary.764de225d.0":{"name":"@material/touch-target","version":"15.0.0-canary.764de225d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.764de225d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a0e26c9296827e8ca9b6f5182e9828c2444e5fd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.764de225d.0.tgz","fileCount":15,"integrity":"sha512-w/gSevHV5jG2S/S5qF1dkOK3/EwVjf+KrMvtw/IVjadqk3OyQrNE6uthLgblADmTKkHzFhrCvcA0OkgkLlS3BA==","signatures":[{"sig":"MEUCIFnI4l8Ukjw6D9slcc0yYKRPq4EUWmkR4Rk4kA+7g5M/AiEArsjVjoyQHK2y1QI0uI4xmReqSybBtlYdeHjVfhsUwmo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivH1WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZcA/6Aps12qX7o8Inf54tjJpVVpE020KQXuicxXSsJqeOuAV3Gxgp\r\n8A2y7XYrNbJh7ZzwjvG8eW2BCYx9xquFDzQzg71z2cJuDxOFN/rpUTE7/kiN\r\nK/4Yx0g4+sc7EMWIJXPbQDIh92HFYoQS6QMuIkj45Lbj8pWbKarKVEBIb3X0\r\nCBduTPvdN4BJFkrRVXdbtaUzjvAfL6cWToIKevmofnWZX0fpvkso8pKLQ6lT\r\nxCKNJ0CJFtU2yn8sXXeVjsh77s6uH0Rq9s81xMOpjETQwhKdqKEO1vKalu58\r\nSAxxuEFqF1ZQ73nc8+lzEE32vdxrjmWUCPo5vWvgzZCl0ffKHe2CRUJIVCGx\r\n9q2sCJ7Is9Vo4TjB4Ejdu0k0/ofJ1ef1XWCOv8lSDEYeoADvxngmksawOdHG\r\nT+0T+UYkn/lSzNA/7bNWlSpAeBv3Ei3HEsXPykMOjUfeBz5UQNvhDwirnUiP\r\nrCvd2oOOBAyzDnvMaU2FJjoMy/DTn8vzdGqEPXiZbykhXpDjj5U+k9RV1zFS\r\n12Mo9zeykyRX8XJGpmySQ3ioGGt+BF9hb4QWLpHPDnqf5MwXPTdN0QhGsrUa\r\nOaOVLINigBR6AE93Py0X3bzgdyode9E237smnQtz/tEVUtzeL8LZSPALZJi2\r\noUr2KZiYoYGcsb9zoKjI1XCp082fhSaUfyA=\r\n=JNvc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"25c0f0a7c9d8dcedfb35f64d0851fc4fb86b8534","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.764de225d.0","@material/base":"15.0.0-canary.764de225d.0","@material/feature-targeting":"15.0.0-canary.764de225d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.764de225d.0_1656520022708_0.7405696399546415","host":"s3://npm-registry-packages"}},"15.0.0-canary.31e517cea.0":{"name":"@material/touch-target","version":"15.0.0-canary.31e517cea.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.31e517cea.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5da3a5c8cb4222868a90cdf7e57e2fe03c4a0c3d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.31e517cea.0.tgz","fileCount":15,"integrity":"sha512-IYZQBKCqpJXajM9jGrS7gez0qTKJfv5N4EY7gL6fC6q3JCBElrzuc0D+lLMShNU5TWZSgijawDEJPUBdOUvFSw==","signatures":[{"sig":"MEQCIEDmzRl1G4ut/lxeR+CbQNqZDwA9I5spPQnbDydDvWqmAiBtGx5fgQXXQyOnv/2pQgw1C6UpRBJ4P59rX5NbYECDrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivzzHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXVA/9E3d/PQbvilRwXniYWacPMJR+D3+KQqvLBf1fhSmocmnc4EKF\r\nFoFhmTCItc8cy3f5JxrFvCite29MnbXZ0hr8Rr+JM1Ak72vU6jf6oE3eB7Gq\r\ngUbjBIiIGNj8TJIRsLHMdF9Blf0mPaGUGYS247liJrDkm5uPz/Ihio/LP/kJ\r\nItsdPOcFd1hYfumJOQDcIDiEui2g8nEjSvznQ+562X2j5SP+/nOLUSHasdI6\r\n99jO/44301sMFmC/i8N/O5Qi3G+Yd8heln4ru8A9fvfh+AA1z6Nl9phlKZZZ\r\nzih57eEMXL+j/mO5L+vI9hPlrFgF7sedW+aijZrY4d+vXD1zzS3pLyYQ1Z/d\r\n6hv5wHqOCSx1hIGZxNXEKvng6681gw/+FqXIWixPBn/YH3JpE212Ftiy7sLf\r\nWUcs9D7JEuhNzPnzrDpodSCfYCI1A4wtTuYQ2fQ+VPdgdjYUffAX9yEgva5h\r\nUZRUVXMKsiv7/rwEPXrmPSO+5VnDhDpN934GZtknJLMGOr2XcqD5/XsLTT5x\r\n1C8pHHE2o6mRr347eA13LODC10jv97FSRH+vkdL7CFkoo8tj7cxceVoEH9Sa\r\nZps+a98pzfiAJGNQOLiVUIB6T11qOaty3qXS08FspwHHjwb7J++tl5ZDD3Dy\r\nVKv/oBBphBbIS1kffpCRHwe5AmnNImfA5XA=\r\n=22df\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8af6d916fdf79ba9e33a883ad56f539f3decd5a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.31e517cea.0","@material/base":"15.0.0-canary.31e517cea.0","@material/feature-targeting":"15.0.0-canary.31e517cea.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.31e517cea.0_1656700103104_0.32383096720197435","host":"s3://npm-registry-packages"}},"15.0.0-canary.9ea4e8e9c.0":{"name":"@material/touch-target","version":"15.0.0-canary.9ea4e8e9c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.9ea4e8e9c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b4e419a2ee2cf558b0209948ef3baa5a7d3b980","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.9ea4e8e9c.0.tgz","fileCount":15,"integrity":"sha512-XSjKI2lo8ZrwF4CoPpYhJiOvSQWq7kwMChWnOchE4tUNTpGoW9LrTvJXAuPBlLzRN8GW8RrQ7C+SlQlYIuicwg==","signatures":[{"sig":"MEUCIQDWDdhxoc4EKlg8SRsU7RFlL12JTYyyIpMhTTh8ssKF4QIgEzHulJ1po08GQxRB2MhoUOZMNlzhClWdOSsWv21Ystw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiv3tDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoImA/+Jr+dbMUKu/hKoHAvTt8/YKBTlCfzNoY8e6DIIEDSdjBLzhzz\r\n/F6tP9b4V0XxoSywOaHFj8WDfVkb3b4ISZobTJ9if1mkVqlJEWFD7qepr7v2\r\n9NxIjdkqpzYG75YJjQ6QX/xQ3e+Cmjz22+uajwrJuVINq8IpBbYLsI+W5ugT\r\ntGgtUAZijH2ScGghIwVkxJ1WNqDHwVADU8YuPtRh605WESnbWW8VPeRMWZkW\r\nCzGWnznIegRZ2MWM2YTE/Jedtq8fdWu2zr1eFP3rSYc0rXdJPtBw92KJ7R9q\r\ngB+GeRQSaYuiOpHekT+oeS8aTtwOvscgZ8OqBnT7cbUib+57f0oKSFXjpv3X\r\nN3/Zjud8WjLBF9cDkTkBVJFTzTTPA7PmEtJPRCcoMyg9cDi0+nNrF+t/eZp0\r\nKR0pkwt7eNmW7qvJmp5M29IcKy4Jgix98ezD5Oc0vWIXn9rNhx+lqDi52mMs\r\nNBBh7jhcxD7DO3W1aHxMko6AqqMpEWIUpL74CR2xxYhONwEwYYTp/smP1x5M\r\nd1Dvb0EWoH6jvdBgBP17JzxI0CPgp5QJjVR6oehT7lgBXRgTicrCOKcNh57D\r\n2GakAo5hV5WK2fW1vLsmMRjUNo48D91R7nli8nH0QU4dGvf5QdYW3A+KoffL\r\nDiGWABspauGLQij5YQjFhLngEV+GIGUugqg=\r\n=KSbC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7a2b791f6f1e376a53ceef81767514ec18174558","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.9ea4e8e9c.0","@material/base":"15.0.0-canary.9ea4e8e9c.0","@material/feature-targeting":"15.0.0-canary.9ea4e8e9c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.9ea4e8e9c.0_1656716098955_0.9682605210484425","host":"s3://npm-registry-packages"}},"15.0.0-canary.cd5bafabb.0":{"name":"@material/touch-target","version":"15.0.0-canary.cd5bafabb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.cd5bafabb.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f1e035d1cea14643e86b82996a0a11834412d75c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.cd5bafabb.0.tgz","fileCount":15,"integrity":"sha512-2unNFhWj8KWXgXQqu5lBXSRXGk+IGax7A2JXnUnjgk9FLnnuNtRj7JFsOu4GckERBHmnv8nARGYbaCj3+52A/g==","signatures":[{"sig":"MEUCIBxZ5WUp/9vG+P1Tv6rBevqNUO2+yASPrEdTSc+nmgnnAiEAkXnOTnfiROVOi2aHn7nhCpZvTdTZg2+3od2c7dBURXE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixcxPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1DQ/9Ey8C3JbssbjD6KyIURuYmBH+e6eMVErx0ccTtqNG1mk2yTT8\r\n0hjF6AlZ+o+bx6HRycPQH2K7oa3P6ZcCiYX3PNrfQ/qrND07NoBOeUImIvCQ\r\ng6MfE1B++igFikUsDAqMyDgpmePSPW7KqxwRd2cX6UvgA61X3i4CF8U51406\r\n7XGmWk6RqWwXHRg8gk6GRWET1cGRbqlNHkNZIGIsbRQcXqDVxYiSXJY6uLEt\r\n+Rby6U9B5ntkfDtKtWOQKydSN6UqGSvjljdQKeBPPM/b0Mf2YbGnOi4JA0pv\r\newpcPlPKUTAXXclkjI/ssZaZkn+mWLwqu/MChc5M9MSTkr0EvxgdoOzFaQnl\r\nSNxoiS/6iHkAweBVksbQfjFfOqTGElCbRqlwqtnySi96egx0+7hXWFKKlFCd\r\ncT6W9wlNRPLazz/qDPUOuii7se7soeFew1OU74ZbbyVUxODkPJzXb5xUTZNV\r\nYloMSh5J5nuyyzt7ZlUBEgwQ+bA7K/ntpOPquBul+8aorwfvWIlbKT5+zYoS\r\nhYPPci8BN7Alg5RlropPH41FBpDjQBJJMGa9moedVrKQwrzzVSCRYAc4Z/Dx\r\nUAsUwmWubdtmuMjR0fBaQvkCY+kRpsyH1uPwTACi3OjAL6EwIkR8twLitHfg\r\nqe5OtYWSuNGEX7HVs1czKvDV5CdZnSsYcI4=\r\n=mQld\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fceb62aaa361c04ae0a30158d529c7e6896b6f9a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.cd5bafabb.0","@material/base":"15.0.0-canary.cd5bafabb.0","@material/feature-targeting":"15.0.0-canary.cd5bafabb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.cd5bafabb.0_1657130062987_0.8724929213425037","host":"s3://npm-registry-packages"}},"15.0.0-canary.a02fe49d3.0":{"name":"@material/touch-target","version":"15.0.0-canary.a02fe49d3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a02fe49d3.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51cc48ad85729c5bdd8d76de28d18c11dc68b28c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a02fe49d3.0.tgz","fileCount":15,"integrity":"sha512-qIIiCWpzFNy8KhXgX+9Xrl92jK0StSE54dzn0BhPx/z4JNT5Qzaiaidj/80yKVHN7JEDfu5OIrxhY777oZfZ2A==","signatures":[{"sig":"MEYCIQCYQXnqd5tNoxvuRb7sWXuHtx/lNcOkcKAzx+FvPOnvAQIhAOGFcl5I2X3xZySTCiaAeaaunZo9dDrDlIw5k6cFHIOC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixdmYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOJw//R3Pd+jkq6HuKA7/byJ2zfrpfGoX9225uG2x/xrbjBiSI/6gQ\r\nAGI3Oqu867cbemU2Cr6iPnJoIcpF9MDT1MP8nmMAlCSVnT1n5l/QGUQzU+ux\r\nnwerIALxJb8LRhVypxp/dDgAdXxCCv9KEL8vDS2PPvY9aQueir6qzMTC6IxT\r\nV/4ulrUI/elejC13grUH7GC4VIvaUDR3qyM0LGIv3bi/2sQHslveRcvVeib9\r\nzDPRBwdnU0APYXzxV5jCpf2Gam/ZZ/ab/IzsDL/m2CPiCs4j3SuuerOiqnpq\r\n81lUrsR23yZh9q4R2p3NacyllRRBdYczz7UwsgY4vRdndsrBmlUcFQyBjhp4\r\ngEQdVVKiE8maj4URIMX927Uo4cmRaOGq76CurYYN9dJFj0Z6+wzocfFwdDR+\r\na4akjsJY9RcO63/JDx/F784nenMjhXFJHHofduhQ5miVAHTE+cZzmyx8UCOE\r\n7fQE7dTyBWeyRhqpoRs5kq5f82VRAl2I0DSUqeVHhyND9+VARQLXBKN5GJ0C\r\n7Vk3UjDF1jdarolW5sZjUuNv/BzH6rz3gsYDQPakctUAMXfQmAhU2URXWYHk\r\nQEpnE2n9SI3w7+sxVfjeiN9KmcL2u4mNXJZ6McfNsVYhTEAgpG2dgGIU+N2z\r\nhugaKm+L3WZ54rYnxvnRazVUmbIm+LjtsR8=\r\n=R8j6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8304e794f430681d03b9d2d3193e635a072f2d8a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a02fe49d3.0","@material/base":"15.0.0-canary.a02fe49d3.0","@material/feature-targeting":"15.0.0-canary.a02fe49d3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a02fe49d3.0_1657133463988_0.6939655747912981","host":"s3://npm-registry-packages"}},"15.0.0-canary.826a3d8be.0":{"name":"@material/touch-target","version":"15.0.0-canary.826a3d8be.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.826a3d8be.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0730ce3789f1be1cdba8b6a6f75b036a557878fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.826a3d8be.0.tgz","fileCount":15,"integrity":"sha512-WVuqkUq9K6y1+pC4yBTGxjFtOF6fXY9+OLEszzbGPF558iNQb39GlFBiGHdi729yiFnE62plkhu9vD+KpSrV1g==","signatures":[{"sig":"MEUCIQCVn3eYazBEWpmFVGGL+vHgx5ahjxRB0fNYEAERQ1npRwIgHfNPbxUYflL/+Dqw7IZuXiUDeGuvOxopspJBq0LYx/4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixeL2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmok1Q//V1VilwUvv+F05lh1u2mG7UrdVq4+bp8WdaBDN4NU6vbfvPBv\r\n2YNdkjFBzW9cL+Mv6EYg1m9pbqa/XkyAVjuoKy13IQmtHsLW8W4w4UXENQSe\r\n3VPzO/7t6FYxvK75WwbBGXPmXzo9laROysnt3EizJJswqE94Sq1fAxuxRVWR\r\nysGMIeSgjEeB+FRg1eEMuSmH6bcPq2IPEf4iJCyucoYmGMjmoXXrYgm+aTcm\r\ndslup0e78tWpYy8wyy+3W6M/MDQ28S0DVP9CyARvCyfvxj2nclEU7GJLLKfn\r\n1pK/8noVok5c6UH4w/NQNL/FL8XdUMWHNr/PFFm4Uf8FIaJxKMOz/p/aPckw\r\nheOBg76N9rAqFaNdTsuLgvQdLeirf1p089d6zTiRCMXF6ku7GxTVQDW9JI2r\r\ngCyYaYwGcGr++ZlgGE6EbFqHJeJP09XYQpHVuUO4+rv465HJWz45SgsPdv2M\r\nz3rAm4dptZ28GbneE7ePBsGvEMVZ22cKejnC+qHREmQIvAbAMZdM7q9O853h\r\nK0D6tpb4Ku/7ZKfGydahzRC3kuAQVDwiKT5KXa3kZp7AoRw17R8BRA+Fe4Py\r\n/adzPdhqcqxG3hEZD3IactiyHGUJQ1L6VmT7B4mK4BPFNJFCsL+nUtZVuwxu\r\nAhZEipySJYqrYK+ggmWvb8Ams8anf59Vcq0=\r\n=fNcg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f54c723431e97d10fc1886f271ed251cb10209ce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.826a3d8be.0","@material/base":"15.0.0-canary.826a3d8be.0","@material/feature-targeting":"15.0.0-canary.826a3d8be.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.826a3d8be.0_1657135862090_0.9916472063338941","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef276aa93.0":{"name":"@material/touch-target","version":"15.0.0-canary.ef276aa93.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ef276aa93.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"22df62d6a9879c4ee3862833171225cff673e234","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ef276aa93.0.tgz","fileCount":15,"integrity":"sha512-MVq2HthAA13Il/E2t2rQeMyVmUvr4H0ZyqJEwMUhKr6LQT2QlDoZ9n1GvxihJBEvbaxlYZjKTHSjM+cJ2UZHwA==","signatures":[{"sig":"MEYCIQCce4qRtb2r4tLtUt+EdqEFbT58o0SohbjPfSqeulPHjwIhAJMrYq7EAQis9TZR3Hp/G41K4kcJhSPSTwFVzKgAdl6U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixxGuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHDRAAloABnKbdlJ17q+1AEkd5yT2SdrSCz12K0zkC1sB1qYLYhssz\r\n1zZe61JG5zqa3fvhB9rUlAxvgeXFIjHjXPoDPhA3Cr8dCgyatwxhryJMcWt1\r\n87vS9EDnBVKKiZQF8t9r5TTriRb9Q/Q40j8S1QHrluj+cZKxq+9ySwiCEiHH\r\nE4Vif8UP1+/i9YDD5MkCGAMqsaDIAl7qyhtxdWPSS2R2KDN3ec413IkEfFdX\r\ngPJ7zlEXS+BcOnq3qLY3KlKx7YZXf319LBZP6xdI+y5HfdIpE8Q3IlE42TNP\r\n/A3SMUmzWhxTG4WfDlh0YiFf4k+X8TXjEKyLuRnnLksUL5BIdqj7xMUCD5Es\r\nhUWuKvpZ8JTsdWn55E97NnKOVsvGAlcmCBNHzWBwn6168bE4/eHpT4p6GV0j\r\nzJXEcsHjZp/ovmil1Emimo27RA0/QuE4AV1Xcx9/WKBr2dbwpxGNZhkclrPT\r\n8tKfteem8FsykWQih11YoICcwF6v94M+Zk0O8Q4GFUSWRuYxdM/S89/j5Vxx\r\nywp7f8D+2z5KAUbgPzqjslY3rxtrgqKL6Z0RcVbkgR1TZCw/00gdc2K/B64f\r\n1CAu2E9S8sZBsXRK19DGjfJrrC+mIrH9BuPWQ8eOtPju1Tfs0WiqJsx8IGZq\r\n6E8D+Mws/YbTKn40G9MVGQY/fEecvF4AyOM=\r\n=i33Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"502fb9536e29ea5887a9fac4aaf0c9dc2c732e61","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ef276aa93.0","@material/base":"15.0.0-canary.ef276aa93.0","@material/feature-targeting":"15.0.0-canary.ef276aa93.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ef276aa93.0_1657213358023_0.5257379667857354","host":"s3://npm-registry-packages"}},"15.0.0-canary.59cf61d6b.0":{"name":"@material/touch-target","version":"15.0.0-canary.59cf61d6b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.59cf61d6b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"11240d605ef24414d84fab99cdc18d9bc11d7b09","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.59cf61d6b.0.tgz","fileCount":15,"integrity":"sha512-1pp8zz0agLtSyIQs/InjxHCY/kOs392PLn001JWcGRxu7f0rnQfU6C7dg4r4bhyAlaSmw4ToIuAXL7+d0kTcBQ==","signatures":[{"sig":"MEQCICqbH3n1HZ5v9a6UHv+PjLTST++tZVgQwyNJI5FrKVQuAiA5UkKEqYogyQyMYKwFvtrVn1YZmP5cLNZMe6IT2N3b7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixxhsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoeTw//ZCh5ISbiSKZF7ey+dUpxmI/RzG684j8yAtzmCtzQu3KYuGXZ\r\nKeRbqsvtVpc81uzrkmu5TfglZWqfLL5yJHWMJAJgJUEChPSg7UEdTndNq34Y\r\nzTpW6F+lnJT6foqMIAK1Q7kAn+RzvEhpJ64n5lxMb63r8P5Mm4iv/dnWK2tZ\r\nPxdmLLTX4FK7+TlP81kZ53p8W2ybnjbzH1YMbrU67AHZZa9FyaqzGQ9qnscv\r\nUEpqpcZq+jPcBDVMRBi/0IzIvF9uu9SA8MulnaIiosnA0uc7Puo2FxXItRex\r\nzLkIYjhe9+mQl5jD4vPopSy82dBpZR8I1CnwmI1SP9z1w+DZkauMatqrYaoY\r\nQMagsovhav6eXIce6soNHYo85LECxzrCWHu4qZmPTU10nUgq7iF99NHmVNg4\r\nGbRZ8b8ZK7slwjmhx5rPTbIeFqUxjnkaE4LYLTkwsydHeF8we/pBZIKXHpx9\r\n2LCQ2bK8RsY78aCcl1LsOcKLpeJ0qpFzTKJEP2f0xHUdXc1UzC8iBVu1ZtS5\r\nDTpvQQmzciubMLxDPTCMjjPkxYt70IW1EbBbnvVkdz+H0Sg8kBKBEpwJpSHe\r\nQF7MyJhFPwMjgdkNqkH2HWsgqya5yLlGwS1kWAY3C62c/Bgs8hCxxbTqEeBh\r\nj1+c+soxB1hwa8GfJKpbck57D/VJLP/rmv8=\r\n=yjl9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2f27bf33b194929683b4faa9f388325b07b408b4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.59cf61d6b.0","@material/base":"15.0.0-canary.59cf61d6b.0","@material/feature-targeting":"15.0.0-canary.59cf61d6b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.59cf61d6b.0_1657215084107_0.48205623623382743","host":"s3://npm-registry-packages"}},"15.0.0-canary.8647092f7.0":{"name":"@material/touch-target","version":"15.0.0-canary.8647092f7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.8647092f7.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fb5fb7c135ba8f8ab7af96b6917eeb9ab8179018","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.8647092f7.0.tgz","fileCount":15,"integrity":"sha512-QKyOy1vhztL66MExbeuO7BpCAsgnkZ+jkKUs9v+hjIL5v+VGnQhni+XMqO0C/X/wV5uRwPMkVU3+CIuw7Cqy1Q==","signatures":[{"sig":"MEUCIByBMB0AJ/YQvperC/TiINBgwNo1GgrYDWZZznGMLDD7AiEAr9KZb83kP4K/foZQAsy8TOrAXZDTH+4k9NHVcgmOHpA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJix0ROACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGNhAAlfyOYk0TU5Nc1VhyYopweKazUtjQeXmxfKzkmcBEDZ62zBVs\r\ntF+QSRdbg4FVPWWdT4zc3iY38JcOUYEb5agDh06PJs4VLIaIlhUxoOj94EpS\r\nBj1TDh2AbMhh5rPltJLjFN07nbii7n81+P1+KEieYKlggddQH/lQqR7QM6hM\r\nLi8pD2Sd5vs57Oor5VbtSx/e0lfvALspqBV11yN8eGpvPkiSQ6rv91Ppuv1S\r\naIu1+XmcfCc2fdeFqhUaNXRZm4vF98kdJIxaU49GEWEIvxy2vOYeaTAPm9Ub\r\nN9blbh3mwFCOEI3D4iCU2IG1iPRoxeCsp1Z9WmNkEyUL5P3aIgaHT6nH5H67\r\nPdt5RgHT7huayyWcV0M/8piiytc1L1mdjwqQSAfUf/pCtTHQHynj4JwlKNZp\r\n/Uhob03lQYaYdZlcqRxmjYiJDRXSMJv4rosxnVHxRCIsFnpcdcFa0Aj6ePnU\r\nPuAd4yA1luEF2ReG56LXlJz41O3QMYqhbBU6TPXP/HAD+/in7L0s+/eEwaYh\r\nxLyPPdQutYlG7Wr0dACMDjNX+NkVychmcO5Xuxh0YAxEqsHO3hQFX4WGax1J\r\n+8OBZ3o1KQ2nZVwveVDGIsZzS1P6GTIiHSxSJVj9zcEjzYXJy7ldIiqVBZAb\r\n5h1W3fTtrPo31NYyEMws+sXN91Yr8RhSdKo=\r\n=Os+5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1edf72197ddaf5b6318f71205888f8ae695e9b29","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.8647092f7.0","@material/base":"15.0.0-canary.8647092f7.0","@material/feature-targeting":"15.0.0-canary.8647092f7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.8647092f7.0_1657226317783_0.7402385767737061","host":"s3://npm-registry-packages"}},"15.0.0-canary.02ecd4d85.0":{"name":"@material/touch-target","version":"15.0.0-canary.02ecd4d85.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.02ecd4d85.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f84d82ab1c5aeabb60c4cad227e69561a1b5287","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.02ecd4d85.0.tgz","fileCount":15,"integrity":"sha512-w1lTZzl4tKpNs8G/TdYlvYyxv18w9CX7a6Asmm5sW7cWxPLx7EeKU0NJpN6bkDJE6v1JsPQTkJRf3eHAiPlgXA==","signatures":[{"sig":"MEUCIQDxh+r6bSBtn5x3yGG+Tbp5o5j4VDeoxGO0AkIIRnVZlgIgc34BG/JBBO+1bVtm0PrCmKskSZJ1jlFdZ1+hxCfaQKA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizFIyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYfBAAhLbS8vn1XJ+tnKbHzfejRoVSZFRY+o5ZHrAogYS9NnTFN+VN\r\nvg4CLgtTbVWGRJrUsFBI0d+ow+zcL3d8rRg5jQzaYp7W2/QUC1SeASQ+cv+9\r\nfpRuo1T5ZOarMGieGnr7Pa4xxr9ZncqoQWgWY6rseOiqwGBOWYLcBc8go65Q\r\nuzSTTEXP0JMfa2MusWTYB/YdzFLhqL5Q4D+g8/CZbsKU5W2q6FAsY61QadE1\r\n+SrUX27ZoRUm9Gt9O6QEeNOlM5hI23Qj3z3UQ2WuR1AVm1TKKsTZ32D0nYWz\r\nNOWPBslOlkHf3iLMvVyEb6NK/JU/MzhrhnD4Y4mW9a+yWGAvobfN0u+nXUzx\r\nfyJrU86fZWt/6t1XUYRGlxeJeqb+imTkFllcYog+BKsQj4c5kxQJoDVyH/gF\r\n5+MIbohn5H5XnlDmJmw8AS+jReRl5Asw7+g2tWRQmDtDSU0z1ZzZd0Ct8q1n\r\n/53jiJ6kCQLJYa0TkNjcsb0ylTxAt+aRqq6F6EpTvr4R0RqgLYUZ+rDqgERg\r\nf8fXzf7c2+3hU0Q8r9d8G4E7ev2eYzoYx469z0m1HDBjwlZk7NYfIpPNmfud\r\nvAyH3qXPV+l36xfh8Wf4gToh/2V1l/TiGzb4iamDXdQHJh8JDTwXZyAzoC/q\r\ndqr0yalFbXwsHSjB2Puh3sJYzx2BMWmo5HM=\r\n=cDM5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e9bd9b1837b6df66731c0fc9da61877874518d2c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.02ecd4d85.0","@material/base":"15.0.0-canary.02ecd4d85.0","@material/feature-targeting":"15.0.0-canary.02ecd4d85.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.02ecd4d85.0_1657557554387_0.7851797598231898","host":"s3://npm-registry-packages"}},"15.0.0-canary.63d3a146e.0":{"name":"@material/touch-target","version":"15.0.0-canary.63d3a146e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.63d3a146e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"70c00bcb68560acf2350ac9c17dc4c9017306050","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.63d3a146e.0.tgz","fileCount":15,"integrity":"sha512-cdoHq6T25vLut5/8kpIu0riHRbmawjsWGRoQfWKZ8sMbg/BMDz7gYlmTnysUNsKYcUsJHDUNh5ErN9MtO9FHww==","signatures":[{"sig":"MEUCIQD+TxnCikYoLWCKUV/75TVTsNvQ+FLMiRaaa6XX93L3ggIgJ6SWEKHnEoo0BUyBhBCG9mbnjvOCDXFTTDZcJ2zkdMk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizVzfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHaA/9Hsw4hod3ZbkJUboAzTyqBFu6H3wBNACs1kuQT7hRNcwKnYYT\r\n3XNE+usYPggP/6mSYtSgBZnbBdBYZgdF2wdRzAUYLjLRHACPRxgINjhLDF5s\r\nY/vB39E35j3d1+/KZqwm1l3YHYZVG3UlHTN5i+j89TX+cCl3YKMEBtnLguJh\r\noKRvejpEMezmHza8wP/KAuHBM1EJysCBsT411BJcBxmKfTvyQXOUEkGIr7v/\r\nUIPv7hUlbXTdsk6cujOL4sw9X6F6BjOGkS1h9hdCR738nkKHs7g2D0tTPiS8\r\n+SPdG6Yll0DGQ/zHWh/2kmhsL1mTXbTqIHs6ELg3LrqNwTgL58gWhJyVyuUZ\r\nwYCEwiJmADjo8scbUxvr/xcBCDiy8bVW7FLANm75TgbaZmqtOOhYpYH+Ri/H\r\nHy5k1ZSzjSZz4cdaJAamM1mfhq4ulES2ReXQe6Fivf9l4JYhQV16JxVZPnuI\r\nIHLNRnTRXkV2rBauFnWPVthioy0NlU6OgdgsYlomWu2nBklUzNk/6+iIswai\r\n58WX6St91RlTFJdDtuw4pfMO3swQMTamZDsQl3+MOY0xC3sUMqLKKF0LzHhu\r\nQjHs9ea6daiLIPppGSIBT0wQ7QtgcNeAnl6Pe7fAHdRyYJ4bhw6Poh87OJg+\r\nLILL8r2C08xvkFkqNPXtgWB1Bj8I+bN12ns=\r\n=kbF6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"593f32d351d8703bd0422f65b3651e55f97fd31d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.63d3a146e.0","@material/base":"15.0.0-canary.63d3a146e.0","@material/feature-targeting":"15.0.0-canary.63d3a146e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.63d3a146e.0_1657625823291_0.43235512822547695","host":"s3://npm-registry-packages"}},"15.0.0-canary.88db01990.0":{"name":"@material/touch-target","version":"15.0.0-canary.88db01990.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.88db01990.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d066898be81b587cb79c49b57d5dc454cb4ccc2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.88db01990.0.tgz","fileCount":15,"integrity":"sha512-SsNYLu5JtSmAbSd4BtCeSwYjQtnPPc90w7HRHMe/+nrBATvbsr/egIkro97E1QS0+rsTX5Y0UbL1W+6W/nTzrw==","signatures":[{"sig":"MEQCIGJp4rDLt4NeD9JXsSQ+9xbet3g6jSWMyTpd79g/mbQwAiAdZo7XtI9OrRD8AnHb2+FwwGKU+IeG74SyM2NaT0htUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizV2RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1tA/+NvV6a/zYU+cD9w8jl5v61UKBeRZOL0/lGq3tAMKlGWf45sI2\r\nAGbJeTZjTah/p0LswOLiR1mmfrs6ythodpStWfPdlX8uMvrS6ggLmYI5ZkLe\r\nitfjL5m2Hhj8JQH4YwTwG+50g87pqNCBuxqFRkRsmGiz32P104oLOYgr4wPL\r\n+a/aLqTNQPSyCUTw1VzdFeJ7TxQhWUdakNO18dAbDMIvfrk1KMGsGNsKc45f\r\nrVQrV6ie7aq9CboMIhNmuS655yc4nP3IeyoOcR0J2kIRPE6KEe+/r+tEIF+f\r\nditDNNi0g52p4Z5JxjKetzP+YTnGIpMYxwRiOReByta3VNp0SgAhQYx7eZFQ\r\n8lU98IaAYD7wqKz55ffayFwN/2OmtQF7Cngtl6VZUU2ZVjo3OCqOgQA6Nvya\r\nDxVBMFGR+LejvJSAf0xKkhqAma7KAxz/oNaU4t1SCgIZ3cwHqnt6py9DzC03\r\ngeRCFsd0/lY0wFOVdhZwn5Ad5B9h33uQWcGGlcdG5hPLtDs7iZDNlZA6wtBb\r\nbfGs9Mgd1x66hoeW9b6V3t0aYSWOJP3cypkVXZhKP294WmZ6eVCAlsBxWR/D\r\nYR/o3J6XLI2BwVDqw8/bPIh3Z8Q09X49kBTYiCVRmcZXIstF/zF2dM0a600j\r\n1X8YahgA0DlOUBRNBISGWULRsBS2mpzITHM=\r\n=9UYJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a2570f15e2572775da6e1894e5310c107a703ea4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.88db01990.0","@material/base":"15.0.0-canary.88db01990.0","@material/feature-targeting":"15.0.0-canary.88db01990.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.88db01990.0_1657626001279_0.9079362609542383","host":"s3://npm-registry-packages"}},"15.0.0-canary.6432d8fd7.0":{"name":"@material/touch-target","version":"15.0.0-canary.6432d8fd7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6432d8fd7.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eb2557695ce4cfa2be4f05ccb323df25c3d1ba8f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6432d8fd7.0.tgz","fileCount":15,"integrity":"sha512-GryuEODzFcgtBbOyQTpirwROErsoayesuxVu3UprcDCLE+Kv2L9haqiB0EGwHiaKHHciX3fA8JapqMoiWiJR9Q==","signatures":[{"sig":"MEYCIQDhozdkBJpLD93HBtUO/ZdiVhTsbVSN0cF6WjcfpF65+QIhAJBBAiPQRW6lLMQTFTdaQPd0dGb1OfndnOruMlbkz0Ro","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiz8W3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlsxAAmVxpeKo8kL31oyMCFLYnZjb9/+QTNh2tid4mv/1uanDg8HcS\r\nwb0hiaQXQWYVH4MkYhDzAWdHCb5L1l7T1UEx7Cn2etrzNiT0Y8le5TA2b77r\r\nmQ3THAS8ZBlLyXYP1O+ygXMLJzmqtL2GYYTdg8gLEbGIUO4tjSvPTprWFs5U\r\nnhyW5BR8B7vcnBQenenOmbZLasR3Z7FW2UXXtTfdVimKgrgNCfHti/PvyOg5\r\n1k68NGrfwH0pGZm+Vao5m89YVru5b2k2ciVdat1RABc5TuFKDIf9EzGcEOSG\r\nc5q27H/yqi45i4a2vqGxtvVG9P3IuwM8SGdNTcDKYF1k894fAnU0zDd1nq/n\r\nTAmhI9P4mInNxjPUiHuCtDaUUnWNvT17lwtKKjo/cVQLuVem85TYp4L0z8yV\r\n268dL/+LCxGlNdWYjznxMp75hXEy/IsXbWoi3T4BDMLeW/lSynEab7Ao/eO5\r\nv7jNkp9ODs/v656LoBJzIgalvNOSai3NPgs6w058P2CTBPmAgwwLeAJ7or6I\r\noceHwa0pVGQ/h/bhh6j2NjCeZLTpTY3gOMYELckUeFFL90+Jh4VQHTbfH7wN\r\n4RcltzkfO5O3FVx6SWGPGFlEtNf7XAeEgCObO52fF3lJRgBlSCur6NFMYpxv\r\ny+u+OuAV9t4r1ZLKknFE8at7qpGKlOqOfC4=\r\n=KrNs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"307aa53d6ea873bb978456b538f97f9922496798","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6432d8fd7.0","@material/base":"15.0.0-canary.6432d8fd7.0","@material/feature-targeting":"15.0.0-canary.6432d8fd7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6432d8fd7.0_1657783735248_0.5003317807372074","host":"s3://npm-registry-packages"}},"15.0.0-canary.085f9b25c.0":{"name":"@material/touch-target","version":"15.0.0-canary.085f9b25c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.085f9b25c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c24139889f122a75eea5e180e18842d929b984ba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.085f9b25c.0.tgz","fileCount":15,"integrity":"sha512-/PLHKiY7RWQwXu+9eVeVLn7RpSMbkQJWvlMhF8H2qJykOEZkW6qGPubQjMAA4vyPKPfwDrgO3Gm7vtHMdsAc0w==","signatures":[{"sig":"MEUCIQDVCb1bKa67Q+cWqSSSstMHLob/1Xjp1o+qGZZSri2mVQIgKCnKG/DC0X8+j2E5nr6OXU+gBacMA2dPRHejDBCI+RY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0EWxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqW0g//aW2NTYMZDxGJK4f7ilOnienes7E5CTBLJeMWNvhQsPKP5YXE\r\nUQlfR38Bsjril3pVyrNclMbAhxYnwN4K+NZ8hovtP/Nuh/S+6zBJpm2++AOg\r\nWsdau05BV1ezCM/lEd4aNZE2xUxFaIPGiOHAPsBZUwMQGLWuYmgbNzd6ECFz\r\n4HovkBga4BEzrvtT2ZcUPh49UczI91m/oaO6JDU8ToAYPVCmibXZ7bw1BTPW\r\nQIvbfaay+G8ugBv4H21EqlQm2lfLpm5ipoZ3nNJhqFJogLJu8MI6VHtAQ7+u\r\nlz50oIdipYTksJcbvHbmK1wETYhUigo53XePZ8g+MsogvbiAQnI03Uy8aeou\r\naKiYAXqAEPWEKfvOUg7cRMGjHKacju8gRDGM7JI5IPc59wexPcSLG8uP2Ccw\r\nHKKdAm9ANnxkQSBxjhJt5ye8X1cGBvnV+eN8Flzhzt259g6Ogu7hw6nHVBGM\r\nouuy0sZxeclwNwbBZ8tKMD66T6g7kp8Ruivd3qit4YXQOVXSObJJbaZXARge\r\nLVWsoLsn/jAwbEj7Z6HMRbB+srtBSlQwwVWe64V4TyV0PVrIjyaoVDDqYXFT\r\nox4gg/DLqTB2pHtXYbP2T9yRkOB9Ddj9N/5ubkqbf+uKIj9CIBAGbEn8qb0M\r\n/RO+fR5dJLk8i6Quc2yTOVM4uIyr9TSmulo=\r\n=51Mw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"766a8d5f5fc7e4e022835f16c6ecdab8d2ccf071","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.085f9b25c.0","@material/base":"15.0.0-canary.085f9b25c.0","@material/feature-targeting":"15.0.0-canary.085f9b25c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.085f9b25c.0_1657816497097_0.9399844324071407","host":"s3://npm-registry-packages"}},"15.0.0-canary.39f9424b3.0":{"name":"@material/touch-target","version":"15.0.0-canary.39f9424b3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.39f9424b3.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19a2f3434a872a03d67ec7de493b7cb061964cd3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.39f9424b3.0.tgz","fileCount":15,"integrity":"sha512-sTqufuu7H2T1Pj1/blxWZVLVsJ9FLdPrSOyEsML5FzuPJrAe6I9VNDSYfDvqXKvP0IrLpvl+UUnmkFExJZSB9A==","signatures":[{"sig":"MEYCIQDqXeBUvY5zCm3LWhibVg59CiBtj+PLjbnsPoE0jps5dwIhAJ46icXWrYABn8QQSU+SXtevJyLpfjSWbPMrQUkGYc/f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0EzLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBVg//cOjJhkguOiMXfSQJ/GvRRJ11V4udnp1ZiYZs63DV8C8Rhu30\r\nwzWsyOhIH0kTVd+7I9Awo0yyE+1uaiq6VrNIGXBBaEZLfwdhbgzwuIKzqme0\r\nzG73XhjbL2srhrYYLmQZwgQv1uv1Ndfcs97P+D0PuvEXqVo6hBiuNFBnBp6H\r\nkXhq+QdTWc1o6po23fOSheIk9Lk79jl2MjdlPoIFsuX/4DdSNq5Iz/wUOwUR\r\ndg75l/V/TZxtk6DKH3HGwJj/9grVHa1H4srnzJyrKHE0MPxbwhOMI4dJb++t\r\nTy1DCKmr8F1gNdAAPs0MoihqEwYSE7/3gb+BIBW3RDJc3HzG2ia1u/lpYdX+\r\ngprbIq1VdjnWFuAuSDsvp9hgbgihpAyT+qKsXdKzBVVDWZFglUXlYjQc6LiT\r\nHc6xgjK549lAAnXWyrRyF3UpumRZhvO0Ieo0CjJVWePBPtX8EkGXRgZy0UGz\r\n4GJl65/egjvw+QUtlC7vU2TNkqvf0pIuVCb1T+Vj76baXSjT3htxSuU6F+HU\r\nfjW8uc+8UIE0KeVu/99u9cm+u4ofcBHBZCbYZawaLf5EHhnEC4295F+zDczI\r\nN4JSmnyvy84bybKHdtsw9x4evQDFNnnTDOzYLSCehTTVuS+TXhLM/C5rWzkR\r\nAic6xuGCzb45MparGMAYnN/70R4ZNGCIyss=\r\n=pdW+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"62e726843fd90c6139d8ade27db8da6ded6e1d77","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.39f9424b3.0","@material/base":"15.0.0-canary.39f9424b3.0","@material/feature-targeting":"15.0.0-canary.39f9424b3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.39f9424b3.0_1657818315608_0.4910669759709867","host":"s3://npm-registry-packages"}},"15.0.0-canary.ae9fce587.0":{"name":"@material/touch-target","version":"15.0.0-canary.ae9fce587.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ae9fce587.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"644621378476f4bbee96dd47b86e25ff8278f085","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ae9fce587.0.tgz","fileCount":15,"integrity":"sha512-hb31ZE6+xY2kd9rAloOea5O0kNVXjfxkNLSbOKxREclKOD07els4tG558SHTq54hlIM0LCUZhHRAbTZAIouIug==","signatures":[{"sig":"MEUCIQCTSTAq88jTjOkg3uCseX8mYFa+xoiybevFkw+N8avWhwIgOAmTv8YVQ6N3p7RciB9NnnqM2qdcHmqJV0kuApxP4i0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0FuKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+Bg/9Fg8WdT4wOm3V3beQS2YlXf8xzgLdDA0xge1K/tLEiQ9JokML\r\nZtOtEZ7WNqNCEbAScHsXovRf1//fH9maIn7XRQOZLBo0mqVvWpCSb7U/CBdC\r\nJVlgpqRN+Xplxbfdarj039rdPk3H+bmxXA6K4KCjLg/TGBcO30MoPRsBqdCV\r\nnhRG4qcuNgaIA1tFxR4CSQeS1cEzq8/aBCJ7AqSI/O6sGHvQlilPk/DfXfOI\r\n4ZeXMntnPHNYqNUQvE0legyc2KpI4Nc4fq4HX7O55k7in+n8DyRW+fjA0Yx3\r\n2kFYLfMC1zDiBmK2+xCHS3Z1D6+xQvqM/d6a8XLwUcUNMvRDzoPlYYnyvhEB\r\nBs/evy1c9XL2iiVJT37XlODi3WsqMRf+zCv6srvg+ltbcSkDOTsjASOooELb\r\nX3lJq53sufHmWX21rKemoIwn6S+jH7m/91Hg9iCDFK3fSaStqtGiLTZobM4P\r\nt6J0IXda8mAKg/o+5mwCrkpgZQ0/RcuzCtlN/XGc+IigWSGxskdKA1tVLu3T\r\nBYxqMUuEBi868bPqQ4by2BfUjdn9WTyUmX6VdJAqTAUVPwAAXA5sgfp+pOgx\r\nnU/JU8L4A92q5lxqfzoyOGLRQjnET50re0TV7cC6/I2wPLV1+sjOWqU6NePV\r\nL9InTbyzDk+hvRHDD1PJFH/EttMct93cCnU=\r\n=ktDU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2d55d2ded8f3ebf66d72baffd67452a8de349b3b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ae9fce587.0","@material/base":"15.0.0-canary.ae9fce587.0","@material/feature-targeting":"15.0.0-canary.ae9fce587.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ae9fce587.0_1657822090242_0.25178096210217404","host":"s3://npm-registry-packages"}},"15.0.0-canary.1ebddc343.0":{"name":"@material/touch-target","version":"15.0.0-canary.1ebddc343.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1ebddc343.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34bbcf54b16f2db5f86ad209132f1f8857f6dd3a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1ebddc343.0.tgz","fileCount":15,"integrity":"sha512-a5PkKysl1+/4LsxPf6twlMMOasZHdN/CuRxvV59T2O9tQb4C9CJ/ujeAxyUKuyuSQ1Kvnt9hsikhxkpRiHAEOQ==","signatures":[{"sig":"MEUCICXH1SG4s+anNcz0shWl+8MUBHy1wt+gO9ejqWD2umbWAiEA06aS3dng1qD0fadq+AF6ewl7KcAIEBbae40W4sz+Jao=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0SoSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLyBAAmr8RqqBREkCKhwK+PaYABf1yERfVrutgsL5Eu+e2axYrwO4z\r\n252WDJcU43VfMr/JKIl2GUEKnKW0ngbp0zyC/PQKMSVspawjo4RI3tmbN/p2\r\nQwrrbtcouMMD0SZ475gtQEP4FnC3KaFNW58An75Jf/8VM3dvqqXdGcXQWPM/\r\n1Ebsq2RA26aFQ0u+ymoycaz8PYx5M+qkIsUzxtC43LJvGXBZ3rB+chDHcDL+\r\nwCarJJJc4QEHtJR3RHp9fLNUUF98E7zzldBFs1YLpSKC1CuStRtFSgEzEtAZ\r\nuPt+txKdKnw7bcS6SNDmqKRPJX+ZsxzgICqpBcRR/KN9aa81tweCs8vMiIaS\r\nwKVIerfyj6TaTj7OybrpDJmBnHI06q0s9CqMp8Dpff8QUTxXYT69O7hv06XZ\r\n2l8G19XAaEzDw61slBElMeT+3JLzuBxC9oHkP0s95fxO61S/RollqnCPn1AE\r\nuo+5qzKVWdtxU4w+W2RUUWSWgWjhtgboGBEf8Gp400sMI7s95UKTZrpNJw/g\r\nuki/AFOd6vy/5RSu8DP9Jnr20xWJyIsA08XeqQbsW7kjXOHMPM2blmDQ/bsn\r\n1OfDod1AqBOy6NF4BdM+ZhE02bLzPnzF99saKz42gO8lTky5xr7NGIudCZtL\r\nYYI//f8FVipOy8Fh4EGJzdA1W7XD/Hkjsgk=\r\n=dVxi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2ec31cdb5e8e1a849368a3f352b213919bec43df","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1ebddc343.0","@material/base":"15.0.0-canary.1ebddc343.0","@material/feature-targeting":"15.0.0-canary.1ebddc343.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1ebddc343.0_1657874961905_0.9090111810074328","host":"s3://npm-registry-packages"}},"15.0.0-canary.c5018840c.0":{"name":"@material/touch-target","version":"15.0.0-canary.c5018840c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c5018840c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b21c0c97cd7b687cada9c019eeec2bfcab76013b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c5018840c.0.tgz","fileCount":15,"integrity":"sha512-2qCd6Eir2w1L917hA9LFrBv3WObbkrJESvU7WZWopFc45Pt+sj3QRsq3qBq1T6zKW4NfHW4pEhEotjTJkP4Ppg==","signatures":[{"sig":"MEQCIGi8tWj4MF/FlzxYOenRqLAas6cqH0YZKQ89cZt1QVSqAiAnoW/AFjkR6RQ9r/m0a1NH/iT+uO+m0huubNdYNaBDwg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1SswACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/ZxAAiMdkDY9UR9QKnu8c5gZI3cAjMHR1azL7vvUAzhj2h+z2QkqC\r\nKoP64QDPLkmrb1Wmy+UJlS9eH5XhHDp88PA8Dg9FErOJDPI1A3eOHk/KtphS\r\nScPi9gO3KvEhKAA1fTw77wZtaZ4ku6Spw4g3GlqA2xH3XwA+ImOXbFod5Jlo\r\nuGUSPlaB0Tbq+/zQzCjfp+4CnD18x2GUJ72BrUB5oBsLn6vAPpvQYmFPYlHL\r\nQYLmp6PbeINv1cWK7cGFHfo9FkRXZ8fkvbOm4OCS0ank+D3ZajoQFXw2k0Od\r\n772qTL/xtiHHSYwZLLRIAFS4BFAK7PNYvRwZBfgim72eRUeZTDRu6QRQEUCv\r\nSez43dAQqhRzIxaQ/AZUkbPQ0R9ccCuu+/39Vp8i203YeoAAIXdCTJpdNI+J\r\nHC5X38V04XgRScG5nUFavu7SbHB+OJv+LcT0f4eE0wAQTrppRiYk0JFM6zDE\r\nRy+dgx5+YsPKsFr0L2+nTe2gV0tKEVlyT8KFanASIdeb/aS+nJwjIBHp5JoF\r\nmCWxSH+qBIvW9ZEezCZ+d6MZK909FvNseIk+EV34PrOeS/kSRuxVyNpwKaGO\r\n/QMDxlKBgCPU4tD9zO9cmNpiYTVxMISlbELKCN3whNMKZL1bkyNQJM0hRFVk\r\nlKlBwVfh2ta6uK5WAEpHC9YdWoL0KBxXI+s=\r\n=88af\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c86de383c50b7d72b8c5cf908c5fdf3e6efa94c4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c5018840c.0","@material/base":"15.0.0-canary.c5018840c.0","@material/feature-targeting":"15.0.0-canary.c5018840c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c5018840c.0_1658137392125_0.21692490745696258","host":"s3://npm-registry-packages"}},"15.0.0-canary.551b40d18.0":{"name":"@material/touch-target","version":"15.0.0-canary.551b40d18.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.551b40d18.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00f03504ee2494d169caa8237c791827048d3083","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.551b40d18.0.tgz","fileCount":15,"integrity":"sha512-Kb4FVxbLHROdIwg0HrioX+WSzA4J96opHKADaMiRoPjtp+bfw3+CWUJBTB0Te32NwMjs83uUbQihAZ22j105qQ==","signatures":[{"sig":"MEYCIQCjlNpEFsnCBowRXWMnXA0rt00+WhJWPUXwjjQTV1FcJgIhAIjWHC5IRBQ0TkNB6b3E/YbkMxxcEDcjsBosUj6BaVrz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1S9fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdXw/9Hc8yZlr5Y33YUpWtvH+aHuTEEOaQb1I6gWTJ7u5ZFmbF939t\r\nFA/Ao+aoH38XXeE3TX5g6Xqx1IJYdX7rPbe7DBZsEMlVJmwjSfqIO/mXJMYs\r\nIySmA3VSnPwbM29oBYg+FEqEgBEe6+OEW4HKEDAe2CexVOiCMMoINzeZfeBC\r\n88T3fPKTUZWdk3d14xN2x9jRQkILxM4BeyO+rg/krUs0dfkKECP82YkcHDfA\r\nnumZuPyZLAe+uQlIPmrwfBrrzG28D8X1Kq3t+eeXSVHQzSdT4OS0Dg4JJv1H\r\nEeJml/ksjf+YCQb2hq6ciIVrTPvJZHm4yjvL5K693xmYxhbv0gXR/KKfcW30\r\nvCWvxt7ym0Tv/5P1W+1XLLWWuvfF0MDzwd/F3NPI+EZgUtdfY1hqRxtqxei8\r\n30xhSfsRHKLxbbXMOuemBItqMaVepSNFNnyJ6bC3X0uNDHFSYH9ao0BUW6S+\r\n77Er6OkPPljtOy4MW8VQq9WnRF1futp79lmusAMPJF517/YSolV2CNNephHK\r\nJ0mUURUwjzYLG2r+eQhBaiaRb3qkrEqNkw3NUCBucZQwlUQnK2Jj1yL9wK3U\r\nXV0bZiwWY8pqLZwVJVoBWLzZyeoUeauQzlAHwzI1WMSwZU9YtRonQXO8FPaM\r\njmRGKetYv0lZs9tztcl+fwht0EkjAcA3rsI=\r\n=QUk6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3e9aa3499438031c9229cf2a18a1a3672620853c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.551b40d18.0","@material/base":"15.0.0-canary.551b40d18.0","@material/feature-targeting":"15.0.0-canary.551b40d18.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.551b40d18.0_1658138462970_0.7554443731914666","host":"s3://npm-registry-packages"}},"15.0.0-canary.cf9f12371.0":{"name":"@material/touch-target","version":"15.0.0-canary.cf9f12371.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.cf9f12371.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e58d18b547e63ddb9b738556621d797b7d909446","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.cf9f12371.0.tgz","fileCount":15,"integrity":"sha512-jlpYeMAhi6KyF1TtWF4EbmDgA/Hmjxi+KjeGdHiCeDEhkihGS0E9MdSye2DyVkg73ks50LBSj8X87c9AO87mjg==","signatures":[{"sig":"MEQCIGEZWqiFq9tCzKz1EVC6D9Nvg0egGC0/RNRLl6o7Y3lhAiBI/mtq4c58BRVWQkWDv0g5hOj4gsFzDcHLydodZr5Xxg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1TBRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpxMw/7BzQs33gPbtk25TxgxLrJd+cRGbo1pEFEE3F8KwKnnCBpFBjn\r\nU1edQVlAU5RAg0OXeFUL1YFr4k0pgIDpkvg7ctfmbIiNyTDV7KcFEl6WYAni\r\nTUiLToiJmrcW3sp7yPwgiGZ2PdcQRx1+1V1sDhRgyQ9yLiO5GayyoCcO0upx\r\nDL+L0JR84UO2BWUgwQEj5/+Xzo7YngHBpZZK+6xMP89AsHYCzyoCFLA2hfwA\r\nJM0NZYKgQAIz+aWrT/XUJkrEHivJEHpOXZhxcXyrD1NLrU6LeevW09rci1JD\r\nSz6kJkAsjn/zJ066NVI0gxqKXk/udG/U1StRKKF+ONFvI9phmQByOasCd2zi\r\nz1CtNFR0oFv7sY21sPZ76TtxBubvrZtkPHBwiCWi0bUruauBN3p2TH3Q4jn7\r\nT+49lo1tz5d474vhLNJ3kU1U7wdbJkLFdcoDRUO65pRqbgLgeXWHN+LHaq//\r\n5ENMLXqlxoTuJdZFelmy6gxDACGUCmq8yfDUaFAUdfCeRd5dQKZDj6p0/QZH\r\ne+WW67NQqRp1sOO4rlzc4xyJnZ43LeeEewMA4qH30uy9JcYaf/DdzS7QIOUD\r\n+27cQF0yg0QRYLUV1FZSJ6f2+0m3LEjnDSEWUIhd+DCUvGw9luM2T55Prm2L\r\nVFY7IFRBdvA2huzZ2jNHta5eefErjYrz2+8=\r\n=xm8V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1817e344a80081e042f37248beeeb96228402878","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.cf9f12371.0","@material/base":"15.0.0-canary.cf9f12371.0","@material/feature-targeting":"15.0.0-canary.cf9f12371.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.cf9f12371.0_1658138705210_0.32729228683936107","host":"s3://npm-registry-packages"}},"15.0.0-canary.2797ff8b6.0":{"name":"@material/touch-target","version":"15.0.0-canary.2797ff8b6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.2797ff8b6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"786e861cdecf05ccf080c45ba37b2f7b63fcf4e6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.2797ff8b6.0.tgz","fileCount":15,"integrity":"sha512-ak4JgS9GA9tfVfP7KChXlc92mLcM3kZ3gtAzYXaZ06tfp7BP6aEh5ff4Q3XHRn88IoUR9dolpRfGLNqdbRF04w==","signatures":[{"sig":"MEUCIQDNSsne5u3wm3oydg/63kvrI9W8ekC1DWb+s/p4AuhbVAIgW2/dVwbb3CtrUZh6LNilXuh/l4DzegGWqa2gIMwqpro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1fmqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqHsBAAkZmsR3Ig2yMVmMwLvjp1x5wQ+w3yLHZxyHxmDZ+YZeya2QTR\r\nMy/4dXcTjGhN0YBwGfqbq+nB062ZqywgN3GZgLwjtlVSAI4K5FTfIwZWpPj/\r\n4z0Rsu2Ufc6a9SkxcrH+j3XD2wWzMu8mwZ7OIH7oEmUwWXrNFYl5P1Qjjcaf\r\nQC9MNROH6fqqJW4yQpEBOaulHUvZeRpgxjC8wskf/BHEbk2vBvK1Qa2Q0AYD\r\nOQyCTsxBQIOJfaKEqvst1/Lr2i+HEabYFlJhLZnJd7fgn4X7EAnU906RG6Zy\r\n7gYktJ4ZYHD59huLdJxZz3uC5xRQBF5mcRCMUChLADNRSfThWnZshNhFVubR\r\neaI7QGhWeobxzqzi8LXM4TTwIMDfqDqslSsImFRkt596CiWmyiZ+013js6rw\r\nTHIPGTQDlPlbnvmN689bGU1aX6GNRshr9ovQOmQKDgv6ZORnXv+b0ofwLY65\r\n5K56v3zOrl9aeLGdsV3BNhuEUck+ozvqO8AezrgW9O0jcp/sNs6nhyqLvP0Y\r\n/zEjeTBXdXFEdGpt21B17/P9SkqYiNF9Wq4NIBdgPbwRUcbVWTs6Lnphjb9o\r\nsrLwTeHsd1BXzGoy42dYnDX8eNzmn7x6r2R8tjUIFgHO7zyOpwp78MTeWXyj\r\nR8kUgIYyiVWwH7h3FqXf/eU7FCgHxrJbwUo=\r\n=n3C8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2c89951e5e0cfca0b1dc61a4f30259b33cee139b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.2797ff8b6.0","@material/base":"15.0.0-canary.2797ff8b6.0","@material/feature-targeting":"15.0.0-canary.2797ff8b6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.2797ff8b6.0_1658190250298_0.9280098959289378","host":"s3://npm-registry-packages"}},"15.0.0-canary.110fafa17.0":{"name":"@material/touch-target","version":"15.0.0-canary.110fafa17.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.110fafa17.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"465434f79ff5f66acd0a94649dfaa9780dd8d323","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.110fafa17.0.tgz","fileCount":15,"integrity":"sha512-R5wujtb9k6NYxo5GRm+mHY1yS63P53UMHvm4nF8v2DbipYktFjNKmwfwTxgL3rIgmRCCKTW6dMFJZqD54lbkBw==","signatures":[{"sig":"MEQCIFZCtauSLlT49USkp+Vj+VNO8n41uNSQzji89j0SN79CAiAw5VmfyyUoHwCtLGUF1PKZxGP9Qx1VhYzRVybMyXe6ow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi17LjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqX/BAAnF+7G69Nhf0Gbnv9zJOJVL7Ncr0CAgwhlElBWW5FA9aaYhCu\r\nPjEfMeUWVvKmrmPlGjO1MSAzC9msEwUcWJsE/T91YpIfN0Rs9ojQGJzEzdNF\r\nWNs4j3YkjR3bnAxtsLrggKA0fhNyBWrqQhoEcU2MG+cQYZoZ/P5+3nnPXnID\r\nbXsU3RWC12eNRR/Wfq3O1/Y0RJewwmGVvMtFgciNJcM2lm/4AuQ1FN6tel7W\r\nY1sunoph+rsWCBoe0cfOR9KvQbuqpKWz5s4yyVnUecVXpEJg0riPAXyjCgJH\r\ntuxfQNJuaQL6FpEafl3TF7mN3tkFtLuckb+GTqciy9oZ0orb38ggzf25/ddY\r\noGvU1xBEUA1ykaE2JBdtjQHOzL8Ow/01hAi77fnyhp+tkhQ7AT6p+uonEXqE\r\nLIDrIE9ww03V9ZUo4SkX5/wxmuNqWwUD57+mQercFIIRlBHEPv0b8J9lCKH4\r\n1HrR/5DvNVqvB2x9NAqTZJ+H6LcQOHbDGb+dzSgg4V566A0lpsckCDuxUv7K\r\nqkpVHPnA+4Gghgi1E9vuR0vj/eGm93vsseHlkgZUEAFaPVT0o4KsfxnRAPPc\r\nFWwetHfbxAcFGfpe0TW2EhXmv6Ikch6n2Jjd/tjZUeaY3WKR43W7oOrudZ9N\r\nVKEHPXCRt0dKzHLMuJVQSB8uyfrzpZKbBRc=\r\n=pfQF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ccf0ed3e8eaadf1526fd10979e8c00e79b228f5f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.110fafa17.0","@material/base":"15.0.0-canary.110fafa17.0","@material/feature-targeting":"15.0.0-canary.110fafa17.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.110fafa17.0_1658303203129_0.19217855928745498","host":"s3://npm-registry-packages"}},"15.0.0-canary.386ef1d2f.0":{"name":"@material/touch-target","version":"15.0.0-canary.386ef1d2f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.386ef1d2f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4fc17273f688c1a7ca17ee556586172ede4ae330","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.386ef1d2f.0.tgz","fileCount":15,"integrity":"sha512-LJlT1tphKgRE64iwJpANGihQbq0vwIzFOrvtaAekpXyYSsoZILH4PcOzABURnmzUGwlkFtfptQ7AG6dtWtJreg==","signatures":[{"sig":"MEUCIDj5XYnU1dKLbELFC8jOBdE81kOKwRLS7qQdGS10dX9WAiEArXMFmBd6ZPMuIjlMXyoISG9RbHiy4x6fN7udkcDRI2I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2EdEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNQw/+Nlqd4JCzOyRxdoW0pQx6jJIKeLmanF+NwqOhlpCv9RnKP+dp\r\nCF2OcDCLXCxsr8lAb90lcKq9PdnNYfPdMqe/bL9KRGbni4V3qvih2DvnY5hh\r\nAF2ihQANZYDd1MT1qKjAs0QZfpyjIJIoB3N74CapFLZo4OI9cZv49g7GAPr9\r\nArX3kaVUa35mebIgi2HfIqD/AOdnqc2CT37n6KFvmO8pU1li2olB/01Ue4ny\r\n+egQr9yxsYiQUY9nRqVIB/ixuq33cF5epbzbGQyTJ6YKlbLf0f762AvkAvVy\r\nT/DEF8iRPbp+Ued9XgnisUWMuRrawFBrnLtBDD6pFPiaHTPNNHmgEG3STzsq\r\nlhIpF67v/2G5SwRfYgp76F8GMhlYr+aQnGgCZR7Cvqsi5pnaWgyB5VtL8ZSl\r\nCbOn8wDHGPhB/yeUfdsCsbyTdoOxKDm531DQo+o1QDG0GCpVxLBu+xz7N0fc\r\nF39kGjiFVK09HSKGB6Pi+xs8l5iddRa8rxFQiftPHBdSp/KMvO7FTtA+Kwjl\r\n7yT7tvyf/RB+Tv3q1wn3m/A+JumOU+aV8hMm1A2OiKjw0TpgqCUmwSyh4OOt\r\nIfnASZ7QNmVqryZt09vbP3GWhFG5lFnK4OP29uIjYWLFEvhDPFR6XP+AxfgV\r\nrlFKQ/9Tj/mXUFSPldgRiXwiFymMKaCPFjA=\r\n=TSLb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f81dc27b99348c90268023c46429639f145ca534","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.386ef1d2f.0","@material/base":"15.0.0-canary.386ef1d2f.0","@material/feature-targeting":"15.0.0-canary.386ef1d2f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.386ef1d2f.0_1658341187919_0.3556929323504494","host":"s3://npm-registry-packages"}},"15.0.0-canary.c3924efef.0":{"name":"@material/touch-target","version":"15.0.0-canary.c3924efef.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c3924efef.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"844c6199ce965ceec92d86ec36678150f9de8973","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c3924efef.0.tgz","fileCount":15,"integrity":"sha512-wldNZjhb3m3U88wcTcIFbcIXFXSFqtwhnrXBpEtf3IKdYtuqXpsKIJL5EeVETXrMVczmm5BsHHRIONoYtQaJPA==","signatures":[{"sig":"MEQCIFx1y+csdsI/HeG632DTXaxB4E92hk1deV2jgCFAZDMsAiByd13aGPMDGEx/fLZcrlHjv2hV6aMS+m735KAUTCMRVQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2EmIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwNg/+Lim9se08xdyUn2DQzd96p95FRDcGwCwWx0YSTLrE5wckgBaT\r\n3D8KV34E9ydYF578Iu0LGNwWIvXytGxIwoS4cV+xUvG/FMLMW+BFlgmCIvI/\r\nJ1mjXpBA4c1yNFmtfLI9k4JJpOWgjc6fixX9z6egvkF5SoHEzV2fXuCmGsIq\r\nWq2HFqAd3rAizctpZ9nieKcQ9vZMKdZhG+ZUxf/+x52i+0KASd03S+EARcWW\r\nMVLmx4OvPBYYU6lG/YNi+S9oc/2XxRjF6a9qB4tbu1/Sbn+JPbzqQJbkeUS7\r\nxubA91QlpHWJZhETdKH6bcWzn7AnIy6AnuwdwN5Bnwh6UZwgys29qNk5qWor\r\nCb4o0BeOsrlcZfniWklbCmZ+9g8Z6vgFc5MYuTfh9GcxY+hNPy7iQoVnl8mp\r\nusv++arRI3dRWd8Z0zdbaPFb/FQifHv13a4WPlmEfdsR0iTpdtUTEmazjXiB\r\nvPYj+7WGqJug0iqPj22PWxkQGwfrmSzu+phpl2BPRaqCX2PnPeqm1OfqfOPe\r\ngLQDpl6YLz6WyHkc8K4dwjAc2GIsvZTTwoOKLQjGEXiVfDFnAs7Rb3Tstv66\r\nN1rop96x9A6XrZKKOl+C5LK0Qkqs4QdG500q84OaYlJHT2rcEAgjNxqGAPsi\r\nlcZSBetnM5/cbeAn3F56FTTKDuJ8cNb8NJM=\r\n=X+cL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f665d9454e06d217296aa1a2064c9c67d3fe2759","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c3924efef.0","@material/base":"15.0.0-canary.c3924efef.0","@material/feature-targeting":"15.0.0-canary.c3924efef.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c3924efef.0_1658341768243_0.21746199103489317","host":"s3://npm-registry-packages"}},"15.0.0-canary.cf5c5907c.0":{"name":"@material/touch-target","version":"15.0.0-canary.cf5c5907c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.cf5c5907c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e594273a7df5cab57b78f9fb1c1481e3ef225ef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.cf5c5907c.0.tgz","fileCount":15,"integrity":"sha512-6Ef+CXz5/MhWAYi5uoKN3tJam2E0F1WrUIURkuXcRwYHTuEfx7YwnYDwwbeuLRQky4u7zr0Me+cQ0ppk4TMLIw==","signatures":[{"sig":"MEYCIQCEIjrlIf0aW7Qt09Z47k/gnNTGdeEnU7vJJlfYaXm5swIhAOMszYoQVQubz5xY9GI0CqwgKnrnGRtA2FW6UUK+vGdR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HHwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAoQ//aPeNBEA+MHhmajKJBI/fLuD/wTX6ol/7AcYYa0hjc4VGU6Bn\r\nKBHJ93652+wsFDHk6WgLUvyGMLlG9lh+gS2uBJcm8V306lYK9j57mwVZKgHJ\r\nDCT47bP2Wu/EpOh/MSebzAnrY4oETFACV/4ZbACy1AsV9rvnaVdMKRWr4Zl/\r\n2T+eRaDlLZCoVeFnfDazXnDlCpbFoNM2Hwa5xyECnd0jpyZQGTlSbT4KSevO\r\npkyyRWpibtIhMWMQNEBUJ8l1BJOgYLTgzyj4hqwT+KaGnOU2g0ofcrYVlv5U\r\ndjyfXf73PaZGFUqmCo7riL+E0t7Zs5t9o1YoPZ+uUwA/yMYwdCr5xbur6skB\r\n2mrWTDQ6WhzBa0l/Ql19iRGYK7wyHhaIGbKJ0uSV7uEnCpEaWHydcDRVGfLq\r\ntpksD3o9YYdNy7p0NghbyPDDNERbCLGNG68LgbYxLAqQRTBEkitbBigFiwTM\r\n+mU+vRsl0HbtjqvnbzH0dMToyNWpu3WUrp+jziNXgxLW3elw4M0oeLbqse38\r\nvknSr2cB7CbIM8pUj0RdivzL6z2mX0m8Gr+yB2TqEEpKz/5Krs0Dk/7hjnA8\r\n912o4jZ2/Al0+Xnsjm6MRus2bUrt+Vu8fXxC3Y/ebRYgG1mL5lTDY7Fq2/hN\r\nYrhIn+06ehBgPCW/8KKlzWul/X4K69z9a78=\r\n=SBZ4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ff18947542e40ce8532c2ad78551ff4e74f9d647","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.cf5c5907c.0","@material/base":"15.0.0-canary.cf5c5907c.0","@material/feature-targeting":"15.0.0-canary.cf5c5907c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.cf5c5907c.0_1658352112180_0.33197827891250165","host":"s3://npm-registry-packages"}},"15.0.0-canary.0617e2319.0":{"name":"@material/touch-target","version":"15.0.0-canary.0617e2319.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.0617e2319.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"432699da93a12f2513feedb92bda6ae1f3b1f702","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.0617e2319.0.tgz","fileCount":15,"integrity":"sha512-qpZRvJGHIKyfDyEyE0wQAfTjrWzlVV1ZHpwvP4vwnvTnqR4bb+xq/bTZ4cpcyDde8TlnFMqoFlSkhRLw4g2YTQ==","signatures":[{"sig":"MEQCICzdLndDqM6P/Pg1TdupkR/9EWS/k06CwGeKPcpCtl4xAiAtAOmPb5zC4+S+mQQ+q/JHJOY/b/ofTdjyPJXEiH7MaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HY1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmru3Q//cCd5ihFM6Ht9f1+Ai9CNQNX0dJQJYdtvPtOmi02R8vhiytFO\r\nPxZGpeOHv8fin2ygHtnD1ntttXSbWcJEYtFlO2gLSY5+4JN27kiHGvaRYABf\r\nrlajVyGn/nBKFYRp88hHmaSS1S2JywfiGApNqL34VDvrBKys5Sxu7lKIUIp9\r\nI0+HhLTtUmnHx6nC0JU1mB69S5U1zRacZfGpR68Or4wt9KWkozrn26nHyJey\r\nNcpu2lhtJj3DT2iy2gxgQh9DoY/lSydfg1BOaIB4zbHwI0/+Otn7xLEF7/u5\r\nrHfQkWuYuRtQc7z5B8T20q6u3YcCnHiZnbFAxWULSTuhioW1x4t0Y+EAHOUo\r\n4XXopYE5WsVrLE9lWVQgxF6yQdbMdwf8gJNZNQLKIwm2ePqfbH5+6hz/a0xy\r\nhFav73KEpAKn7viytcGAGl6cdD5glrjLY4NufqNq5kbH3THEPgTd9hh8tbLP\r\nucg2ff0BF47VcIraueshmNfCzxfjd+R3p4qfTu2ZMplJf51eD9QkRFxBGR4+\r\n3mZXib7J2yEyWXX3maVa1J96OWBLLLO816iIeT6IiF7nsvR2sq4IrfNs12aj\r\n+iH64aUXaMjyN5BmWUG3ZTQYFrM9LlqaH0nsvUsao48VNfnBKH+3T6ArpsDj\r\nEUA1GjK6iNHmghB8x0/19bCfDHefEfk8TJU=\r\n=Fd+M\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a4d6efed0d00cc69adede24744dc368da0b2c897","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.0617e2319.0","@material/base":"15.0.0-canary.0617e2319.0","@material/feature-targeting":"15.0.0-canary.0617e2319.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.0617e2319.0_1658353205340_0.8377092070682057","host":"s3://npm-registry-packages"}},"15.0.0-canary.a743b7967.0":{"name":"@material/touch-target","version":"15.0.0-canary.a743b7967.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a743b7967.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"47a4f0fb339f47f07c150fb4a429a5a14fe64047","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a743b7967.0.tgz","fileCount":15,"integrity":"sha512-s+E/bltFvzVUWk7zs8S7RQOYrkcpTz0HT1YeMM38vUzR3DFLhLUeguFY6f3aalIFci4tQm/Nzlrq8/Ol5JCTvw==","signatures":[{"sig":"MEUCIQCxzLD7ZYwLC1eL70o5stIxO+SLkJhR+9LOArrPA9od2QIgJ4lAKRDsk7yeXFmPmnSps4c4ebOm1QQaGNcm9xfQidQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2Ho3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrupg/+Iivg+RX63PyyCVo7PRftu3mtfUpa7AuWyxF00zmDCqJDBQxO\r\nsr2dMpVqdTsCoLyHqx3BwnDN88oEYk0xCkQ3HL0sfCVaUd4y+tzmRNWSHagt\r\nSYrJCnOtIEGaX7QS5sleJ+8LbKDghRm+4vv3NpkEAlmVd3SRZcXymZQXZfSc\r\nssmOSsN7KObto5pUj0QrFeg+iMhcdn1MsMu0WKWitYtooz68cNw2D5s+fQq9\r\n7HXbUPRqBAgSoRa+QCpdk+dU92VfrT64lPPku/w/LoX3Y6HMlhGASSBhQGBE\r\nk8J6iggAigPnZJh7KeEf9GNNd8Aks1gSawKM5ndVmkqcN3DtIkPA3GUHc8/e\r\n62R/f7tobcNqQm++zJk4RX07P97ZPiCAPRjhF7gjstc0RsboF9AOySgyKdn0\r\nLGXLHVXm3/x95U42nJpt/BVQRh63Eon5lTaFrW7tgfRo6JSYTZiP+nuXwlRS\r\n6MRZK4fqW8NfHMwBMEEnHIwgK+ULlhZ0ThWiPBNY+eXZ7sBv4pKqmYAQvHRr\r\nfkoOQeTls8rrEPKQrvRwiNoi1n4ftnwizwvh3yVkAKnZSASlm92DXnu6f+UE\r\nq7aHY2W3IqmPnKusHIY2SRpkCVArXBAzf6guEhlzmunSXsjAnUX3/krZ5QOx\r\nlbQkEnqPhYjrWKbz7F8bbRGumwIKDVHqLf4=\r\n=vliO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6fe7cdad71b01dac35a3d815662020bebbe50e23","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a743b7967.0","@material/base":"15.0.0-canary.a743b7967.0","@material/feature-targeting":"15.0.0-canary.a743b7967.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a743b7967.0_1658354231358_0.3475192034094887","host":"s3://npm-registry-packages"}},"15.0.0-canary.69fd619d0.0":{"name":"@material/touch-target","version":"15.0.0-canary.69fd619d0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.69fd619d0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3044c9b451c4b408646548773dc87635550275f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.69fd619d0.0.tgz","fileCount":15,"integrity":"sha512-3vAcqJfPAWO/DS3pxSC6xT4q9mm7y3wiC7SydVj48iIq3kimHEvytAQb27fquDOy+FrDhpdjaTOmfeSb69IrtQ==","signatures":[{"sig":"MEYCIQCaeAvndsjCQakbCnRI3+qSif+Fc4/wfRi5aFeYPWSfMAIhAIvyuVn3ZqhX/PJN/tMp058qJRxmOsuph0BtxzIzfjZy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2H0MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5pw//cMEcPoVcaPcm29dsnqOSxOu8bK9ByVCNPptM/aqzgnK83Ypx\r\nFKcT/LW2AU2zGwfshV5wX3Xja1ToycvMnu+4tbiGhe26HOWiC3V5pr0vezba\r\nXwxfRmxwB2rZV5cL6CeXBLUAB8kopkqcbmGNQfAl90mcLdOZtn6uyZ5sCrhN\r\ntkIKCTJX5ZopUCz8fU1a+FHuTuQNUVVd1JpQantTENJygqKceic4BjW6dOqE\r\nKjaEZy1dA1WuFYZ59Jzw/RINn68avMOwGWN6j5EHN8F7C+0D19dMIaQgJwVO\r\nlmP/8V8qGrWlxy7NiHODU0rjwAbtArsdTZ9ofsRjQYkdzaknF/xZfCAaVdcq\r\nW6KZ84SvDrz6QHxusgn8YuWXzOp62ngqDOsp2eIdkKHcgFP4Ly9UTCYhw7yk\r\nPwsHsdo3f+ZHZSHz3S9h60RyXSnqOCDTLIRlAeqMB20H83rolErJxhy4xYaT\r\ng8+bipSiPIO0lMRojw73XpSxLNVsrE7+Gg4q/98rIjC4GPEE5KMU0o7SKKWG\r\ngz7C9dU67IrhzRie/cGx5S/I4sjFsW6//Nf1X1eb7nv1D0iNzIfIyKEwuxey\r\njxg0aWzgjd4lTlHGAYXNhI/hpz6N/JowUzm/Wuhtui7z0bnB16wIdFrap2zz\r\n//AWv79O+GFqpmK91sSBX6C5zBTVyyCvvDM=\r\n=tFW4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8982644a21769a71fcdbd9d8a35d87f00bf73b3c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.69fd619d0.0","@material/base":"15.0.0-canary.69fd619d0.0","@material/feature-targeting":"15.0.0-canary.69fd619d0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.69fd619d0.0_1658354956344_0.9596162926409093","host":"s3://npm-registry-packages"}},"15.0.0-canary.2a6ddc1cf.0":{"name":"@material/touch-target","version":"15.0.0-canary.2a6ddc1cf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.2a6ddc1cf.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f653d9841edf34b97da1a30010c7486d3d6ed666","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.2a6ddc1cf.0.tgz","fileCount":15,"integrity":"sha512-kX+Dln1cotQkvjqFqYG7UhR3sP1qSUFNKrE3/0D8lgSabq8gFzC3i/DFGDQXsHZsFBr36hE43qAQa4F3162syQ==","signatures":[{"sig":"MEYCIQDWVisN0/YBlwRttwO3fLLsV9EJaRflPRJmO1fTSVM/bwIhAIaKnXi1jmv/NZzQD+lgUVispGQb9elCGSk+87ovNN9A","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi5AUWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpbuw/+Obne5u4gL2x8psvRs2eW61ZMW11fHA/RuAgKF0TmnGCab6lt\r\nJncZH4nY6+TPZ+6aTgVKREXTIhODEskijFu3AaKZn4PP45/CMbPZE/N3349F\r\nIkka2Gc3xvm3t6Q8nUpB8MHv4SSH+LSHprpAKPXbGK8ccO7NlUnPpDUNxk32\r\n3zqlXy2fT1liP9Lu/YC8C5ZkOPIZxdEaY2KdvxPuHC54a89+kQHMwSVlzf63\r\ny6XcG7mPoUKH6kYXAajRKAm0KDcGiMfCKGjDnhBWVH7cnSKS7FK6BVitfzJn\r\n6vUdBfBclNIVXmu4OuYdrvzmxp8CFQKVdTuRH6MuEmKGuCHUZ0dPjdwF3rtH\r\nE3BIM0ayCHo/IQajmedkKZ5R8+OmmmEZBq2tStckoax6iGbaXFxC3ye0ZN1A\r\n/KMaqZVnpqdZTjy5nOLydmewovcFKn1YXi00XpAgMyTsku2cEYlXew+uprq/\r\nhRFjytJrmVXXyFpj7ZGi6lFEJQQb46aWyOR5+dmWrQCc1zBpp8JriGk3htdk\r\nj58/ytxFWrUMl0eRPxzl0ZG5LOg66F55qbQPmSSOMmwAhLCUKgR166MSml3J\r\n6h8l8wPy61LWxJl+7T0xTjFaYRJkvzotO/12b+JKcVaQn77pQyAT3jHhmYsx\r\nEDvWdpBA3zqTYLNEJntE6OWSr1T7XZ/Hegg=\r\n=rQHG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0e951ea9d38f3d449f24bd1d8ecb0fa70c0da462","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.2a6ddc1cf.0","@material/base":"15.0.0-canary.2a6ddc1cf.0","@material/feature-targeting":"15.0.0-canary.2a6ddc1cf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.2a6ddc1cf.0_1659110677847_0.6460262141727988","host":"s3://npm-registry-packages"}},"15.0.0-canary.86efd56f6.0":{"name":"@material/touch-target","version":"15.0.0-canary.86efd56f6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.86efd56f6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6da4278437c8be2a38a23d45bd459a84235f1271","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.86efd56f6.0.tgz","fileCount":15,"integrity":"sha512-7XC3st0V5P0OeQdpmha+/XPYwckI2yamvkNJmn1JuGXWyu4H/Oo31e1HzmzLSk8rQObNq7JOMfFdYJiJOjrevg==","signatures":[{"sig":"MEYCIQDbKzMRxJ1ffymfP2KT46P9YfFS0PtD79uUwFeOowwtFQIhANWKuVnrzAugYpEaY9b1LkdzBzVbOWNxKBjYNu3BWn4q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6TiQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpq+w//egc99cmYKhnSh5VDF1TFte4IfBOGgz29JUKEy/fn/sgD4JM8\r\n3mgqEehBAH7SgaaH2O0WYfwvDRlNiagn9s5IZegHCObTPOz4nO9W6fkmd+ek\r\nuy9hFpRWtPgYiwTdiMHPgM1i+2QBoKCfYV6eabPaku/HyBb6wIV9BzF29w69\r\niQuhM66nBY92OZ5gOgc1huJ5x3jDxjQZPbewBuH12VDcEVI7gwQGEL+FSW4V\r\n+RrGkOCMHa/MWcO6LP6Dtvn7dnr++NhEzNbAEE8i1Q/8Ma9B2jbQMQ7c+1dt\r\nymWiIycEVQ2eyuDJ2yr3JfXuh00VXTIbex6N7BwbmP2eSsQfVqTX7IWP6EhN\r\n6o3farfPssboBMw2sXnLb0ngzfuCA9BOHeOK1kZ702taHbDz2cbW8GEnAh6K\r\nulLTsoER7mQq1pc7Jw4tmZ6+mmocPH5xf7jfp68Qek67eGdMK+RRCDATagrg\r\n6MW+M8QtreN5cvAKuqb1AZzkUhEoinTwRo7WVTOeVrWpOfEIFCjBCeGi761d\r\nDInDBjICR+ukjvJrlD5571bgJvs93fQvGQSIolbe9xRS4NLlSxuzx8RLIxWS\r\n7vEhhDn8hqwd6HrUiV0kW722dJBnrSPBUhn7vuytUATzIvwUwjyQyqsIC3Nd\r\nw5rwp3sN1+gy4/R90PWks6pI5TUrwcTMbu0=\r\n=RPUb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a4781ca009f9a9b59c7dfff5df2d23bb14b9de2f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.86efd56f6.0","@material/base":"15.0.0-canary.86efd56f6.0","@material/feature-targeting":"15.0.0-canary.86efd56f6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.86efd56f6.0_1659451536274_0.8479728681702383","host":"s3://npm-registry-packages"}},"15.0.0-canary.ccfc24d19.0":{"name":"@material/touch-target","version":"15.0.0-canary.ccfc24d19.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ccfc24d19.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa5c5f485f7cc05a7b6c35d0f9ce6c705ca2fd73","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ccfc24d19.0.tgz","fileCount":15,"integrity":"sha512-owvr1I/Ukpga7zGElOgbngHm2JKof4/Q2a/W0jH0K69EiGripNK5d7geLEL5YVpG06DTPXW9UKaJ/+q2celdJg==","signatures":[{"sig":"MEUCIQCQHApqtV2vU+ij6IjsZ1IeNdUDFO0VfkOCi3zg7sZAMwIgV30ZDzzezw/DHPSeqv12G0J8WhN3C2rFHYMa+9O3HIE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6rrMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLzhAAl8S6UFTodrFgF3V/RKcGSnO1nouRa4TVuTX06xdQKjx51J+B\r\nAeZpc/wOJRJUcclCfX50iJzrcOdqnpx42PSZRCCHp93ACqejq34kydtZYbRZ\r\nwHleUpNylCbIdDUZMQD6N/fRx43I7HMEnc5iPz0+JGIJS0TV3Vits/tNoHMW\r\nSFTVxRM7x3561+OvWM9ucX/9oOWcGjP4RzBTAa3XqLpWo0ucfpxPt2aEwiDw\r\noonz+ptsC0bXR5e1Vex5eNDvF8MvFIe5vCHInuGDaVjgGq0PvX8Z1NH97Zn8\r\nTE5DKUR3IdFDwmPNK96c0k+ZDK4NpBaADptxFdNDI3WaqKdp+8aixjMG+kU3\r\nO+i+JKmQTEd7W6/GgsBZu6mDDaUAEFkMaB72KRAthZuOo4jUQL0rQWIDG6RI\r\nIwa6ZuJNfyKl+G81mlz0OoX4FfU3hAy8mICDHlypcYrnfbbAVH7UVQINu9ZX\r\nZ+OyB/H3DsRck3lTIzYN1JNKBpFh9ITkEoS0CW/b+jhPQzxMix0tUfjVxEm7\r\nMX3pHU1YBBrM+I/axYt2vjazUpoha1YUkQoTR3bgUvnbcbf/sRx1bTe1melx\r\nzAOq6+JmqrH9lnr4gp/3uNgikie421r4JnwfAS/39YNfMYRQrjqIRuyljJ9R\r\nPbNYcBycXRUraors/7mU4srjQfbkEiZkEM0=\r\n=hGTI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f790058ff0b4b30289ee965102aae1ca19654ddb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ccfc24d19.0","@material/base":"15.0.0-canary.ccfc24d19.0","@material/feature-targeting":"15.0.0-canary.ccfc24d19.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ccfc24d19.0_1659550412159_0.622273726036416","host":"s3://npm-registry-packages"}},"15.0.0-canary.e4570146f.0":{"name":"@material/touch-target","version":"15.0.0-canary.e4570146f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.e4570146f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41ad38e9724d57497bf0b28cfa6eed9e68ebc3c3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.e4570146f.0.tgz","fileCount":15,"integrity":"sha512-4ub/sl8Wgwm4v9JRokudGrkui+EvA8Mi4bv3+fsVCkQMvbQXPbUHIe+ezVQNbGq/WEr4t5/6fEU37YrkX5xVpA==","signatures":[{"sig":"MEUCIAgnoX3iwXvpwDQDeOYRkwPEmKk+2YumzpX394fcAC3oAiEAuL/CX1sf/QhpePUDrJvFY8NhY7h5pCyshf5xSxO4ZUc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6sEpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmracQ//aVdCSarVKhiUooVrbZltLJZCFb+SmEhFBjX3pJ+lM4r1PGne\r\npZ5bdHW7zcCWMjySkGBJo+6Dw5Ea4XbJWp5+TUy0iDzcSYDa3+faG0qJmz/c\r\nj46Hr3WioUoO0uEsIMSlZ0/qms8GreZ+/hzmcumm6y7HrV4+wT3KnEV3Tt6T\r\n89YjZMt2rfKhLa1/KlsbxWMWLsZl0/6ruSo17FXP0nS1E7eimOBzjMJ20AL5\r\nTGMKfSPJf7dmkNzQCmngl6XFzkPH+ynZuHzhFSqww63FFIubV8mZsmvaECZp\r\nt8sbdCWmFNOxIvfGcGKZMLgYb7DCO7kqYXy1eTPUfCw48X9e/SwEzNqDDBz2\r\nYKGeEb4PfBJ8/+kjthKdD9MhaUB+CzDXCZxo3AC7uOIkwyk5e/GapyV9WHrK\r\n2LDPyrDiSns877NtAMrOBbi2/UUUFEfXZFHIQQO1knSlUH0cQ7qFj5FRwIc8\r\nr+K1rYrS8bod4RekmQs/ePB1p7hX+fQeCBu6QKQCjV0CwRCyfr/C6GCo0I7d\r\nDzyndSdQN0saV1QgkMf4Sl+r59LhMb7fxLp7qkOidn9at6NJZBaHasu7wfW4\r\nxWnht/RV6V9WJsi0hPUyCHfQFC+U2Vcj4toK0QF1xYqfr7SXwgNjMMxYmwQ5\r\nmU3KoDBMmDKYjUl47nwHN6d72aGG9ipeq+E=\r\n=RhyG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e80d690ce0a868398025065053615e866dc51ada","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.e4570146f.0","@material/base":"15.0.0-canary.e4570146f.0","@material/feature-targeting":"15.0.0-canary.e4570146f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.e4570146f.0_1659552041528_0.6222188294157707","host":"s3://npm-registry-packages"}},"15.0.0-canary.6683a36cb.0":{"name":"@material/touch-target","version":"15.0.0-canary.6683a36cb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6683a36cb.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f3b1616b7961a4ac617df08f7635d25b833af9f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6683a36cb.0.tgz","fileCount":15,"integrity":"sha512-/Z/vJ9HiOg+Ut8QPdKqRKnfzIgYyG3UpeMlvl6wUmFuC3bQLa83t5bfwJC5WhgYD5WGo60k/6ESt1p6ulkqpeQ==","signatures":[{"sig":"MEQCICs0NGPKpkk4UIlY1oGhwuYGiKW2ajzKvqqgm7btiLVNAiABvUwJ6NOFOmhrf/LknU3ouP+T4qF1cD8NHC/dU8lNKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6sqMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobZQ/+LoO+6PJbQZXEezXVUDHCcBz4lkWWghKQFeEXvvzOTX+29iou\r\nfm+3VkyfTjgPTNwEmUhaGnJmw5sKrXcGw8vIqo/gfhyM+RtWxKWYFVdezIBp\r\nfj1jHoXjt5kjlrY4O55BOtU8iMNarqi0eXpbWnZfuUwapAQ3JuoX+wLReStu\r\n8VyGafHmg5suv4BJ6BwOwzmbfNanuQ4x7LZ3oR0LmWSxEExIwbLzuUa33K9m\r\n4Du5HDZlcJ5dKH3Z6syZNTPBfWEmCrvfL4Vb1wW4N6oiMijx1H5vbk3fUStX\r\nXiCxuoA51umY7Fv5H3PZl0CR2JV8ajQHgmmcndUfOMmOEwUcE0quketKOm1v\r\naGaGtn9jaZv9PiQG5rIkWVJ+GFQ+A2AiQzYq8uFjPmYzzt06QWuCQepkxlOU\r\nmHsjo02YlpOtl6jtcXe2TjHyOc7/6ty+K+TRVY/mUe0Ux4rBWTIFeGafMPan\r\nBLdmSA2MnAM3iuWdXI7FHrhO0HRrtO9qkEM4iWVGFiMb9Ues2NiirTVbPY7o\r\n+iEFQP/Noy3k49QK5XMNGfw1qQS5Kohox/Y+htjCXVtcPt+s5McrCrgchc0k\r\n3y0AE8q7lky36vaDTSPAy0yjsBqltnaU6m9r8gHOSvKyKXzzv3pbRSbo7Ss1\r\nZp4T9UDYkbwEFuUNM/F3j7yQHSmqVcueIOM=\r\n=WiHO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8feb0b9a8c5151a18a06d282cce87d861ea12e5d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6683a36cb.0","@material/base":"15.0.0-canary.6683a36cb.0","@material/feature-targeting":"15.0.0-canary.6683a36cb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6683a36cb.0_1659554443901_0.04225976459023273","host":"s3://npm-registry-packages"}},"15.0.0-canary.10196647d.0":{"name":"@material/touch-target","version":"15.0.0-canary.10196647d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.10196647d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d495909fca5dac6401ef19511a96357e3f3e9bf0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.10196647d.0.tgz","fileCount":15,"integrity":"sha512-31SbCZAnztM+C9XC0c4Kx1qEQw3TlauZKKSBVv9dUcedjWnvjjMOAQrmVf8e1PL93yQrvOzvxpotycb9UORdiA==","signatures":[{"sig":"MEUCIEYxyG6ILQAfyerB3crJpFctXZOKC30a64A2VSzp31mrAiEA7RuOg2J0VNG4AI8WsS1pM3Mcq1BjtFHVcfDTIwZWJgU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6u5qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMrg/+IdYyCR0tbg7oTNri6POIphjHK4dzY0cIH25Hve9NDI4vfrwo\r\nIBkq4oOtpr2fzxHx0siSsC274JK2jB9n5vzkE4OjmB1VlbiuLd+u7acnp306\r\ngXeorX6ki1QFh8RydjxIdlXzRlYxIKqHAhpYel66ZFbKmmr1r6d7gcIqU66U\r\nPWmos9ywzUzV7FFkaDGPZqDknkeif3XKTKJvcw2rBqGtWyzKgp4NW8csMeCf\r\n0GUMfpzKFp3d/VgO8+oNMpRn9KlH67hzEvzuzPFho6cOTODf28YeLqGgfeJp\r\nw3lLZRBMq9guz9eWZm9Ob4fC8WRQRgCsmGfi/ozbSlLzzA1AMY2slRTvmudy\r\n8keQ+qoHrWtvVMNbAzffQcjX6T3Ono+Z4fqI5SzbldvooX6gAWfykuQfmdmu\r\nQcFalwe7drxctujBLvP+nvpf3/ITHNZW8Le66e0g+dMVH2TzkrWFXsAul1zh\r\nZy5Obe0c4KHIc5FraCjsFmdn611Y/tXpwj+TRMY6qe4Hm/VgSUVaEO66AfV/\r\nvBR7mQqSSV6Ob3nozsZuc803rrD2QniOXX9mEo9a8PSlISbHdOZ3qw1TFA7r\r\nPm31q5Xo2i2cFBbWjeQTAqJWkfVJSGUkpA8bADq69QLxDfxZkARSe5uPpcIl\r\nc/kbVMFhgM57rfB9t2UdCLql+WMtG2aXWpI=\r\n=9UEo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7a708dfc09b3443c565ce80a676b159abcec1339","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.10196647d.0","@material/base":"15.0.0-canary.10196647d.0","@material/feature-targeting":"15.0.0-canary.10196647d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.10196647d.0_1659563626590_0.5794464608080354","host":"s3://npm-registry-packages"}},"15.0.0-canary.b20d3d73c.0":{"name":"@material/touch-target","version":"15.0.0-canary.b20d3d73c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b20d3d73c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e9ad2a2863c365391cf4692aaa00089300ab3019","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b20d3d73c.0.tgz","fileCount":15,"integrity":"sha512-5WyY/8g3EnzWmkKD7xXKslSlt03QGc71huMlfDwLGbBUeCikH4d8nujdkAbs+VhUNyDt7vmNDzOBpAiBv3AbbA==","signatures":[{"sig":"MEUCIQC71Ajnk2TWhy44R0Qc6DIHe2f/aEKzqvArim/DNi/sKwIgc7qzrCNZTMjNFRE+nVFVCVpsO42DodY85ILv5dBunRI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7EtvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZNg/+P6taZOwFFE0uz2VeuL+jbzHUvX20J0On2VFLie25XLvBz4I2\r\nMXuFhyE9LjvNSRT5rsYmh/tqHCUJHIBUXFr85YSmGR5z6SiHTmdX8BDniyGH\r\nNrFxsaryKRmBk320dX/EWaRSlbnpAqIg3zmW6gzKmgkR5U3nglWzuQwg9AEK\r\nTbJEtmBIFxT05QqEBGxHH8KCd/pex+btJUTgIHe4Ms2QH0H1klEzlFP4sV2d\r\nk7fLiUs0LQVMFEflyc8/vfPBOY8tAL8cbqzmQUJYdam0+qDf4AJWGI9byrRp\r\nH2VN2u4xD0RONBjkGCNgZVGSHZMul+KyRiMfx2/w8BFCpTDQPm9zyaS2zaKm\r\nYVB/pTwA0JsAAjtkWC/ganJLcDIdH6uHb81bFdTWjtsj1LdAjF0nTefdZQQC\r\np1XocSNZohvnnBM0rMWxCs/tw8qHWj2RCDHvh6xSQm63HjW76H0oTon7N9ER\r\nDvXCF8Bl4HBmr52Z+1v2Q+cOTI0FRYF7Y/qKAP9LYhhmGTOngrFsDLvbaXMm\r\neG3uj0BrNGSPV2t/P9APJGyTUbZhgF5KJGtwcmeFiWjexlJBzT3j+4UP+4d+\r\n5Lt6io46rnGoM4NR1lFh6OCqEnLo681xbn6QVWMt/cPDs5oRMf2XhPzUxCL2\r\nCzQd61GXHsGaTjb4u4A9FXuU/+FQHhEKYPE=\r\n=zP58\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c869b5a3ceaada6bf2ec164c65f1e4fd88a0e7ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b20d3d73c.0","@material/base":"15.0.0-canary.b20d3d73c.0","@material/feature-targeting":"15.0.0-canary.b20d3d73c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b20d3d73c.0_1659652975448_0.8739482884595209","host":"s3://npm-registry-packages"}},"15.0.0-canary.47c0c6b1e.0":{"name":"@material/touch-target","version":"15.0.0-canary.47c0c6b1e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.47c0c6b1e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec76c49e0d17f4dabad26b2ce7ce216420067d29","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.47c0c6b1e.0.tgz","fileCount":15,"integrity":"sha512-pJRTr1OP4GbMkyLBAD2PVG3G7TpJMz4mjpE9oPQ8RqBlghIoS+sl7U2Bu4QrLwJOjYvsDaOTHfTlmeu0Jl96FA==","signatures":[{"sig":"MEYCIQDz4lBldhzdu7P/bnnyGjtvO7TvuUZEnfR/j7/4HEa+LQIhANxHYpy1myaRHDTIbGxszb/XJMBMFcDQEDNfT5QD3AhO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8ns9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrthAAnM5D+stzRdNjOXUav81ehYtyUyzRgtAysntxW3FqvZ7+KA7o\r\njCuuoMFhYG7kdzDn8le/e06eUivkx9ALXlQ26aeeSj+RNWcpgS/xnjneaTZR\r\n/QCqfqpozG6cDwBhhXJfjS8hmMj/OfZ87r1Nsf5z4VKTGy0ow1J8YiIzcXI9\r\n+RKTJiH6HG/vZExIbwCqrixfPFAIqxp9biAeJexg4qYugmlQ3pqh7eWDYNsY\r\nvO7u1Dic8jRv266mi2wHRr1ExHnhnhBr2Lvl1lTP/hFOyjAeY2ma85YK3yCe\r\nsKz8y7QuayJRH9KtPvIUmKbODudhZ6NJD935iVigQMU2jCEQe8hs6+Nw/QXj\r\nI9hOeHusL5lgXk+hIMkjmDCYarhnf5KnKoLQIZwn3h+CzJJ++XVNxFjn/9OJ\r\n8rGeYlwkhhvOe7UnYsJufg4EIkPBj9K96uHLRP7AXoDp/dMsLZW2uqESdd3I\r\nDu1uJbx8O40pqozJ+1+fZ8DZArvDEojXM0DyuD9cx9vEuvuU51gzNvJJ2tdP\r\nCJ40QecCRBAN0iR4a7YMfvOuUp3CJsQAFBp+Uw9Lkj79x62nCWHF+U0nkXCU\r\nt1nxtfYLOu/y1B7hA9NvCojRXDfWLiva7LmF3rISNMMMmXE1GsCWmNf0UrQ0\r\nbSO2hUDup11ESyM4eFbQ5K15XHfmimFlXzc=\r\n=J579\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"692955bb2bb9c99ddd9321606e40fe4a56de120e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.47c0c6b1e.0","@material/base":"15.0.0-canary.47c0c6b1e.0","@material/feature-targeting":"15.0.0-canary.47c0c6b1e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.47c0c6b1e.0_1660058428738_0.5369369873668342","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e3dc8e38.0":{"name":"@material/touch-target","version":"15.0.0-canary.0e3dc8e38.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.0e3dc8e38.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"79cb3710b1bbfcc892830ff91e1548fddf94196d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.0e3dc8e38.0.tgz","fileCount":15,"integrity":"sha512-hfVAFjzC1Ifeu8BkcHcLRo7EyI0cD1z6VJ00rIYvrt/iqSwFRWBPcX+dS6cqTghXqU6mKHSf+SJyzRte5l51Ww==","signatures":[{"sig":"MEUCIDakjHQITFdKK0u9X1+6kZCgQgsKutwnbpvr2gJoBxrHAiEA4tSW191qfey0kULCL5CbqtN1+OIWmOauGWlT0uQ3chI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9U5kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmomZQ/8DSZvYrADTc1rNRTr7zJFxD2S9TkFF6SQS88uWCJxXf1/P/Lt\r\nMx89mqIdZYyVHjiVADSvaLpP+gR9EZYmMq1lIEBX6JrUay8P2iaewmfLUHJi\r\n7SkJ/0Sy9A7zJ+08gydXhfqomaHflhEjEmRW7hMRlttbRyFAV4R05Juuq7mt\r\nyqO9XfVfpi5S3X8GkOzFtRik8nfSMrw5/G4QPTYry2yx0hK3QFGzcVqIUV5u\r\n4mAPtA3nbTGZR0+dfjgy8qb5KStXexXD+L7Lr6E5iwyRCz36KM9t2Ds8B0dn\r\nByqjulnaHsrNT04Fo/lbx+BP4j2r4ULb9+DgJIVXQBxGzVkAeE2kly8bgHeA\r\nag5bu8RVGJ6+caZWhsFvnvx3O/XSWn2SSG53ZPKmI8HeE3uKULn0iw7OV6OW\r\n39ZgEYzEJpq4LtxsjqEUcd/hYWDTbk9a7nXXuQfnnncDJBVe0i0EkZxv9wEA\r\nPh2Xp38F11+KRAhd2Js/54oSRcfwfOVeIQJOtzg5U0m4zj9XCv1dzl2cvsbZ\r\nBHzt1cYnJ462LoVpq4ZghUKJlTHOnEnEV5KK5HfzsOqeUuaf8aVWT+lwLgxO\r\nIN79A88fYGuBJ+A7z/H6AhwLGSE6e7NEeqgqnogX3wPlcdpwicCw6kUHw9/O\r\n6S69gdxWj+a5++JFb28c16oN0ljMcA+tSpw=\r\n=y/Uw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"51983e03d07e3c1f50454770dc24ff8d6d6f97a1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.0e3dc8e38.0","@material/base":"15.0.0-canary.0e3dc8e38.0","@material/feature-targeting":"15.0.0-canary.0e3dc8e38.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.0e3dc8e38.0_1660243556316_0.1834012419488973","host":"s3://npm-registry-packages"}},"15.0.0-canary.d5a11f1c8.0":{"name":"@material/touch-target","version":"15.0.0-canary.d5a11f1c8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d5a11f1c8.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a9cbfdc6924680ba8db716f78e6d2d58c5f5a87","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d5a11f1c8.0.tgz","fileCount":15,"integrity":"sha512-+6Dnto79QI3+pXH7A+xCznIVQF7n0OrZK9UDhj19CvXl/IK26SmECAwE3NcnIylLjtQsK9ksvgvSoKBK0CouzQ==","signatures":[{"sig":"MEYCIQD5EqwJSJKOtBFjZ+tt6I+gHKa+F+0hnm/D1tyilaLLGAIhAL++2VtAVaz/1NsUdXuGkxUUFHyW+AgGjnG8xXd0K2jr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDpa+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJHA//XJeyMsuRZl2BB9aztoUQEyQGBMJymrHOAWRAe1QtHYqVDOBa\r\nMLOlA6EgOIpnHMSGMl4FbIB5SmclQISsoJD9mCXgHGY5mNKVQYYXq90RlrGP\r\nzQrN332JxdbdJHBR72x53aVWsdTFPecgEbJI8FnSTGJtE4nC5uHKwz0ek2+o\r\nPeXUpc32I8z4pmFa+5dMlStXjCzUn7JUFbeko3ikKN5t/OHRq9YON/iYX8qq\r\neBrStBDqFIEQ5hN6Jg9B3ndjhkPprCpAimDZDDrb+BCH//lETUvM4sB2WO8+\r\n3DSyMEY0MCWhYEHRBaykb7jt6aflcEd1X6zfgkpNlxxC/1SScAwuAQ6Ma5e3\r\nRSYk90bcBYy1WJ1qpIIO1tiX2UxNoMPayu+m+iDlUVd8+XfGBjw4Swdk89v3\r\nAhnQaNVBorAKqSyZrZe++uIL2DW2HvSMrVOH5GjhGuShKrQWh2/B/ai0qG7D\r\nrkhIlTFs/r3eW/8fa0Pt7STXExgox3BCVMryzv0HSWGWp7vVqJDyWH2WDz+o\r\nLyp7usdyjakxJQteo8nS8WnUJ7ylSKzR9O8XIK+wr/P9ua3ruuG8ml4wuSY7\r\n4pdRmF/Y1EIkVio9ak6GABA/PkIiCG3GZKBK0XfyJYGhA+9ZazBKZka5IBS7\r\nq9zKVJcqpoyLdbnkQFEToqQc1aRL8BJq7aU=\r\n=0vfv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7ac71b54192751de3a5469d20cb2e1c30e544d30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d5a11f1c8.0","@material/base":"15.0.0-canary.d5a11f1c8.0","@material/feature-targeting":"15.0.0-canary.d5a11f1c8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d5a11f1c8.0_1661900478378_0.7149743481809365","host":"s3://npm-registry-packages"}},"15.0.0-canary.bac992a95.0":{"name":"@material/touch-target","version":"15.0.0-canary.bac992a95.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.bac992a95.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34057708b7c40d1c445f69076322f53b931572ae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.bac992a95.0.tgz","fileCount":15,"integrity":"sha512-EV/ynBl2kGf7qDrTC+TnYAjWSayE+mnQsU2ZG0+XqdW/CuiLk7P1aYSTwWZ47ACp9DGwwv7nFo3MAaO2zTWnxg==","signatures":[{"sig":"MEUCIQDRJe0S2LTVOjkKE7a+MeWei3WkgaNshToI1a1I+sLx7QIgRZP+lb/cfisto4pap4Gs4x9JAPye3630lbNUf1g6FgQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEFnDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPlw/9Hz3wZHD5VKlojliPyQotkgRpeSUKFAaITwOlymVXIl+pN/em\r\n0bnEb8fjxh4DZ9kuNwQBhUUYHW0ufq6cGBCvPlFRfCOVodL/nBR7bMP6UkTj\r\n9CtFQ/9QwsNGkIRJ8wvuFtM+XXzx+tmaucCim9pAw+/yf0+POSgHTZsReLDk\r\ng3cIkLheGJWlFl7qPNAJAFbGjZh34qmhyNwVlIXXVY36m1bi5Ki1/huMT1/S\r\n1/OA4KfSGdMGovu+H3D6fOHYJG6N+T4Ba38sy9gzmHSP+6uBnUBjpV05zyhG\r\nG+6mH5sO6eZa7ppvL00IWgsiROyeBfYldAejD3Yc1zWz7HBGJbVryO3cW6D9\r\nT3DwPiU3w4SOjdS0EhS9FWhPtrVp4qBjDrS+K6L3s+1o4CXiqAXWwtM0W/9V\r\n5HYaQuxITXXbcMdKdj/oq1Q/GxHZywWoH+pi5TOJHucMhCb1e8r6cuMrrV/A\r\nMsBx4ZAU9N8BE6LnOYASesHmB2xSJz0qI9dDiWVVl8B6VGjCEr/VBCHbiMDO\r\nISbhz5zrxKJ1cEqNqakguP9mE47U7GtwizVGdzgE7za2uCrx0Jlum2qSXdQI\r\nsm/Xti8LJWUs3hmv93BP+mkrXYKqNrdqHI4TuqSLyHKYlnK633r5bJUFkEQ4\r\n3Qzse/KidFFQPgLkgTIVTJLo+mPWRVRO+38=\r\n=tmHu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b8dc8f019b6b9a7241d55c21925faac495f9230b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.bac992a95.0","@material/base":"15.0.0-canary.bac992a95.0","@material/feature-targeting":"15.0.0-canary.bac992a95.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.bac992a95.0_1662015939086_0.927274558245287","host":"s3://npm-registry-packages"}},"15.0.0-canary.d25f3404c.0":{"name":"@material/touch-target","version":"15.0.0-canary.d25f3404c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d25f3404c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e7d99d1047008f60acbf61f628b12b5769f3dd2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d25f3404c.0.tgz","fileCount":15,"integrity":"sha512-xid3yFIm3HykyW7iv1zqkZ5DCe4E7auOASv1lSKZoA4xTZDjuafZNpngZfKEVDohmj1GqFsM7oB8X9Z/ueRr4A==","signatures":[{"sig":"MEUCIDDxKvl3IEF430D/5uN3mXvTNHCfjGE00s8fQisffdEuAiEA/LMgbl+EXSVjmqc25QsVCzofEqQJVAd9V/i1s1S3g78=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEH8AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpu/RAAhYmCNCoxXKk01E5yIvm276Exy3NnllbpkaD2Ks0w/aXXN/ZT\r\ndVc+x/pdee1FkyOsQypZ3/o8Tn5+sb7SAstbhnipYHhoz9UjHNpraF+neXgw\r\nNpxsIMs2vwTXqGsFYdL82G/Q3zSh2cIIW67LXh/FinfViuzVsZ2w1ZuTqBbC\r\npELRBO8E0c8eGBfqj11QSmhcb5uwHOxuw8Iw2O0Fg2mrLrua7YVFhesDyDvV\r\nZEZU7pEdzBi23/QrGK2T5kzoteLDWHGYIw/YZxHBFB/lqzbU0wiH/3Tw2or4\r\nzAJUC9iVdrG+OzfyLD/TPPiEIV7GyRz+xF7jJFpx/5omLsd3wsnSDCIJxPGd\r\nHRraPVeCCkfIFB+GA+Fz27o5JqG3qLLQb2sM6dLM/xGun67QVe1aUtmmkcyR\r\nptScdZeYSLzhXb4njJ9d9DaQwyUCoDiZaR2BZo0R2Ke1P0AaMvOzsOVLyBwi\r\nA+xPZt7rgwvUXxTD4TWzbVrxb73IdIJ5denj0IZ6lJl2dxwDY7eXSPSUUsG9\r\nRqUq5THUmx9P5kySMKIZHIDYvQKJ2WhvTs7H4OB0ui6Epu8u5wm3djH+XvLm\r\naF0pry+xZYtEmKyNQx0eL/15nt6TKEbsIf6yduDYQH0sy7aqb+fdoYSamxrk\r\n53RIN8QZywnDxeSetaFsA299LwOLI0E4N7Q=\r\n=oN5p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cea256990068cc2248c9bed32c4a47fe622a3286","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d25f3404c.0","@material/base":"15.0.0-canary.d25f3404c.0","@material/feature-targeting":"15.0.0-canary.d25f3404c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d25f3404c.0_1662025472639_0.9508712808867581","host":"s3://npm-registry-packages"}},"15.0.0-canary.920d8a79e.0":{"name":"@material/touch-target","version":"15.0.0-canary.920d8a79e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.920d8a79e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1201803926f37bf939add97e312a72c622afb3ce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.920d8a79e.0.tgz","fileCount":15,"integrity":"sha512-fZdTJSOzUQG5pLGq1+f3qJGhYtbGG/BxjWfnBSOUxy/VZ1zK3KlZcM1gMpt3PthJzgSarXixguWdMOv7eKqf3w==","signatures":[{"sig":"MEUCIQDi9FKVVfqrGcsYwhQ6BRtX9MC9CViVrdCKkVe/nzAB7AIgDmErTuxeDcyeXjpIzSje/YzGLq07x0P1t0KFPBjmfEY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjERQqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCkA//VOAHhBGV0JVo2I1Q4o6XGr7qwzQyU74UEVXvZY9yRkOgZOl8\r\nHpUPKWabCkfq7lYPdTwksqsUrhEoDCXdHfhoIxEfnaGCAVPvqYkeIV5bGs0K\r\nVTPnQy2ejEoPiv4jioVgJhh3/fLijvSRFmIolX0V2decu2ZKOambvRa3JlQv\r\n5YmNvRbuc0g8d4+NNX6EZ4n7lBqQdZcTrlqGh5Ri+0eDyYSKT2uPHPq9ZxcN\r\nwsmszgHq7UDXtmMTjreTSe/jajCETG1h+3BrVzUzbo1AeR/eZanCYCh2TaAb\r\n7+gqvy/11plPfBCvK2NXUkxojY0+uwJjk2uOpTbC1rs9n9HcPgtDAHowm02D\r\najMcnC1Kb1E8K/mnNnekn0CFBGzOKmOyRI7REMUM8GLS+NbKpnrXEFFOCNqo\r\nGDnzxNLmpL2Mz/sNyjOq5r7ss8LBupPyOnvjq6WA/t2oaDCoLUGb3Lc3/SmP\r\nHP343WdYaZiDrYI/w9HWgAGEtcGvKNKKUpxOsSYC+/ECAos14GKiMzzDZC72\r\nTEG+k9TmiXQg//OBSuGZDThymn1IvxIH/Np5mOLYm//75KQucOga1Qo4l6uQ\r\noYlK2IYIkLGc/RTFdZ9AruQcgqHGEffss0Hh/8aASRlVvEDWV8ejbQtSHgn5\r\na+JUFcQNJD5u69ke5vt1YTjZH2palzimfsU=\r\n=60Im\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"781a4c78770587fd97c25633bf9f137081c35bc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.920d8a79e.0","@material/base":"15.0.0-canary.920d8a79e.0","@material/feature-targeting":"15.0.0-canary.920d8a79e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.920d8a79e.0_1662063657914_0.6312667117443125","host":"s3://npm-registry-packages"}},"15.0.0-canary.c363f267b.0":{"name":"@material/touch-target","version":"15.0.0-canary.c363f267b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c363f267b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca98807833d33205b80f4fb0a496ced1b36c433f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c363f267b.0.tgz","fileCount":15,"integrity":"sha512-ylmu6nqYhxjnXCefcrdkcSv7zJYMI5fMqUz/yhaquitafrZago8FiN0UEs64YKJR3ZsQHy2LEc3rQ1Z6vl2eDw==","signatures":[{"sig":"MEUCIQDxJTK+ucWFW5o1K1n8nnMp7HHrxsj5JlUzMDx/igPOqgIgVoFLzYND9Y8QX1ufD2UsVuQSzhCbhk8mUB82e/5HS2E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjESGZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtuQ/9Hnu0sneDyrv577PP73qzT2q6ZB9++wySGwJYfnM63nWUcj7e\r\nUNN2s37aX1MjsM8bUrrCUZ7Qzx4K9j47VG3ikn5oh/go/haaY2lw9u/9U9Zh\r\n9AdE32yAclR8iUurWy07UKcqBKC9Sb0D22bJxiH7EvPRlrYo5Ty3gYy3GR9n\r\nrXTbN34qPExVYHLWToKUGBDomJGP/iKssJw61eKQDhzhe+R/y4zWOApUM+rH\r\nAL2crcb+ComTkSM2RqL8tYh43eKvpZdEqRZesaAWwLA58+4ZjTbwFP58wYaV\r\nj+Awl5ZL3PcDFwoU3Xad9YaMwOlEf6MMP71L/Txh639LLspm6Dq+wX5U6kQ8\r\nd4xI8sucjyNHLs6wOnIIdq0Rzso4H27gU+LMjuri8aOROVJMPxfj2dTZBiUX\r\nJrOL+pz/1YXG8tJSVDkoLkgappZ8Q9U7ikytIHPvQY6uV1TGy444XamZrfP8\r\nau5gomSxZiDFsZcru4r0eRQGSKdfeyTJxtOBSz/v4+ESlN/WLD4yyJXgUlnb\r\nJR9774kMCOklNHKZvAjRaumkNBF5AqdXRd5PYiZVp9F4qG+sU902DUNV91IV\r\n7RCgL+q64+3mZ1gLJuSPbkUdIaZqL/5/uzH3McKB35OJ5xqbGnZa8a8TB1p/\r\nmg3fizj6hNOHiPY6c3odn1aHNUQsspuMzhs=\r\n=sQqg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6e2ef624f85a84b5510b55933f017db57797f611","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c363f267b.0","@material/base":"15.0.0-canary.c363f267b.0","@material/feature-targeting":"15.0.0-canary.c363f267b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c363f267b.0_1662067097126_0.6646762010713909","host":"s3://npm-registry-packages"}},"15.0.0-canary.a4eb4937a.0":{"name":"@material/touch-target","version":"15.0.0-canary.a4eb4937a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a4eb4937a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"100e5b1d5242b9b20dc54f3a5ff7052ca80e5164","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a4eb4937a.0.tgz","fileCount":15,"integrity":"sha512-uVrbAAQS+tZu0GZoQVXJ2mSmkTjhYesBpQH642VWVPgFg2GzOSZ4ZDN+nEWW6jVLSWTB8n9ttydrBK1+E6EtnA==","signatures":[{"sig":"MEYCIQDYKxOI1BWiRLQOnLsdxK1twtb3i4T2nprctfGr5gMwwgIhALnc58OJWpEnRnn7Ksrr/O3aiPo3Jmcbx63Wh+Z3vOKR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjF49EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrD/RAAoxlfY97iTt/GPy2sBo/9iQmOBExcnSUlW/FCiSbcy4pMU5Q8\r\nGYSky/Txcb+2OgENiuV5enbL6mUmX0SyBuGfyL4A++ZYYzgCDylzuNOxG5jn\r\nZR3aO5WQgb3b5VgIqUjYnsreoQkfqMaQ0i4hMjwTFYbf3eNOWDAjYkTlEGXO\r\ntk1Sz5jOM6VAZrWOVXEhabhQ2N6TPvPdQ32dN4Pv3sPiVxA+Hiw2prkpAUwi\r\nLLIR6Ana+JsiM/tD8KKkygKi6aRZliLRpgQCdXWK7JuZ/upfaQw1CxvVAVjr\r\nv3LuUDKHAjV0FG5Tabn5OYoNKj2BEv4etBvxkSA9dCjSFahhJ7imf6rnpW/s\r\nLV2DEe0mTFpvkkleHOCbTuxeeZDI682QPFvUS9YzSor2eQSZGAOwBJ8ZB1wM\r\nKwMS0wOyYdcPsAgg7BDsApwYjqZaEUAbc1+8tdgJVaTWGk4xKooZYfrTd1df\r\nPcGR88SeW7b60VTk+JATL8AjuY84ncHSVDuyJP90tlfBjyBwtMXaCAJ/MMgr\r\nXwDWqtXGwlcIzga2hlqKosLq+XvPe1qBXXcvYgNUDmSOsZPCjfT492sO0iEg\r\nlIC4GZWUg5Xy8WnjZPMeI6+/QkkhKBHGUf+aYBTNezd9BbCGzkhCz5QE5yVd\r\n1XSYwMbKGCJGqgj9+Frpo6oriOn0koWNrgA=\r\n=jpzn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cc03915314119934676831cd7a244f70e12dd2c6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a4eb4937a.0","@material/base":"15.0.0-canary.a4eb4937a.0","@material/feature-targeting":"15.0.0-canary.a4eb4937a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a4eb4937a.0_1662488388412_0.4867129508628538","host":"s3://npm-registry-packages"}},"15.0.0-canary.4299717da.0":{"name":"@material/touch-target","version":"15.0.0-canary.4299717da.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.4299717da.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b40ea3b024978bc47573ff5f2efc84224e380fbb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.4299717da.0.tgz","fileCount":15,"integrity":"sha512-gXdXhKhWCEVAS8QkiT1smYbGewws0p+2fOnpYjqe7V6NLpGAnsDPBvtFv3DzKu3kgl1+Kfv066A0q2qLWabfLQ==","signatures":[{"sig":"MEYCIQC0peTcM4Wz7S5f5YMI4F4OlAQa7LHuOUpFaISHt2nucQIhAPKIWmoKwbUwlxrB8te3J7A4Ghg0HrfbGlQZ0XrgKp2Y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGMOtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEAw//QDyCkAGCuKqES3FykOWvv/mkpGKLjJA8ErHUf3FIblAGqbCQ\r\nlIGHDrBxZsvYdpUWy/7Kd2xFdfC4u1/bBMXq8yO5erEWhj0Rq2usyXSVQ1Ly\r\noQ0DACY6dtnXvW95FxAKPzh/e4aSfsymu9Vi8MtcE2uwn37OV9pp38x13iLG\r\nsT0OoCaW2dMfIfIz/S8PTqyeLHAORUCNvKSJl6I6ZE2UCE9q79idios/wiLV\r\n0LMAMTng6RzZ1ZvOEGlahk4CLi3pyiGudXUq9D405EQRs+XwMzicPOpapzx9\r\nsV3kDG3iIyh7xvL/axd9Y0vK2yntbrJYaS5ooikJVxblYWlEahVhxXyeHFqX\r\nFM5Zcf9X/MwvBn+ftN+onUnUjhFAQxOl4YsSYEIz2sUE1Ch5Bvk+7CZNhA3S\r\nTumESHeWS0qY2i10Uzoy3dDgtfSN90ay5JBEUey63P5FxaoiVR6vmkjIYmW9\r\nH9aat0Y46zurz0xshanvK5CE73VlLER8V4J+46HRBo/LIdCFlmVa+gXe3ARq\r\nSLybxHRTlfTM4hzMRc6/0HYY1HNaaE6teyihXDR6lA5QP3wDcNKWB1G8NcI9\r\n0rSY5Gbb18q7MvIquRFCJtt9ywgagyizXyIB+vMsUcgZ0OcmnBX/8CT+x5sr\r\nQmzL5RTondG4ZGC1BE634UBN9gepUyrNbgY=\r\n=moC7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"22082634ffad1ea812192e5ac62786a8ef47aa81","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.4299717da.0","@material/base":"15.0.0-canary.4299717da.0","@material/feature-targeting":"15.0.0-canary.4299717da.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.4299717da.0_1662567341628_0.10401493248837013","host":"s3://npm-registry-packages"}},"15.0.0-canary.fa7d8d44b.0":{"name":"@material/touch-target","version":"15.0.0-canary.fa7d8d44b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.fa7d8d44b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9114bd9222499d6c6e87ea1c0df8e9312b16f17","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.fa7d8d44b.0.tgz","fileCount":15,"integrity":"sha512-c45Nl/JgVm8JNO1FsQUoRt2LaBvQ40KpYmBcDw2T6fOlssjxHVsgeAIvKJQlftnG0X4yIWBtoQcm33GR2suM2A==","signatures":[{"sig":"MEYCIQD2bA7iG6RP4qgyhl3zhyzZVN6fKIjNJGgjtAzvnYuzMgIhAM3jsAvjVc02WO4NlkhCWQ1uZ9mKgiZt0Lpl7AnEWGbb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGO6aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogpA/+NM5ida26iyKTyw1X027THgDf2+2FKMzJLhaJZrPqe8usFvpu\r\nKwiC55IGBj70SN/WwxkSMbyYzzz61nnucA53lCBDUNaxLET7QCLGq4VzIGJz\r\n3fhckfqd+K4uQS/BiAD/6hnpM+/bCIraYy9zHVkrkZEpj4rnkug8EIFF5Tav\r\n9z3iP9v+SCy5zh3M1qmjOD+35+t/s2fO2E2olvDvGL65aGB7yc+21rMvOIjO\r\nAe4hga9Gmk7hS4D/52zXi+33mPyGsvYyARk8H5BoQF1uiLWLipBLgSBF/al5\r\nc14M/VDd/jJz5hITQvBGb+JTlIC7rtrXkMlYCn/MwmJEhb1J3feenv4YVGlM\r\nArJSEargm+HUacWdW85hrZZL2kRP1aES5m73LSS3adNb5aMQx7hYq/hHQi+p\r\nIcSUbp04y/f+5K1uS0+PnNZrhw18LBMYtHX4lQZFB5smSlpDgRNCV6g5YzkM\r\nPK86waHWXA0851HIbxUd7L0cSd9yCHYDpgIoVMEIQMjSOEYv0UlcQLRRtKO0\r\nk5k/6pGsQdEr+A1ArrJ6K3MhM1obXXVOsR9svJWhT6YfcRyZs5Sg7hKOUzXc\r\nZD/bZyhbA/l6z2we4FDkvH0BBujp3Z7e1iqET7S22hQvAxGFkaFyMTKR/lvN\r\nh3imghpbs+F8gEgK37QNzR/YOQmDtM8yPYc=\r\n=FdcV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6fc828292e73ec2f8aa4332891628e90f4586658","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.fa7d8d44b.0","@material/base":"15.0.0-canary.fa7d8d44b.0","@material/feature-targeting":"15.0.0-canary.fa7d8d44b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.fa7d8d44b.0_1662578329812_0.837846298302819","host":"s3://npm-registry-packages"}},"15.0.0-canary.a40e3c768.0":{"name":"@material/touch-target","version":"15.0.0-canary.a40e3c768.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a40e3c768.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f41181b9540b0b79d36bde58cb29adf64c49a44f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a40e3c768.0.tgz","fileCount":15,"integrity":"sha512-ADzfGDpW2BphfO6JPpr4byH7N6rUsa6LsxL+ooWDVgGjks6+09L03I8grOVS/B6xUOMCu8vMNG1M5ttgNRIiGw==","signatures":[{"sig":"MEUCIQCSuzSrdVJH88x0u+A6XTy+cjuj5rMXuwzLG21OtHDEZAIgWgDzy6Tdtgf1KmTaCB/hWQW1F9G3TqL5FbI447Q3Pu8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjG5wtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPag/7BTe62/aok/P0qGKwnCc8fYto7mTrpTzyV9sJ9x2a8MKV6Qcn\r\nkiOV4smFTsN5mnxyD+069HYFS0pnhFsmHiCvnw+2B3IrjbUPi0Pro4hkOt8U\r\nS6CwCYXeisKLZSVrjbi/eOkOc6hoF9KAZ0W/0VSvvC5ZZ1bcNHQQ582cdFWi\r\nEZeqKYk1VQuV1jrGDD5jsCYN1OjVtv7juVFvXuZaZe1KaBR4F36dVIGutUUr\r\nUiHbdb2rlhWWZtcd0tNQt1fpjQqvfsXzCe283bpMefVdg9O5fC4MBZ2zakRz\r\nzU4RStX/DCGtJQOL5tKxPb0lyBOSiv+9OKUarvWs0fkA94cd4t2aSrJrx4lL\r\n9/Ct5j2DM9HMD/hOVy1CuJJqfMgC54wwKeqijzwBmDdOVYMN4RuYsl9PxeBN\r\n1P01eXxZF/mxBgzQ5b4CHAg+wTqa5KUNR19/ZaDdxn1Jqyra9PRWR2B2ysO2\r\nuxJVYVyBTS9F8RMMhXy7Atu0+ZQZpRVFDgP1n+3vqPOTKGBWLzIxnXjG1Dh/\r\nfNeWCio/+3EfkzGuEDt+R+pJoNvJcKLPVD5sFlmWQwaGNl+g47nu3Y6H0d4L\r\nP59cGXzPp1BCrC98ThVim6vtwoIsBbUXgu9O42++sJteCkeY5kFllkkpGGPL\r\nxBUr6A08SgqCc0NvBNSbbOudAKyLFB9TQXY=\r\n=kGZ1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"33ff1e71e12298ba7158884edffecc83f0055913","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a40e3c768.0","@material/base":"15.0.0-canary.a40e3c768.0","@material/feature-targeting":"15.0.0-canary.a40e3c768.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a40e3c768.0_1662753837386_0.6236533118047825","host":"s3://npm-registry-packages"}},"15.0.0-canary.18cdc9a00.0":{"name":"@material/touch-target","version":"15.0.0-canary.18cdc9a00.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.18cdc9a00.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"28bd13b46dc69aa0816363fb59ef3eb3761091e0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.18cdc9a00.0.tgz","fileCount":15,"integrity":"sha512-TqN0OeWjBItdDMJtB/d4M/SGfQd63sFRsN7Gwe9MT9xc+Mhx13pve7u3s78lye7sCVT1hbv7dZ/13rliY4z60g==","signatures":[{"sig":"MEQCIGn2JsQ1kvbWhdcD30nFq36U75eiO5yv7qJthE02iaVfAiA0vcP6iFvb36Z+6VNigkb5chmXPZzAi0wi/viZluN3Wg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjH56AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmofug/9E0U1obBhxY+JcRvHdBQkjEfdA1V5Rro9juaXNC8EdIG8UyP2\r\nScXQKzKtqHTe3qa2tHTQZ3vd/nMTO13hLIIsW4nkpt0+K0goBUx3lL+LpnkT\r\nrl50x0+HQy6vCZb2XlGbDLSQPMj4c3sgGiJb4IDK9//5DO+tPJRBhyhlorVE\r\n4xucJfBT36V7/jJWiWpKjnX55iW2BpqzYzxCrab8rnYbTRa5K9aUg/ckfbbf\r\nA28wl/Dv1WpUhYuQ7EmcPmTAqNGaM8ha65R+Qp5GIdYuAfKlk4PiT82Xg/e4\r\nEGF3vKUHe7/YSt4w/JTJH//w6p3F7AbnppuQi18p2/HWIrLourBdcAE1Y6jQ\r\n+4ajASYKxFmPRiPiD2OeCUmpxxfE4qvGCPtf8cxvIIPez27tW8C2sthNuPCr\r\nUBNuwp+PPpQyxvpoJES8ctrY14BM/jjAUsY03aiV1jr630V6PggdkE0/5974\r\n/T+mvy63eHn38blgBhyJ91NOsfVowfWzx5TxDbQBn4mge0hKFD6k6Ocn4EEs\r\nllsl0WI89P4F0FZ9vcfMUGc7Rp+CPFksJ19r2FtAU9f1Ul04Voy/CUW4D0Ww\r\nwx8QImaogVRU6h+PBFbb04ZuLFP83z9con9VjoDAAn9BByr56Txyc79MAGFv\r\nZ7NkOAnc3QOvc3S0dq0MH67S7wJlK+sA+do=\r\n=Z3my\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"85b7dc2034fbd68e480826d635d6d061ba62d3ac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.18cdc9a00.0","@material/base":"15.0.0-canary.18cdc9a00.0","@material/feature-targeting":"15.0.0-canary.18cdc9a00.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.18cdc9a00.0_1663016575802_0.5339120104883457","host":"s3://npm-registry-packages"}},"15.0.0-canary.7ab3cd3c8.0":{"name":"@material/touch-target","version":"15.0.0-canary.7ab3cd3c8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7ab3cd3c8.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6cec87c2035540129f44a5de8b44861e31923eb1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7ab3cd3c8.0.tgz","fileCount":15,"integrity":"sha512-goH5lZ0GZ51pNjGs2iykBM/igiksRX7qTMnyeUP5f6MAoR6OWbWec5hbB36pMBM+pu6hhrqBkaOfKPKKuQ0ofA==","signatures":[{"sig":"MEUCIQD0YPIJtih0YGv5dy00YF/wM2Da6AoOD6ZHEsJAlQSEXAIgQKZWp1f+4yh+9ZVNV4JvSDWuqCnIoCmDXzjSn3c8naw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIQaQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqpRg/6A2P+x74SQ2UcpmMhAZKExkueUY4BQwPdWQn1AS93BMbH4bZz\r\n0Jgugmy1/nMXce1uZK263RBNEBQkrE3C895b4e1aVlgUl4NRaflW0K64CpPE\r\n+e0hlKVeQOjLqThmTIM235Dt/h1jualiiW/cdF+/m3jiwJKHzjscGNL7A0rk\r\nGFyaXxb1/G1WBW4N73oLOj4FRHFnrFeLl5ca+w/0BuzgXNx52d27ImrdYYK6\r\nskr3VUNB68gTIIeSv0t+i5zNV3kER+dvw+ITe+bLpgxuA9/w/IB9teCQZHKj\r\niiWW4EF5BccQSSBx3+fMmuWWzMbA+APLvcNolz6RM60+LnCM0kVuuqSngZZR\r\nzWoGUXIk9nQuCJ4OM5DMxMyYb7noClrYoyPfuqz1IbeHSO8spPMB0vYyZox6\r\nQNXmemdVvbHbiqwzOTaM/rEaTmb7w6ufKto0OOsFFDQIRLwi11sNcybIJ4E8\r\nD2vFIIZG8Hz8iaW7KnNsiDawZbYh9jbfgEiJxMlh+x278AoHHxHvLxug+X4n\r\nxASHYShrEUvotDJ0Y7VpCCOMhPYDoj2c7vONxAiqC2BPYf4IOZ4Cc6CVGQQO\r\nphihALfkNbNqyF0qkw/bx5EBssTKLx27hfY+tKkmbyLvf7bMZMRXFnLJIAKl\r\nNhqz8FDEGZk2kTWHxgDsl3YS9/pAfnfvdMc=\r\n=vxVY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5e840f2c9b221706de7ff81194e71da2b68b82f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7ab3cd3c8.0","@material/base":"15.0.0-canary.7ab3cd3c8.0","@material/feature-targeting":"15.0.0-canary.7ab3cd3c8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7ab3cd3c8.0_1663108752305_0.4832370714436496","host":"s3://npm-registry-packages"}},"15.0.0-canary.2860d244d.0":{"name":"@material/touch-target","version":"15.0.0-canary.2860d244d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.2860d244d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5d2c1c30ac6903b6d8c0dd2c701dea8ec8c71d6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.2860d244d.0.tgz","fileCount":15,"integrity":"sha512-BjupS8q5Xu+M6BHA9yIcYRZ5W3lwdQhYKcU7k5yRUweDOIFmNqP2W8EJpQ6sGMecP1drV2x/dogtnZe+NE0QJw==","signatures":[{"sig":"MEYCIQCRaV0ZuWCVTfYO0KCTzYuX0h/w158uuhrbdtOozPaLqwIhAOYu/Gndr10M/jKMx9w9Rn5RSL+8XeWOcczLvFDakqcb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJP67ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8LA/9Fdlm5rVYF+HwVYZn/wbncYQqzeUF0zd5SvI8SoqGoe8qHsl7\r\n9b9kFzvC+LWS9N9kanG2hx8FPP+DS6Bp67jOWi7oymfNZtXv518Tj8rNYWds\r\n/WDXqWiNgy/0mAdgQRTJ1o7pkznbzrNdT05a/N6EB2zj4fEhBHOGkJH12qPd\r\n2V2YCHLTKIr6fjPR8E+6pLr0u6eflZWM4G1e9x/WxalVd96tHvlKeEu4m8GP\r\nGkuRouB++N6hyh91rVLPc7u4DYQtfclfRZhzQf4WcI/EeDF3yG6LwI/+74jz\r\naUkxXs016ofLpt5pr6DReexRRuXyo1fffJCfttnx7/OnpNyZitSfW3EpEyVd\r\njDGwfy6EdtpojhKQrNU1VjRpJZkJv6rKQYPveHa8kZntNnoYUbzfGcjUmdeH\r\nssxcwGPisTy2x2dg+OUY/kNcJ3PR5RCbRLOXrQTx227vpptcaHgtDSEGlvFB\r\nMMnZjfkNIP0vXRDATrhzvGV9xY9d+9M+3ecUnjbhf1/nbcJrAt95+8zIxvue\r\ntIkXA8L9LopvUaapvfoafNr7oQw7K4j0zkXezWBE4GVj9y9ZHVvObV2I6JG7\r\noFLczlMLEFPymZvakrXy0SXoHCxK5TR3jWVtxVxjgw2OQRBBS9cUpTQPpmiH\r\nTBz6xbJKwfXSd4dQT5TiSmCDO6JR/xADo38=\r\n=mczT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"992b4ddc7340e4e4231d1001d68229e8911eeba5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.2860d244d.0","@material/base":"15.0.0-canary.2860d244d.0","@material/feature-targeting":"15.0.0-canary.2860d244d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.2860d244d.0_1663368891333_0.3945787597594166","host":"s3://npm-registry-packages"}},"15.0.0-canary.e8726533c.0":{"name":"@material/touch-target","version":"15.0.0-canary.e8726533c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.e8726533c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"913622792cafb1b2e93c757df42f970a1e2929bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.e8726533c.0.tgz","fileCount":15,"integrity":"sha512-A0HCdlMLboqReRSStNBl1UvMdX/sNa/eBZEU7tb0UN6zNQ5T9yGfkACXlYLlj1zQeImjvdf9yW6UyQ3tlXf4CA==","signatures":[{"sig":"MEYCIQCmfyZrFZMdI9FBFoyCsDUlHDfh/q8nn4NziPjhqh2R6gIhAKS6TZrg7vefzvLDB1GOjDQnA59XKJrv3xo2e+xVKOGV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKh/mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3Mw/+O6e4aC/Y2nB7MLEQ8fG1p+4+iRjRbAE+LZOHQ+TM8acjXOEL\r\nQGlVGhqw6V5RgnrHJUEMz+jYF/cPWFQA9ajq271DRyFvpbU9Usa89gvHIXes\r\nKDbyWE6s7vNVyIUVlUb1obiDe3pA6QYDs/wpzq5Hx3ffOu0K4h8YSjX+AeDf\r\naHs7XATl5E21I9odaF2ohxUG2qBDZfaYSlklPFi2U3qneFNww1dZmkAGsHHm\r\nL4k2vO2dW6wgErlkVzHRpcociipduFlNT9+J+jrS78ahcNdFQ3uKQ77Lbs+i\r\nsp5/zMOIMZ90dmztzJlGfYFjbH/48wcDOzA16jEY4tg8LxeTcMcXQ3xZv+Kx\r\ndBBcVIpsgvvP8rXa9hjvnhCDw7tksxmMnrFG4aX9CKmBW1nSJG0a28Ttb+ta\r\nqQazBhaUUxdBvuJGMb+hF6kUd6T6ssDTmpGu6ldAWPYV2gy+VDjMdHBR3pyI\r\nLMMPQlYK671aynRCnYnNPP4iRjZUsTW+GBZGvnhYYSuTUcopsk/ujI6ikMIT\r\n+OOsxL46bqSuUIDk/VEIsU3mqXzZY6bUKAhKLtVp5UU80SjlRSw4tFBLKJbL\r\nmLvd3COEuyIvHkb0KUqf2iF53VE3K5yh+Nt+YBZpU7GBlIJzyukvvQmY8wJ0\r\nbcpsFBl+Jzy1cPl4JqUQ6i84ShzFmcC9Tt8=\r\n=5zjI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b85a9f4d1ad6e30de8175562c0093248848c2598","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.e8726533c.0","@material/base":"15.0.0-canary.e8726533c.0","@material/feature-targeting":"15.0.0-canary.e8726533c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.e8726533c.0_1663705062491_0.678179846725351","host":"s3://npm-registry-packages"}},"15.0.0-canary.00d8de0aa.0":{"name":"@material/touch-target","version":"15.0.0-canary.00d8de0aa.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.00d8de0aa.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00adfdea4111e24a5ff61e7fac589fce6b2388c4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.00d8de0aa.0.tgz","fileCount":15,"integrity":"sha512-hHLUuyRsjROpGBEorEQVB002VjuLTiLVB/AlkzCSCo/hvf2zrOr8Yg5xNd8YoVJfsMS3/kG3uRe1FDUIqm2RTQ==","signatures":[{"sig":"MEQCIELSeFkmtk9ykoYjF1y6cDBUuwT6fw2fUpYbmR+NSCStAiAtOsOBr1wg2GHIYp7V0XDzbKziJmgqagu3K1gHjfrklg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKyunACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfNA//RMG99l+IDiZ4oPi3uU7kfrr0kryyTliwDDzKwMgQZPjX0DyH\r\nO/i37PVq/0VR1Ma1T/9A/hkWHq8Kff5JNT7JoqG+DCJPefriIslF/rsQEJJx\r\nGDvkCYEuTU1xFef1nLdqwvDOYvRoV7bt5cmovk0t5nclqgTDC4tQ/Jd+OfY5\r\noO5XO1hYY8Q8PVhm1oTzDt+A5XGYcywZuATNmfaouN3EbLMIoeA6V9WVs7pC\r\ne/BZuWp5Eflad/MVlDHAVVeY2aYDX03jvEL4F8av1c8m2rb+aOhO7cMvCVNv\r\nm+8OVahGBR3fJfDC4yllr/U09FHqxQd1wiYu/p5zc1Ay35a4AnVJLGEflRg2\r\nbebQc5rbpc9rVaRFp7MG3yn6XsldifliBZeMcedW16dIYaYA3VPlcZMU7SRk\r\nBSvPT+aZZByoqeXRjrPuEyB3M5emGSADnF9+yTf10xdaVNebNdZxCMqQdT9A\r\n2TmOdh0evXvc5azGdk/ZShJ9heQuio+MGPIk1+Mlid1qEcceRdgA4+b6ncbj\r\nCWIgkgLKoksGT2s9U45o5Z0wedB/Ybwq4ZZRr4p2ffpJyvTbNCYk8mvnfk6c\r\np3QFq6aM1WEvNkjWSmy7KRPk0HRDbSGTp0VNS0Ytr5k3FlTaeyOPDBHxObCV\r\nxA10kh35T8ftts1kCYEN3f0V4uPy4ocjVKA=\r\n=DK8d\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0be0806991396e042fbbfb14ac3ad622770647cf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.00d8de0aa.0","@material/base":"15.0.0-canary.00d8de0aa.0","@material/feature-targeting":"15.0.0-canary.00d8de0aa.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.00d8de0aa.0_1663773607761_0.26161991047048816","host":"s3://npm-registry-packages"}},"15.0.0-canary.271aedc30.0":{"name":"@material/touch-target","version":"15.0.0-canary.271aedc30.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.271aedc30.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d4b98848c1887efac25c106c4cee635c94029c5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.271aedc30.0.tgz","fileCount":15,"integrity":"sha512-x5ySqOFIzccR9V5AcJUUHToQDzj0krIvARyDfhOQKoPJiPgY8lKawCp082DC25JsQKUf+aCciHJTkh7+MVx57Q==","signatures":[{"sig":"MEUCIEAOJhQx2Hu68cCJ+MDsMQi63YB8O4uQabeZTk0l+sfCAiEAt5VgmoSFUJe2ks6mqg3IJr+4ohItkR2EbEuN3ir+a88=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKy9cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbJQ//fA6jA9WaEUECTprZX7xwaHLzCQURnEd5Stxt8hNg4iUbUGcG\r\ngTLkcv1nDQjP5IZU3KMnmVWGFHOfd7lG2GArXQ7Du5qCPFo6pfup954l94TS\r\nToI5RBkDoD2B52x992mxmdCb9M/qrRdDcNALskdahU6RntxaS9lngOULFYNi\r\nPTyL4JGrTd2Wi3EebjVESLstPCuI/YlEJqjEwirJWyEmvyIELkPdaMSSxrIC\r\nBVDJm/MnPL+BvfuqNFOBwedYiAenmBqu4eAzEoqus8MDUo8ZzGo8sAJcYptg\r\nYWemKbDgGt2w5tncdG2nu3FFslMAQn0rTyDn26HtijUEJjwWvat+Hc7gCCVc\r\nc5U9ClsfcEB9jEBu9EKJhJvqWUFukAoln1yRarEFKYK99v/wNAod62C/cELY\r\n/wTqT5jwzoh+jnRC40ikRRxck7JPbhP/CMESU44znDZ3fBm6X/Evs4D4NHUF\r\ncnuV2pcVsOqLwwFrZEbxk+lKQ+TWzvsyOSzWgSR9v0yyvqb/KYm68eeVEVNW\r\nfsdMnyC4bx43dtWS/pSSFXx4U2buxUozqwfbw+6IsCP1oMsnQTg8cnFV0Tji\r\nOhx5uUEwg0rDGtrDZFWuO5yXSjocHdUp5lDMXcqrOZa4Fb9g/AlWUsABEIE0\r\nItrkqlTlIcEj/IUVQftTerV+R5Zc1xCYnqI=\r\n=9QzO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4972da221d6f097e904fd1a001de647e0e185749","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.271aedc30.0","@material/base":"15.0.0-canary.271aedc30.0","@material/feature-targeting":"15.0.0-canary.271aedc30.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.271aedc30.0_1663774556040_0.958895521221014","host":"s3://npm-registry-packages"}},"15.0.0-canary.9f17ff2cb.0":{"name":"@material/touch-target","version":"15.0.0-canary.9f17ff2cb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.9f17ff2cb.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d8cb67e7822ca662c9521a4b79b7655321054db","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.9f17ff2cb.0.tgz","fileCount":15,"integrity":"sha512-xcsFElUYW0pSIp1Eo2udy16be0f2Mfl7zZNAdpgXlK2X8ZFLPQN/H8lZ4xm4opxrPBAbWbqVBSMPCy4UKXeCmQ==","signatures":[{"sig":"MEUCIHCFKkRItgWwGZv60T6s1eMAP9459YQlbIFyVpaME976AiEA7emPf4Wj6fiMd0qVvPyojzmR/oorndcs0fIHXTxZGJM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjK1MOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6YQ//V1z8zJDugudBewCtWvkMpiNUtSQbRG7Iq7yW4zr9BAUPSeOz\r\nL/K9JNf5GiHQKMZRkS/wx1f+Nwy+ZBQmymLF4hAcCakiv5QrklIW4z2EBnmT\r\nyIp4h1b/tTYXaZfEzTiTiH/LhMlkBqm/VWXTgPWJzm+dpFWFYJBOEuJqJuAA\r\nB+KdvWDXF7SHm7A6rJ84FhDBQ7GFc7936lmfrBntdQQkj6oFTFCdqWN7ipVI\r\n8o+IijmFNQaRNuY5kR049XwhebhlcKcpKvcruBFZuADm9HsJKSwcMWyCFBax\r\nfaNUBdoOhGCgxA1Cz6yW/Oh/G6O07Xf/m8Ltek7n4e/4LHh3Ytc+9gOE+i/D\r\n17pVNxzCTtQnnsBMacgxObEDdU4GZcvcenKd5ukoJG5o2LTv8YC4VI3e0SDF\r\nXiKtQx8y69uh+/Mu/6nlk0LwpALh2lFg31/GgaiAvNOa2oxECPAYnd6ihCzO\r\nDT662ZIq2HfLuz0FB+sQw9MoVJUlJFkGXT7d9rvELxAoZ32P1+Y1i+t5dutn\r\nFMgsAB69H8vmLgbPyiK7GrNdDDA6Ks8JwyAF0g1wnKXkVjxZC2YqMWn+RQ36\r\ntIEOHyJjIc0ASar4AKO38HdjlKkRfSPEJx1jvFyJhzMCuHgIbRyhgmKYQA7d\r\nki65EJTIw/x4bSXLFFrkMLQZmuowhmjji/Q=\r\n=5Dx4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"34e73eebdcebc0a0b475c8b2f9fa0dd4a4c3397e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.9f17ff2cb.0","@material/base":"15.0.0-canary.9f17ff2cb.0","@material/feature-targeting":"15.0.0-canary.9f17ff2cb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.9f17ff2cb.0_1663783694222_0.05468720326499299","host":"s3://npm-registry-packages"}},"15.0.0-canary.d3344c16f.0":{"name":"@material/touch-target","version":"15.0.0-canary.d3344c16f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d3344c16f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d1ba61444a527566d93d442ad882826236cfa24f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d3344c16f.0.tgz","fileCount":15,"integrity":"sha512-niMa7kEOXNaBpbWjA1VIjZWfzLAajmp740fRNRyQZwGcfIfN9IcmUCelwQrS94G/r31bSQQn9ak6uyZCCOdpRQ==","signatures":[{"sig":"MEUCIGU+HgF0EUTF4HZntjTkBQ5QdrVsTruWUtVl44iTjjX3AiEApUwTUlQVBvojjxic+Xv7JS7zqTOcFhAABtbR7LM+Zew=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLCnJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGvA//ViHO8IK/50weuKcf/lCntvyVshTQxul4Mqj5fovTvoeJCKy0\r\n73gE7wyEltnxrxPHpwxL0d3HqfcEmkz0lLdihQY1HQpoVF0VorG17JVut/fY\r\nT4+OBBDcxPXMqj6PW989/6276lcrjvrRASDRgbo+s60prw2nWNKZO/hH/wla\r\n58D+z51SmgmbKKEnUYT4HqGbCaLSBlNuA2WJQuy0VsGd18bdbeCDCgN2SkNs\r\nHgjamtP8kRhMp78Cd8/s2DNyAPtI96RyaSE3woPG1Z6HUdrlXSJWBWltguZp\r\nOgmQtCQnAJk4CCMBC+3WFWte4bZiuNQszHsAvch6RfxXjuviy5ZuGPe8K0Wy\r\n8WZovg2eABRS3xG0UvG1W4qBsDOub+vRIKjOlEk7YbdCz/UHKo0lxvx19OOO\r\nM+x98fbUNAOPaHL0/CJUAy0IUMH1e52DIpaFk5VW2Cr+qWZ5Lzvv2m23PUia\r\nt3V3mGXzOu+HbIqgWUY0wKD8EqgN45tdrySS4TuzmG7TM+vo8G3MO34rHp4z\r\nKaGdE5SoLElX6QoEPhVdbPvw/+GViZ4Bkb+LfPoKK9Pf9ubC+pvhWYG+Xq1X\r\nebDK7g9gxhLIYzY7MbFK6pnMIL/NunIFwcqxIyWVzSVAzpA5IVU/ttBUv1in\r\n11GNKT4kTW4+tevtfIBAeZs5jpqs+vJWWts=\r\n=j7us\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e0a8dfcab6df46c9fcc9969a6dba1f4fe48e028c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d3344c16f.0","@material/base":"15.0.0-canary.d3344c16f.0","@material/feature-targeting":"15.0.0-canary.d3344c16f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d3344c16f.0_1663838665303_0.18676267891964282","host":"s3://npm-registry-packages"}},"15.0.0-canary.94f20ccb8.0":{"name":"@material/touch-target","version":"15.0.0-canary.94f20ccb8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.94f20ccb8.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d644f853c81170fc2a412031c5d1ea621b3d5e5f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.94f20ccb8.0.tgz","fileCount":15,"integrity":"sha512-If4WJgJDsL5xnSrn5gjHeSVtkybIfAnEBd/F+TJcFN1YWythOnojVM6B1BBtlxbFgITPWBFhsohJsRluvQLuMQ==","signatures":[{"sig":"MEUCIQDQ6KgxfZd1jYGGy0ykAekmI8K/eS/xRPTQs4WfbuxaSgIgJVkUsEvxKxPFtCJyO6kJD2/4u/NKXQBAou9PNnFv9ik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLMnwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3YQ//aPTapD2NxWUilpCb8bhAQsQPMqWZlLSXoLsVhrdB3NYgDjLw\r\nsUNFTHQSATqwmmXieEpntnH+IENiLQ8DUshzdFF+K7E6W/s4RAexp4o6be5B\r\nodn/1ioAXb9zJJqOrdgg+V5AeQ9lFd7u3OsVT+CszGrclbYmnyPePbLOXqnE\r\nklhT3yzhzbrwWbZJa/qq2fkLBva0zCH2Vsybv1grpmsfK8is69XGtjRc6vm1\r\nCYXScDm9G4zZ5snnnDAm9octYTCHQNOTR50qGfia/k5YgoajYUmfiM+56P+M\r\nevSGb45E0cJGSWKNv73EY7m8C4Lh2I+c6lCHcE80Qi9vRbioivumGNkWlUCH\r\nrBdfiLGHMAZQ2l7o187CsgxUgnBZjPeKBiLQMM1jibSqRuiUNrfVKGAafX9Q\r\nB5lL4XSQYWcE5zPw1zIerMAQRQEEjQLJ1JC3TRuCvJxEwn+nS87QwGcbAgyc\r\nvww2weyfgdX6v6ueOFzBCLMOCXKpncIMcc5/K9lTfPjl0MkMML8B1uTEFR8h\r\nxexWlxXJC3dxKnyjJoza1pk+t1iUvp1veAm2hNNpb3pUz3jK0pXvte+JGwzO\r\nt9N7luuGhTkjYsC+BnBrc0j9Ev/WpH6fbk0V3dL1p1tmZXCfthijXw05w3Ao\r\nhhjShbkUc0WTzvYcCVplQLPM6LWIcPjtwdw=\r\n=Pd8Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"16225f613437ecef2ed2d760a08046953ecd51ff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.94f20ccb8.0","@material/base":"15.0.0-canary.94f20ccb8.0","@material/feature-targeting":"15.0.0-canary.94f20ccb8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.94f20ccb8.0_1663879663798_0.8700936514520938","host":"s3://npm-registry-packages"}},"15.0.0-canary.81e4cb7b2.0":{"name":"@material/touch-target","version":"15.0.0-canary.81e4cb7b2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.81e4cb7b2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1355bbe8357b34cf83d5976d6d021acf42948f0e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.81e4cb7b2.0.tgz","fileCount":15,"integrity":"sha512-AwR00rNGqY03VouhpGcV1HUEBKfQYhDbtQnBBI6Ix/sTUwDWZI6tOr9Z3RbPpvKo7E3Pz2aXm1HG/umFCr/ijw==","signatures":[{"sig":"MEQCIBlElYxZQ7L8CINTwZ/H/25MSl9OKtoE/9M4lyE4dqHHAiBu9HMNyVaKaxZRGL9NRsvYcU09CEfeH8VrCnM6mMDMmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLcvYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0bA//VqHS/TwlyemP7RcRMjP17Udao0HHxOhZOVuNIdU0bXVrfLtZ\r\nY51Xqif6I+Jv9E0dvytnkhvRy/9SZfD19EukB95Vv7712VcEOjy6yEryV3cY\r\nsc00r2Q0/czd3SxKL02i1fgGzuaBKaTEAjemel3Ri5lHLuCqDDzeI2CG56fQ\r\nIxVRU/z3bOdnNylyc6vrINxtSzUam+8OIaJhTi7EqjvU0JVDWu7Xb7LmPRXv\r\nSNGtj6JgER6sCSVBYvIw/Sqms+PViQyJSFq6/vnrqHXER7v/O8+5JVNDR4bu\r\nER2Ge2f5yT6dMcIaxEGDGYDq+ETLSix33pcGHSczWMuHmpKEcid4w4ipOq9Y\r\nKQ/Urhkx7ZP1wXziWOP/s4FQBrZ1PDpO7y4gf2s6JBdtP8OZJ535e/0jn3Yz\r\n84oxZZB/SnnLPEQaPsLnKdEu0OFYgAKARVTf/rbnbFeInRX/yDomPQdSnZ6d\r\nM4kgIxr3tG+IatSlybgB/MXL9tKca1Fwqq8Y8cPW8gFRSIq5fE7OhFL0jPS6\r\nYBdyk7bqebXsQqUoiXXzXaBTQqqZrg1Ip6lVMz/txlGX3RgxAwpyIo7SoSTL\r\n6lxpCu/CayedqPyoUgj5Y40BEiLEsve3swJESf9pHtYLRaYzMwFpLRL+CcdI\r\nF/z3KVB353wwH1WVtnjwZQBFPhBSGU9jEok=\r\n=KG7o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"63fefc99b30106d8aae83dccf8e6e8073043a3fc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.81e4cb7b2.0","@material/base":"15.0.0-canary.81e4cb7b2.0","@material/feature-targeting":"15.0.0-canary.81e4cb7b2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.81e4cb7b2.0_1663945687972_0.20456094552762005","host":"s3://npm-registry-packages"}},"15.0.0-canary.aa85f9413.0":{"name":"@material/touch-target","version":"15.0.0-canary.aa85f9413.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.aa85f9413.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ddf1447b13f96d4be84e9fa56917083c805ff3cc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.aa85f9413.0.tgz","fileCount":15,"integrity":"sha512-mbWTij1JAj/2M27mUceaEXXSbr4xxZy76ksv8i293JGeXO6YgrsaPjokCgvkzPBTnhIh0QdiE9yxZGigrDBMtA==","signatures":[{"sig":"MEUCIQDvMbF4Wu6EADvkdmhbNvB5IUb+s/XLlgj5CoQq3/lubQIgBXn1mbJyJxupxVHu/KHIN4zZQHFXNBhYULgbZ3+twfA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMefIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp50w//aoIgO7tzbGpxUX7Jcf6qlmCai6XK37sBNFGJLIw8qbGRhCyr\r\nOJ/lNU5Qfs9hVPRwVM8lM8lrt7/I7TDHBjCe6uN0K+dncVi8l9Msk18jiY2A\r\n2sdX9fzugQpoo//nQhaBaDJZ/lUXBCREs/qA2IWVXNZcITbJ9PasJLu3LqvZ\r\nWG3GkjxkdDlEOaE9wCLNXOShdZRXMNSgIEBcZ2vEO7M1RzOgT6ALZi4ZJ26k\r\nbPPFrCrELOLHmH9O1xNtjPDc/FbXBX3DdbjiHBfBrWXdatEjWnn+ut8LMIB5\r\nm5fIaK2KSvoJF7WYhRj1uvyfGEjG6tAEHjhMElgNlJmxK5i8bXfpnS1xBNNL\r\nAXp+vbUS/buTjrLn8TOiEau2sBWbil5T4oFNM6znozQBEx5HgOC5mKEAqBM9\r\n6YcUi8/lP/SQnS5riCNQWpKb269p/UOseLOT1vJwr+QHGIbWsdcqM3vXH6fL\r\n3m7jYxERgEIuITc59sFU2ueelFMaUebowC5rUNqu20kco6g3PfPk29dBTkU3\r\nevPSdbKhX3t6Hx71Rx9aCtiE6W5NSZ8KYjFNAvb2O4hX2Uwf6r06yueL8m+d\r\nBwwmKeWYDckxaQP6ilZhjF4bDgV+w28DLzGPn3aNCt/ynH0hAl7u/yYYeSkM\r\nnWl1oRUMwC64M4CPJirmSusAOJLONJh3+n4=\r\n=icVw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"73f7402d0fd839f22c2c3bca08292a66389f5829","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.aa85f9413.0","@material/base":"15.0.0-canary.aa85f9413.0","@material/feature-targeting":"15.0.0-canary.aa85f9413.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.aa85f9413.0_1664214983863_0.5575532010888398","host":"s3://npm-registry-packages"}},"15.0.0-canary.7134a7752.0":{"name":"@material/touch-target","version":"15.0.0-canary.7134a7752.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7134a7752.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1548871c5d1df0ad98c661538a5454138b5529a8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7134a7752.0.tgz","fileCount":15,"integrity":"sha512-mD0iL3FEGcFhxEgEnIjC1IAEcfmv+cqELd106rPCJEEe8k6IW/Yt5dQ9ISNpSHE0el9PK/4/cJPmRBIHD8CiMQ==","signatures":[{"sig":"MEUCIQCdUk/8eu4vwSa71Yl7/SMgEBAB1msf00QnXlV/j8zlegIgV0Z2sQ6Nm8SZq78HklSgiH/Fp32VeO8msEqZJejFqDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMiBPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovlQ/9GjxClW8jRfZo59A7x3F1ev47MtoTk2m9cK5kzSxBAoogEr9D\r\nQ0Jyiwo1s79N0lG1gHl/jI4hWSMjzIWnlxRJq5B4KyWaHstOWDdNfGYZ7gXn\r\nbqyjtAqmy660NwTWaU4W5z1/Zgdp/fH+aycqmUiVS8mF1bSbSbvtWwXgDUTF\r\npB0PR3RdHvC8oo1wbjTlXOpJfRIyXwaIETp8E1U/paVYwv2FM+fkGjxuFVgO\r\nDa6jHZY5JDc5mDBi5KqO/5T0hJ76azMpj06PGHeO7YBbsOiUbSoLRCSME80q\r\nPtGJvnUxyheH45CdkyE8bYxGZpK4oYmkPrxI2lCI+4GR3yhEM+RGXCA3VYOd\r\n1GSTJLk+IBfyeCAUX7Wljdis+XByE9JReX1HxuR3TOPNDUVYYg1cQSY0yeSe\r\nEh5UuJiCt2mtEFjeEe6+py9omST9Ve/9H+pV9wGQmPe10WS/AfQnu3eFWmhE\r\nBsbZp35cYST9ojqeBWn4/hpOuDb2T16x/y0uT90F0l3BJX7uXOZUjf/db67w\r\nYWGBzU95QHbIbZRLagN0lf4P976NCBezNMdPt473UxURAslcVY7V/ONbP4VR\r\n7uLTz5Tt7bB85QJOs0tA05rEpUs+4Ybein+xJHeGeNYhxZm1H9tsbmDwh94z\r\nanrZqupRpxT4NpRYoEf6Jy7TujYivvzxOxc=\r\n=nIqm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"31aaa09805eea1ad3a30e7b91a8bf8ee8911e80e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7134a7752.0","@material/base":"15.0.0-canary.7134a7752.0","@material/feature-targeting":"15.0.0-canary.7134a7752.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7134a7752.0_1664229455632_0.6947501352808418","host":"s3://npm-registry-packages"}},"15.0.0-canary.70b8ac16e.0":{"name":"@material/touch-target","version":"15.0.0-canary.70b8ac16e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.70b8ac16e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e06cabb8e33fc1c28cbf54136a5ad52266e80b40","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.70b8ac16e.0.tgz","fileCount":15,"integrity":"sha512-XEe23aBaqPI2PEuuR/dvW0q7+SgyNMSyRtgEW5OLJAx6oGYNVLrhoTItyC/WH3pRcAzejASmzRQEYAVe2YCFSg==","signatures":[{"sig":"MEYCIQDAUBdMb1m22wB6RiUsCihfyP5ymZMCTEoXnWwFD2doPAIhAKrzOUHaEafIhid8TTgs+JU25hKjxFQVd9jcw2bj115C","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM3zjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoF8A/+JKpUsvbN3dyr59ljQT3xZfoqFjSN1sImJq90D7+EfiD2fmc4\r\nxtiDzhUpvXWb82755QZK7UjtBrwKNNmC24MhlYXpv+zo5XggFD+LCvUQ5Dn0\r\n46azlWRs+4B7C5dwoe76KXiFYDEnHeYGac4UrGo+k2SvjEJDgz7Y88pr1kfN\r\nbsQ1jhJIYrT2Wls5m1jVzjdd4I6wlS+KVEg89Ga5aMZdnZbTdepZclDJPyoK\r\n4OWvtg0FGyikgpDQ6qxbLBbvAYweuGSK1ZVUR2IyGgT6YWS9oORiOTxaW282\r\noEfydWnnIYyUfxY6zPtNTyOP7vNP6fgHnAr2QBLcwt2QrpDowt1gmv6Slhu3\r\nP3nUIl7ues7lqoebR+wWndFVZjad2WLTlHOk04QKRVxWXOtZ/vMjzPcwv/RX\r\n1RwpKBjYzp0uodRm323LvVvHOf+lozTVvVInlDhUydhoM5k5fIB89wkiIOwM\r\nOkJcuKxbDXF1y6pDslIbUv6ofPLDf53Y8alVPnSQ5dyUz2RSHaS+51OnPAWW\r\n6iAnbwXlNQozgDny8DrPGR2/tpk13xZWkF8p1N06+mdK//MOfMRJ/AGyfulw\r\nHQ0ZEYMqYOpKCQ+xjvdx7MRTC9+3Uy5Z7yZzGr4+IQJd+cgjX8H8HQAQRzXp\r\nw6xLku7T8fYjXZ5oEyDFhpD5pIPb1hlyZk0=\r\n=W1YS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9f9fb4c3a4123798d2b993ab287cc4bb7e8d7014","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.70b8ac16e.0","@material/base":"15.0.0-canary.70b8ac16e.0","@material/feature-targeting":"15.0.0-canary.70b8ac16e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.70b8ac16e.0_1664318690916_0.7727237895908232","host":"s3://npm-registry-packages"}},"15.0.0-canary.c20d74405.0":{"name":"@material/touch-target","version":"15.0.0-canary.c20d74405.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c20d74405.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f520cb130fcc932babe41cbe146054db4d34a3dd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c20d74405.0.tgz","fileCount":15,"integrity":"sha512-wIPg9u0hLR55xg3cGXV01mSLBIinXoR5sOjkLHxNQCVq62jloeTxOs1ijNupTTK/ut8RDh5N2gthNRRtZqKX+A==","signatures":[{"sig":"MEUCIEtm3TYWQFuEJLxKUsRHCmMLD/aNIComQuxpVUV4VF2lAiEApJFsi1GgmMCPjwwA5U5MuX3aEegYsIfDb3OHdp6HBpU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM4fAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRwRAAnMLnYKWIh13VJ8ldkxEVlDxB8nH/f2QT2I2BNuf+hHlhLsXG\r\nrStV1O4escPX/Dz7/bIM5hiiZXaCtoeci6J1KgYm7lm9i7IFi3Jr6ENV4Yxt\r\nd34Te6iaTBoPe3sHYZsKqDu5cpY+/Y1V4MSGmIKsXG+lL81PAdaweS49sYXw\r\nbNfGYf8+zk3P8EV4dYakuF/f/3pxYfTBVSb4mOez8yOF2z0KM9u1iY6icoe0\r\nzGWRnxwy0b9nxjqBrqQMA3J6X9h54d7ueS/sMRYR4MCKWN+tGV8Qwzsfp/og\r\n3T97PXaw5SaYOvwtXRya6MPvmWTShtVt1e85L21RuZnnOqzIaflMUlNIC2Ay\r\nYNkWyAq1MUJ0pQZe0yKTrAXySMufFE+7J8IaJXqqXyMAe95lDXUfBBfkdPmg\r\nHdRE9IxnGFJKWoU3a1ZEvU0wdWxA+VVuUsgac+i9ZoWHVAG6qRwXvFjdlLd0\r\n2DzWvRvxBZ3hDGWdIxLEBpVn0oTGB0abdEAEzVjYHtmEYc7ujrrZI5Cr/ZCR\r\nGMo9kJEXD/Ixm5zUaOeMWaDDn9vQRvgCj0tDdewxj8Qed3muZWY+AegWoau0\r\n/kX9JbM/GcBJjamFCv/Y7k2g5c6TR/EMhnAta5HOxxS9o2PDGKhQvzrJuTNq\r\nb07duQX/hq7d7LT0KQDs1QTUtvLJ28nSSc4=\r\n=aYpt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7e1c6f9d7e3c90438265d23d710997462d087d78","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c20d74405.0","@material/base":"15.0.0-canary.c20d74405.0","@material/feature-targeting":"15.0.0-canary.c20d74405.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c20d74405.0_1664321472775_0.5425253849608402","host":"s3://npm-registry-packages"}},"15.0.0-canary.f033fc8d1.0":{"name":"@material/touch-target","version":"15.0.0-canary.f033fc8d1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.f033fc8d1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8064caff5282bbea2ec17bbee8243927220525f5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.f033fc8d1.0.tgz","fileCount":15,"integrity":"sha512-XaobHLSmYcXYeslu8ZiNuIVYfvvKOn7eFkByvWJKAn/bjY57RzufNYuHd3QwCIF5rOgsds+Kbz+rCWZeAaClDQ==","signatures":[{"sig":"MEQCICRAO+jwFcAO048swFVeHBZpUyOUrQhkfjdgE5gysQwOAiByhJ26EKRkB4Lj2cpFeuSFyuofJfK5U9Kf+1cntY+0yQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM43dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmolsg/+J345j2u3AII62Spq+Q5v/c8hLs2TVQ4YRhwCw5u4dCb9Qszj\r\nl94ZCgC5/miCW4JPHpTB9IFORu2pINGUa/yxlp028FupKDx+gxJc5cTGu133\r\n1hxsstDCRpcOUQto0s/2U8uUZfvfYulEEsjPrlrg2G6hKWJmLmQ1CMg6m3Sy\r\nRrdfN+CoEn1TOMpU9Y0SvbUtlZ80vlH3fZYNCt+YvD7v2KCQRhQHmFT2h5ft\r\nT849o/Dgl0hDM9qN51bRJVKxoN87pMjy0RLVdjjuG1Vj77OjBAO4uSBS8KmT\r\nNW6CQ8n6n1QQLuVi+sGtZSsl2ruu4UFMwuZ9rO2sYja/1MD8CFxn+1Tu5J3W\r\n02iBTc86mJo/arKODOZsRBVyq2hLPeYXV2zSvo4ADv0HZXVmdNaWR2esBkPa\r\nc1JvbsxMQbPKyxoM/y6QL/GbqSue6c2Oob/7QL6q4qSKT7uKY669gPy3Jx/K\r\nkD5Wz+i4fV9Sp5vMtwRT54x5y2QLpdMmFj+NqX/ohtUCCf5YKFFTGxbPW4rq\r\na8yOpw30QE6bqWH+bt9UK7rGrivQm1Fb5JSbqjZ+ARmY/qA5edeH9PpmcV6r\r\nmvGWe/dVlh4I2hAQT9tpKTxqd8VCwBg6mEa/fwyBQHngxFtcVXB0OJv+nmgu\r\nA4yQxk3/Dns2mPtab//H/pA7fhKyJKoXqQ8=\r\n=Eb0I\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a658683d647364520f9de8a2d51f15913b5ffb78","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.f033fc8d1.0","@material/base":"15.0.0-canary.f033fc8d1.0","@material/feature-targeting":"15.0.0-canary.f033fc8d1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.f033fc8d1.0_1664323037118_0.08007149103909006","host":"s3://npm-registry-packages"}},"15.0.0-canary.8d7ae912a.0":{"name":"@material/touch-target","version":"15.0.0-canary.8d7ae912a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.8d7ae912a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"820f79366b48a602f46f9d6a36f3178a6e4e3b2a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.8d7ae912a.0.tgz","fileCount":15,"integrity":"sha512-gxPAMZkn+Sh1acVr2ZG1qQixrgBvwC5+c2G+IDlL2SuK9jATz0UwKubaMiiR5XS3D5qRSBiet507EkTw6ZGEqQ==","signatures":[{"sig":"MEUCIQD4NpOvpQBixA5WICpH5YKc1LvNnVnzoFX4XmJ7HrCEugIgamNVIpsGKtDMtvBRfCYpj5fLjka8tJSZqD97p4IqVXo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM/4SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhDw/9EOlGqfQatXwNIHU4t0gf/WI8d5tpdT+ugTSgm5g8TAa02Giz\r\nVS1KbYGhoiVW/e5JUlm5QieoW7NrkUMecyUitaUfWLDjNPLZf2g8Xm40fBew\r\nHWeIPnjfDeBg8sUMNvheTRSfMoxsGs5S/jSPGvDtvY82qvk+OiNhPturJaFh\r\nK8axqAo/VdKpsVhriEqVLA8VUABYs/Hg/M8rw1CT7CLblUWXvsfsONlxdjTy\r\nGnwrleeJ6RssORQmRhCrNynmJpdfi7IKP5xwRtKvylK4m3vrKHqWS7OSN4MZ\r\nxTAFJFX9LtdEPYM1t0vxyyhtjTeLIrYBhodGK1W2qvQPXaOtYUCW67EnB6AQ\r\noWqsZenp2mlFD1mcDpnc7nK/juCoYluO5xZtOgXX4q2ClvI2lpjEtqRrRnG5\r\nbCBSOoDdcaoo8rq/vtpVROnISz1gxjEvVkHeg7hPHjko3EU0r8swOcduMf9h\r\n5pT5adcEvL6RP7MSyd6+9fQPgO/wtPGfRSsjeFa3ng5Y94hmbzhYJ2IzMEgk\r\nIVNk7oqZkm/JvdzmBDdnxwuTvMx8TDKX7CFBShsav80aZpIu922h4RuR9bxp\r\ntpWL3qZjVemDBqcHdHO4sRMH2Vg5sZHh9wEnfnVriBB20zATz8DrjIvsN2Bx\r\nvF9IdcVzg+EHdH3BOhsjfbnnC1rCGG7gvFQ=\r\n=YW+k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"26b2ab57ab7cb3eeceab31102ed1b6cb133f4cc7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.8d7ae912a.0","@material/base":"15.0.0-canary.8d7ae912a.0","@material/feature-targeting":"15.0.0-canary.8d7ae912a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.8d7ae912a.0_1664351762713_0.6063566630778368","host":"s3://npm-registry-packages"}},"15.0.0-canary.db414b864.0":{"name":"@material/touch-target","version":"15.0.0-canary.db414b864.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.db414b864.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"799e7174145efdd35fd1472d8f184873026985ab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.db414b864.0.tgz","fileCount":15,"integrity":"sha512-VLsyR4iGywf19pmxcRPVVH8nWgDswyjmP3ccubA/7ykH2eVeTRm4Ys8fJ+ZhyyLcInG9ruSHpCd82pbuOf5pZw==","signatures":[{"sig":"MEQCIDlrIAhlzTdjk/TveOJ+5yJsDLIH4kK0uak2PH5lKIPnAiAO7nleKKQV+38BYc+e+uZqnR1aRWpf6vVZaaumNtfqdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNF+3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8ww/9H/juz1mi4lBHmHr1viy/aDmM7LcCbNvIGhSkLglRgnehceJF\r\nqh1q/OjOr2lMC1CmTNMjmGOaGTydY8TJlZeKak6eJ+PUzp6eU6X+u7BW9qlV\r\nt+8TqQVzpXMRvC3dgMAPiwSUcfm3jC0+G5u+bm15ex2MgAYsZbkzXDbK7G5W\r\nqrmGaHqyW4+BRLBQZ227VHwyxGHgcBsY3nkqy5xDbLyAjdgE5LhCg6z8WNkP\r\nOaFOuxoVxcVDnayopbpVCEC9A8GSNX1eh7bg6nc+Tf7cp9qKHcPXvMW/0ttZ\r\nKUcDM+26U/tCc0zFdFzm8fXF3uOEwc7OL6a/+SF5mvidO7qtNFC6vX5Vgftq\r\nQ0a+WS4VCLVc+kaZDtLq1hqHFeOTPh+2LDNnfTOS8G3uk0CpJ8SZB5pO1Ds5\r\nW8SBNTfIIOkswoaUTQeeHZI+9yc25fwbguBiIikR6PpNoJy2opkG8Gxn4vyi\r\nL6tMNLX62GglQI38hmhfMI4enRYNZE48ngXfVyEIvAnf8YKbIKKq8WOXzNkz\r\n6yMKg5HdG7dxzzuGRyUDOW7xLAnnL6hnTtnMd4UbTAEQD6zOpUoGP+I4bXHN\r\nHbb/24oqb3Ok4FK3YCDHoIOmS+IheVcuwrbZvK21ST8jZ8Xsjdsz3pu82Bqj\r\n/XWjX/FQAB65IenKkSTOlL0wGbq2cZ4si0o=\r\n=+lyP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7601f089a2e7599728805effc4e9bdee40008aa0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.db414b864.0","@material/base":"15.0.0-canary.db414b864.0","@material/feature-targeting":"15.0.0-canary.db414b864.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.db414b864.0_1664376759515_0.6573382523741926","host":"s3://npm-registry-packages"}},"15.0.0-canary.28cc6791f.0":{"name":"@material/touch-target","version":"15.0.0-canary.28cc6791f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.28cc6791f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7bf56ff6163407e1bc74c9f46d656571d4f230b5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.28cc6791f.0.tgz","fileCount":15,"integrity":"sha512-pC51N87Y7nubi4pOc+vPdfJjeVkxyMXoQAwVmYf2dE0aNGcQUeZICUqm1w1Jcv/66Dl5Jue26k0+HtcJetLamA==","signatures":[{"sig":"MEQCICGuMIHUqlZwx16Yj6FBlaq3CxDyE3Gdogkmhk43ZBtuAiBrUR/2Xy47E4yflajjGq501/sg/oxv4KNo+Pts9WLBKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNI07ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2zw/+Jm0peC/m5LXWm7Dz4tm7KLiDJlJnARpAApGnAQkMlxAXI41/\r\nh5oZb2QrvafUWyO0a7CZo64uBLkDZFdpHOPdK44jQVY3okvvdhG2yLoqZbOH\r\niusNl1kM1FJsUgNvYdrdNtYjb86A4OmEW4RMGL13PAQYnyAL1WW5vjqk/3ya\r\nQSpVrpK4/I8HxV/G9bC9l6ChbqlkGV8V0k6Uah6XYcsH8uh3/Phj++9kVgjH\r\nSWiBqnuzuGGv2QB8QAtCoWSc2jAqYrWU3kJVm0CbxM59rdt08kqT1/jlB+y0\r\n0Ok6FQk0fUR0lY6CYHnYsK3vHa9UpRgJDjJmqlBs3yvkt42xM2JTS3rNfmNF\r\njk5aNINfJTqR0my+1I2V2xmR9NAFVgv9TUwJ/aOdnVExA6BvraLDiJv7uCcl\r\nZOPMy3WfJuy0ClsU+wGTiPSth07VCXhDD1PqNgbGlfwMlZCgv43kishCPZzq\r\nhy5WtHACo0vdwuH3eCNgzAmC68gp6Ut5YQAZoiPCzYdbZkGGWrxWwWxVw/6C\r\nbWE5Pew5mD1Iltbq7xjAYGOamFnBAl4rIzmuW97o0R1r3hfMBynnAF9xV9T5\r\n6eYjXBDJQvFz4ToQiGNGcQWxxMt1Rks1C7WTe0BuOwCSTqwQCRkE3wvdlyGD\r\nrgvIU1LcQJjI9SLURT8T9G404p1x2r0CESk=\r\n=yRZ3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d2dfa219437727922f4cce877090f9afdd87edc3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.28cc6791f.0","@material/base":"15.0.0-canary.28cc6791f.0","@material/feature-targeting":"15.0.0-canary.28cc6791f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.28cc6791f.0_1664388411210_0.9903419338367023","host":"s3://npm-registry-packages"}},"15.0.0-canary.a515a2d18.0":{"name":"@material/touch-target","version":"15.0.0-canary.a515a2d18.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a515a2d18.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a69468791d3ac3483a8bb1ac76beebe60592ac54","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a515a2d18.0.tgz","fileCount":15,"integrity":"sha512-HLP0sNOFssC+EPdO97IL9oNPa0EINqpKM1cXiydF5cfylwV9aS6D3ICfjBr+rPdvYJNXxSc/4TJtJeSsPhDTtA==","signatures":[{"sig":"MEUCIFCjIlwgEFVb3n/WrjpCAvbznbajx3a5YIq8mQKHwtJ4AiEA9EENGNTem93qntgqDHufKATqBPawiuutYQ//hzkGQBM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNJiuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXdw/+O3blgkME90uBd0hW17vzKD9CRPe3AmsVkhS1Hx2ZaMvktzbj\r\nCRAGb5mPJsaJo5KSMwGlABWTWIJ2RroGyqXZTydy1amziCDZ4mgwS9HN6DGQ\r\npRy1JJFfAMKATa71L1nlR7JcX3zR9jZbwtbvm7nPXjPc68xsKWf9RP8ph8WZ\r\n4jCVrRc3fQg/Qrf3dACUsIeINm7L9VBExxLMv+ji+hkPwwG10TmAAbQQU+rA\r\nmLVjXPbD0FyKALqgw8qgvArVaHjEeGnN03Xyo1YQ31XRrhFgv/8HNctEx50b\r\nc+pgjdxtobwDIcnRsNZeCsGkTKDGtVSRgum1REuH8znVg6w3/71xdkbzB9mh\r\nkAFRiRzJCJBJv+SHMvldB3rh/0iCdImCJ2Se7Ys3AjmLqAMjkFB+yCI7cpJ1\r\nYbG3a87iq54gRapEdUe6SYAM7UBQfcNpzndYhO0jwH0EWuRzSoVV/boWNx+U\r\nmHe4ebM/tLeaqn1r6JVPl492KGCa+WQfq3tyaXotHrRolOINEy4B72E0tRGV\r\nJ9wboSS6Pt66go5GySSegwfFi1lM0hEL5yxg15JYR34YOAm/n8qUjGyeaVId\r\nJYC2IuxTN631x+51/GRySBgOwaJP+Vy52XWUC69ADuA0ecvtzSA4IjWJ/7+d\r\nn87U9ooljEtXqYXLgm+wVxaQ+fByMj8ntWQ=\r\n=lm3F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b634251c1f816bc66bc81c76758fd339ec40a76b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a515a2d18.0","@material/base":"15.0.0-canary.a515a2d18.0","@material/feature-targeting":"15.0.0-canary.a515a2d18.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a515a2d18.0_1664391341947_0.2958753122772826","host":"s3://npm-registry-packages"}},"15.0.0-canary.ce9523167.0":{"name":"@material/touch-target","version":"15.0.0-canary.ce9523167.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ce9523167.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"73eaa3a27be87ca77cc113162e0ad69510a35758","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ce9523167.0.tgz","fileCount":15,"integrity":"sha512-00+CkcSQ4JQsmST2/pcMlYCdLUeOHTF4o5wBDMBkF4x3g9TzRbZFHT7Q1CZ8ndDD3HRc10B1XoSf0VDvspXVVg==","signatures":[{"sig":"MEYCIQDayrpINvarm48vxHUDgTErvwqQMvLQ+5tvZbZH8Pal3AIhAPmrWVX5fOjcpanXA4x9elWN9gE9HRqUqYaavLLjOeSj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNgCMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoY+xAAjZW3j1WEA00zrxSm8Sca9dLjUObYcPJtZcWSzxYsRZiABb3N\r\nwlJbsSoK7srPh6igU0QVk+Ik1wjPuvZWdGS5lY/onjc2RBvKFRvkfnlODZpD\r\nLfEVytCxQUx8AZXxvXTQgCP/K1cwIisCRpVYZTFjUCt2eRnW9yhPdvcU+69s\r\nw7abMM9CHrbB6WZ+QKnLvXs9LHy2r02YlmSYf4ImL8zq9xJj91Yrm/rKyEhP\r\nc865HEXcPwjvs5jxGU1XV+OHnPorfRSjxuMsFC9Tn6wEyh6I5LgqdDMaG0Er\r\nnBCGOgqJFR/Wx0RlRhuzJlOkkm62rB0pK+0tHnLHdq9Qh4SB6SVqZK4be4E+\r\nOilyigZP/1NpHRkhvLBD61PWFjTAhU43EySYhTmZxvM1Zfg2coJUTZDywWi2\r\nU2rsRtwBtANRitwReA8m00LalzyfWOAbYB7CDac/338vWUWTO40TGkP4t6hW\r\n8p99gVAhMQBlhctSXOpybtsWdTlfTVek5siZ+vsOtbE/Vp76XvfRpuCRojyd\r\nmwjHvVG4oj5BV8v8TTTmxRHt+wXrdGbZ0q1MahygpoVQcxCDIUlpOHesM3qM\r\nDecxuEyHH4VdBdNDOoJxvznhhCqv4T//eJFQsMu088v1NkcOam3tz6iPoazF\r\nFmXaYp/4ylk/BN9DC+LiowA82comOmqBCEw=\r\n=GxdE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8aac5a80fa36dceacc7b3a6e2474218f9092a107","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ce9523167.0","@material/base":"15.0.0-canary.ce9523167.0","@material/feature-targeting":"15.0.0-canary.ce9523167.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ce9523167.0_1664483468261_0.2261134066141417","host":"s3://npm-registry-packages"}},"15.0.0-canary.b2310f7dc.0":{"name":"@material/touch-target","version":"15.0.0-canary.b2310f7dc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b2310f7dc.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9aa9dffd05a4f34d2a6e9f6d0b7d7ca49b31dfc1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b2310f7dc.0.tgz","fileCount":15,"integrity":"sha512-17kz+I4Kh9mPva2+ZGmQnMpnWwO8SOh9ongU+G3z/8rcvrl2MdGwTXwiJJJkc7DoKILmCLAhCsk+APJPvir1Eg==","signatures":[{"sig":"MEUCIQCbb7JD8pMTDBsxlK2HbgEFpdV6lilxgcvx/FbOXFbRVQIgURGrW3OcwMvJcXVa0Dc5CrEX1CpO5Dw5cxkMvXParms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNjS6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmping/+PHvadLAmDwlz95pHcRq6RDxIwkBQ8yvsQN5OcVVvQj8eS+Zq\r\nrkxNiu8kQWD0kmDIVtn6mIeDjJ6fhWZ/5SbItqr/a2bCHuZkjsGOh9mDBBgY\r\n22MQ+YvNX/AZOIp2fL8mO+QblNGrdGEYZEWE3TtBOpPaGhnjEOsVlQC6RBYM\r\noUgJou+cxSbSeMmWdj1DJp1OX2aFRntBg0nglRei/wePniBBIQoANff3Tm7y\r\nBw7DSDwhbJLUSycoxgTwj/+3FGSYN+sGlQP304HzLtDhxYUkEMOgUk6+NFSu\r\nBClcv3wfvkGZe80EGhnH0iXbvXzQofCzBOmHJDJlHEhIQGv7weaw80RxD3Uw\r\nWZQ2Ei+1rHY4iyvgskTT1oZu0xqHDU+l5CVhGruzlv3x5548jY52S9HSdN41\r\n7SkK/Oj+04zk/Jn+H5w3LASeWhMc/53nS7vQ7aNhJqjq+vYiK4o1AfEGz/39\r\nqfiW+9auRm8vyTmZHeCDxuF//pJnUb+mEYSu+q2dhKWA7Pm43gtiGZCFEHUe\r\nW2YRWiTniG6oTQ0WWIfa0aa88ZedUSFfoks27HKMqRk+wTuu1uOWD2INmsn0\r\nQ09J86THaCoFsfWyKfLyZiolgz4ip4beHXccSYi7RAavdu2ScxEnDZ0sSt7S\r\nmqBYZVaBecL7uywPZL5Qc9Nfd2uquOeg0lw=\r\n=176b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1b1f8d124dcef049ff4f3730b930eadfe1e2a58f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b2310f7dc.0","@material/base":"15.0.0-canary.b2310f7dc.0","@material/feature-targeting":"15.0.0-canary.b2310f7dc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b2310f7dc.0_1664496826551_0.8009991956951255","host":"s3://npm-registry-packages"}},"15.0.0-canary.a44241e54.0":{"name":"@material/touch-target","version":"15.0.0-canary.a44241e54.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a44241e54.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3003b5049a898dde481b7064122b15ba4ff108fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a44241e54.0.tgz","fileCount":15,"integrity":"sha512-kmhVG0LP+kkOsQ4PFt9GK/ZNA7Tb5S0fQ1fzL+/ZbjIeRPtGzNoli98/T57NNY+Wk4SwH4Gui9m5dsjp6pXBaQ==","signatures":[{"sig":"MEYCIQCgebbVVXbWucxI9vmD4LzPVpupcI4ZUlLIb1DPuouGbAIhAMhuhCKqnnJAapPvF41BT94ysZVb9zEmvVPP1TlNS679","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNqbvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJdw/8DuhA5N6lS6ur/WGIV7AJHh4LWIZE7TbBwjH7SkybV1aBRFpp\r\nB3eBRMZ6tRtM2FiZpJzr5ssS2Wbpib3rwKFrepSVIWBASiUOOeFDIynjl4u0\r\neufcHzXD9JQnRuHQ6Q0PmxtuiDP8vUZwr8dKIv4gIC6ntnLmixMzFPxjG7TM\r\nOmwyp9RskhesI763D91qjjrqbILMfcqLZ6bMcbqM+icgKWvpFgHynqgp+AhQ\r\n1xxlTuEEZxMw0cgTf443eNiz4Kp3GngqkbIDxQHl/pr66KC19RshK9jWO5VT\r\nRJUeD6cDGTFRnKaHzc9xWhe7GB3fD0Tr7jnBy0QHr8pf2K5NsoPgK1vObwDn\r\nVUmHAib1GGeFRAaY/QjpoqXId3dDAcLPj1bHgo3I/szH92I7gjrFnjAGVVWI\r\nH9LpKoOW/5eUSBx0I5A6aHEo6hfccOh5FNQ8WtRPo0h14rncPL5szuegFa+m\r\n2uoqYNw+v/ZD57R/beI4/aFfTOdiwn27y/soDL7rSBJAid86Z+Utgn1PmtW7\r\nlDorCJia/Cn7erahG/EMNS2cNoQvS1j6Z6s4xyZ4qfYd0Qe2o6H+PCyTQFgP\r\nl0YaoeLse7VjQY3SFApcDZGRqzKpt7ifwtYVBru08mPVOPRzefv1ZivYEAow\r\n/ZuAykwU5Vhy+afr8SPS1Xn3VqBuSRT6AMQ=\r\n=oTyC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2a5fa6460bb58b3b2866631eacb27411a12f8d21","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a44241e54.0","@material/base":"15.0.0-canary.a44241e54.0","@material/feature-targeting":"15.0.0-canary.a44241e54.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a44241e54.0_1664526062746_0.6240190154932281","host":"s3://npm-registry-packages"}},"15.0.0-canary.0ce81e115.0":{"name":"@material/touch-target","version":"15.0.0-canary.0ce81e115.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.0ce81e115.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a2a7d3c92b81bf381b899e407b3581b08c06a3b0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.0ce81e115.0.tgz","fileCount":15,"integrity":"sha512-1H8DTE3o6mqe8dRnMB5xeld9tcm4TFwJY11pq9uEvvFfAfLIW2MOCs/Jfr4s5QGkp1Tq7iGwjndWZ7F9Nlzq4A==","signatures":[{"sig":"MEUCIH9bkJ4KtwBXfLhzRiX86L5pw5COrkrQq62ZuaXxK3rtAiEAloj79jR7fgdCG+Y8NpWQIAm4NAgI/eImf9I6YcgrE+E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNzLgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUcA/9Euoau8v7P6vdyGjrL3M1KpUT76QW9b5+ShSglxVj1oF5SYhf\r\nJ2g5U3xd51WpWUWZXNAqZzeEYgU4YrpCHVj3wEjEFLegJ//2VPvbeKW6U2Hi\r\nqtgbXzpr5nDLmVvEttjeLpORriRguWP29taf2rk/+fWY/ZW21h2LdPpb3QiU\r\ny5tXh7KBh2brvoEXngSo/1xaRe6KERzXSM2SLyjfM8h7Ah35jQkac6Jcboqt\r\n+SwnVUvfoyTQuOCAbE0s2omapQVmL2qN7hH1qSCNlPUa5JVP3KpZIpPDMz4h\r\n87HzjrgJcx9w+1y1QCJTY/MuwpY+gcVE8H1DaU9/3Zw76vjauuavRoMH1kBm\r\nShOd+NrrQVu6nH1NBwepZ0Bf5AmLzeLtMImJfKEjz1guIjZSpm29EsXkgwIe\r\nK30rAWkAZJ9fHfeWCWHhwxwNLeKogZIUp5gXU/lxWfZbCgKDdN7od0aCtaLR\r\n3t7UeQJSlepurGYd3L2xB6nTAdfWAu+SQe59H9CgcOeqrmks1QsY0nj4g4K1\r\nCQgbldQOFoLxpV/+CID1xXsfVLbtEnK/1eFrtZgEYEUwz97XOUJSPQUusvOc\r\ny92gozwelWAyY933D0teklsyGB5hS/6WDFXSKmYWzGiJh42vTy8lwDCl0c05\r\n1dijiT5tLyrFM+Plad/D5+OPAdXe51cRCOs=\r\n=DvR4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d690b44f4e157e829199ea749861c3b827d46dff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.0ce81e115.0","@material/base":"15.0.0-canary.0ce81e115.0","@material/feature-targeting":"15.0.0-canary.0ce81e115.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.0ce81e115.0_1664561888454_0.6617914172609296","host":"s3://npm-registry-packages"}},"15.0.0-canary.3cc30f6ad.0":{"name":"@material/touch-target","version":"15.0.0-canary.3cc30f6ad.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.3cc30f6ad.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1972db0d05c11d1ef3a3fa1b16ec94dbd739218c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.3cc30f6ad.0.tgz","fileCount":15,"integrity":"sha512-8y+OX3U61oTpkxiAZeecqFwtD06bQmUdzPPPdAcQXLQIpWCsL47xUJXCV85mzD4id9gNfzvIAWiZ0hS0gAvyug==","signatures":[{"sig":"MEUCIQDxNQEAnFGjXtrtW/BTcCesF7atsUNXJ44yJnEPDzyMWAIgf8cCY172esWbxdjJFXwwjGS/tWrYahGBrYBXrpjpdzY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPGsTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWlg//cf3k3feC5J5csXqWAQyGd9wR+Y/H9sxl9iekppDGMLwpp+Cl\r\nl5iUkwXMRD5Jg2nALaMCIXMV9oIUdQJspPCTjQPRdB3jo//mTPq+9H3BeBdW\r\nmm2YW8Tvnqyvo7QYAoQVRm6VTsH2q/yL/drDDm2aXu+ms+UCfKbrYZMCk1Sk\r\nKZH49th2b+mNgzTPYzVs2lzqLC/QvYF65ZgaycGQeconODWaOn0cjuxzFDxi\r\nXVdvN1aVeoqnhgwQ9Co1zY+ZYAvbfODbEdTcGISUAg2ODoZEf7r5a3a9/Z/l\r\nGGiiTlm41XAaKauiFyX/YIIYAdmx/PB/MT6nE1X33zMk6yxm8GEWEEkH7ni8\r\ny/T+OhFoyZEcM5/64FqX4K2hOI0DTT0LmYcN5WMmvKQTtyHEYlHyIhPY02TI\r\nBXOfzok6aLGPJsvPCWIaqb+QDzE6YuQDayCMJ/O2MXjPrAqpwQatgUyLm35f\r\nxVGzBh7IxkjX6BZuXhyeoin+7rjgKhedm6C3VOmI663O3rmXsMaFbGAjL/BX\r\nrW4w7T3wBp3DXuAJQDLYF2glceKfDPdT/qQhNOvJztyFnif84osnUMTBorVQ\r\nsWp3rH+Mk2bWTHaN5I7UJOYhV5x/MmDPu004WEo1Ze12HPqDE0Zp3tPktb90\r\n/uNq5Blr8LAv9B0WQfFfFaSkBjX25E9dQ7M=\r\n=Ecm9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"78d02265193749df2eae507da620e7571c09da12","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.3cc30f6ad.0","@material/base":"15.0.0-canary.3cc30f6ad.0","@material/feature-targeting":"15.0.0-canary.3cc30f6ad.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.3cc30f6ad.0_1664903954844_0.21292306062745991","host":"s3://npm-registry-packages"}},"15.0.0-canary.d9cf98e60.0":{"name":"@material/touch-target","version":"15.0.0-canary.d9cf98e60.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d9cf98e60.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ef12d0751b704de123a8c9c09515f461cad95284","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d9cf98e60.0.tgz","fileCount":15,"integrity":"sha512-Of/mMH/ZD3atL/pVzuuFtDdZef7ZuvfbKV1xAhO8y5x6yhCTb7FWRJ8K0uXrXgE57Mw56Uvk76Rj/FSEG7qhZA==","signatures":[{"sig":"MEQCIEVD396bwTDMm6yuBQg/wEJ+IhoehSrcN/gVXMHXr47SAiAowT7nXIJjAgrp+73cOG+EZzGYH5kZegj0Pkjgjs6leQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPIONACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1CQ//bvaU3d44wFp9ysPLPv1Y5+fmlQry1qNUA3rwhzH8y/F3Y/zH\r\nPQj5gdCa5oQ9oADlc9IoGbtuPG175KnbMs+fZH3MwRGPGooqDMKQT19KCl8o\r\n0Jhsw3IEzZxqSxT8hQe3aKX+uk6FLCAQvuH9dVjzamFtw8p33jLcizT/0o/T\r\ncY7iuWNgkKHGOjkxadAOmF5bVgKoqkVUz21XpSVqyCknUaKixS5YOzSjGCkZ\r\nsqHiZFpFy2t620veUGFOx5HUJUxD6Tb1XDz08gg84tGPvI8e9Jq+uvf8E7HK\r\nJN2Sz97WzZ4bMQ9C/hrXffQlZqjHLCSkjhhKX44HYoiTFGAe4zMEqMRlBCls\r\nggQxr7XeUIU/vYckODRDUUYgFLT0dfiZYY9FkFRPxJIh82IErhaK1SYAU7Fi\r\nJo/rxIzvkFKGG1ddpRR6nSiJiYBfVs7FYL6LErNdPpdgheCis/ZguMTqWrQk\r\ngkU4bRgrHh7+pzlaST2tGPGPdRsj6FVXLbrUjGzt1CBEQucmfYwRwL2Idyhw\r\ndpaDBkU2gjhjcH2jIay1t1svdwS011Yzb7U9vH7kTn+uTw3XPD4NTIb1zthG\r\nu9PMhvm4962Y497qgyJmVgaLcXOS9QGCpO+zj0PPfEIErtRM+XTz86w4T3XL\r\nR+1NBrNtHQ8JwHkhoNRY1KjkQOMXPTOs58E=\r\n=PiLB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"554e3182e6804b0bbc262ea0e730d556747b7382","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d9cf98e60.0","@material/base":"15.0.0-canary.d9cf98e60.0","@material/feature-targeting":"15.0.0-canary.d9cf98e60.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d9cf98e60.0_1664910220842_0.1486289522622375","host":"s3://npm-registry-packages"}},"15.0.0-canary.d71935c8b.0":{"name":"@material/touch-target","version":"15.0.0-canary.d71935c8b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d71935c8b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db6754d4c5a83184af68aaf4a167667a63094108","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d71935c8b.0.tgz","fileCount":15,"integrity":"sha512-ll190g5CbIYtgs+COjslOVcQEYiMFNGctV8RgeMnhuONL1v3nMk70+vWhX7gtfh1xDmZ81x27U2SQsQXdfCJQw==","signatures":[{"sig":"MEUCIQD1HqTcfY5CbnuHdRh7mZuXAliedYnj8Wa63YfGgEUyfAIgejX1+ugp6+NHl9YfioZBV/q1v5eSv4qnF8Mg6aDNbyI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPo54ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2Tw/9HXj/YdcAAxrmR8569iH1iXMwHX5Krqk+aDmQOL5zqPuDGF/X\r\n81DYBRUrGAWNS+Y9fF1S2YWn5vMr/ghzzN1BrhsWSF5E9RMlFGzBrv6/iD0m\r\nJyeTCVjm2kopHE96DModXNqeo3gcHRGbpGENgNZtMwZ/dQ41J+gJOrZKLQaY\r\nfHDywx8vZcDsjxiwh9auqeE9+iXbWcv8l/xSiTu6wOpMlb3/C/VOX7pc/U9E\r\nCHdnc0o393lVEGXXrbMhHV4hBEE7wYTv46FQiK6wL4axullkyRTpGLrGz+qK\r\ncU/EAkvNfC9jEirwwoRzdQvxQQ6NrO2tjDobDIFRgQ3wEfDEZ/IMlBhfXOUZ\r\noWISOYD3RhWd+ZanZJRPee6qPoDwn3bbxdz6VWBCVOVk/H92s7wxDTAjnDJ5\r\nhqXKvCkrmGxvmkkEqyV0jwYA2yfyb1yUK3+t5CDoQv2Q2oEc++usTdqEZCjH\r\nDSW0gSX7z4KbmnX/TQ7RBbHZXix8PFdGA64GrXWZX38fkJ6335xTt6EapP70\r\nzzjmP/iOb71/P8t18c4l/jYopVOgrvKJGS1NJr+BQSuigJxI/I2DI/ZxGRUF\r\n0g6byLsSLH+q68lpyTc7ynNLmOE2pq/84ACV/zdttdti6guPl2RhlLFb1ZND\r\n7+CuLPFXXrUE7F22VP2nKfRWa9qMioVg7Wo=\r\n=UsiL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0e9f697d8ab3c0b93969f61d22a2b06760934fa3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d71935c8b.0","@material/base":"15.0.0-canary.d71935c8b.0","@material/feature-targeting":"15.0.0-canary.d71935c8b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d71935c8b.0_1665044088065_0.3459079585079117","host":"s3://npm-registry-packages"}},"15.0.0-canary.49c56a25d.0":{"name":"@material/touch-target","version":"15.0.0-canary.49c56a25d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.49c56a25d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"29ffc9c4fd8e190e88f8762ade2d4c561d96f4d5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.49c56a25d.0.tgz","fileCount":15,"integrity":"sha512-sr9nBpOM+rpEK/GA1swbPZkIcdSNcKQgX4ssBTxDHQfSlzhcxsuIL6mXDbazwxMCbe049VAMZplyiHF5rBIlvg==","signatures":[{"sig":"MEYCIQDBsbnSFGpRM6wxVgNcu22DmE1uUt6jJWplM2ND7kvyAgIhAN1kAdgqNXYBfb0bS1ptZjAujn4fbcMjwO0JFV3ew/Ag","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPyOMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq40g//d+lfIpg2bB5UQ3M0Je0MAmsAz7xe7sXc7VXCpbeBIWnzHSmd\r\nqvqm1NMlL01Lt/XYypnWIrA3JxcYnO7OamqzTW/2LbZ7KL92N+XKHgseGSNy\r\nDo8OAzIiA5SK/SgJu0m9SUpNBaR7uSfYxMb97Ef7wu9t1co7EUOz7IVPWum2\r\nWQyloYA3yWHTWVekYBDBH04N7KSJYGyfkhwMAw4xHi0m6HLwF5QFYRujhKi4\r\nt3i6OzEzfzmbFA6qJZTGmJMdXRYOVdp/b8TxGPEKpoPI7IQmLq0cI/eEHW2s\r\nZfCsxAH6oZ3ek0QJvjOkj613ypTSzKmW0Gw6dJDc8QDbfxfLB3FnbeN28wwc\r\nkJBMo27nRPjvzZNN70ODb3i4QhC4N3xV/0GzcjRG1XUaSnpWLZqvaRZnM4DX\r\nRMYSvj3trJYFOJ+/MQpJI2p9/Tw6oHMDvdGjFR/TqwamCxUHJpMhHRdwN+sJ\r\ndoS1MgarKz3I3iAbe0wHgj8x2QHVB8pUmA9eOkJ0s2n+Ww4bB7lWgucKtM4a\r\n9TapI78dA2eUmWV53HAiRVs08+JK1+giTYWQMnD3rOMCuOQSCrsVpfPoFe9Z\r\nKLigs/fJWReHx96VivkaOAEHiGP/uPw42cIf5DMMBOKeY0NuBeFz5SOS8onr\r\nqpn9KJS7Oxon1fown8TGeWLHK9M/YT1ujqw=\r\n=0va5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"46425b4f1ee71ec9e841d7ffacdce7cdc35e7b69","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.49c56a25d.0","@material/base":"15.0.0-canary.49c56a25d.0","@material/feature-targeting":"15.0.0-canary.49c56a25d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.49c56a25d.0_1665082252314_0.3644077190245525","host":"s3://npm-registry-packages"}},"15.0.0-canary.07acddef3.0":{"name":"@material/touch-target","version":"15.0.0-canary.07acddef3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.07acddef3.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c28443a29c257e5ad5766443e4d96b22c9793fcb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.07acddef3.0.tgz","fileCount":15,"integrity":"sha512-cHCj8ZNBohX7a8qFFn0/YWAY+vkJjIPiCN5yTDt8Tw0CuA3QEjJoT8eO2Nqa9Kn1tzzwvMiYfsIMwDj0+Wyh4w==","signatures":[{"sig":"MEYCIQCQbvx8OX7aIJOsaEz5rUvQuwEZdoAlHCIHnOSZvvpWTAIhAIk1evZl65Hb/R12b+cw5NZHO57Mnr8vmO4plyBrxrHn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQJwOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrclhAAkeKrVQCJTs5+IFzGXy7HbM58+KHuMuK1mX3lzIL4NbzokrqS\r\nRuhG3+XHN0gtlfV2YPWHC/YMJDLnSSr41Dxs3He+WhdOMynWi2bSGB0qulp8\r\n12nEi1dirAKCn/i/44/0ayLTHNVxcCNjwzVnLGpFd6LwBk29gibsjh0dUu7Z\r\n1V32Rb4osOLUD3HtPTk9DmoMr2r//hOIepUqoWAGEpgiY9RZRZa00geLLdAr\r\ni4b67pXe3umpzTmMjGs2duiSqQW/vqxnXPSEh9anfmxO8UWpXVwXLb8uhV4z\r\niFGjwjcclsbES6x55czOTbwfWEb6MCfLMyT8yholuC9PHVrYJ2krQjjXD+ti\r\nBfCIz6QfdS+Cs0AU3mdV02RWWzOxUARsBKbPNhizj3jjN4WU6yzBhnQxKiNX\r\n82Ohw5rAjpS0qbrATMWF/+K4KO3MiPCZyGUADsAIsss/C4FHWhPJO/IHPZ4h\r\nCiRb+sBM2DWRk9Y83DjWuKetuK/N3GemkvFUi2xfBPsSqe2iYxVe7ejVBxKC\r\nu9xqd9lmm35cfeFGf1cQR3wF2kMeJaiZXaKmx7kkpMp5Xc9j0A04jlImurML\r\ngTTFQSodd+toJ1qt6M2UuMpo5ML3nDSXAl+HLbgajIVQW+ajo6xc9nL4WlqM\r\ngK3s1ftmyQaW6oP5/l0xQro3kBW73sUNRbU=\r\n=6/7X\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f61a6c26b4bd60354b690448809f9dfb7ea11564","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.07acddef3.0","@material/base":"15.0.0-canary.07acddef3.0","@material/feature-targeting":"15.0.0-canary.07acddef3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.07acddef3.0_1665178637755_0.46719968453160465","host":"s3://npm-registry-packages"}},"15.0.0-canary.1c74eb2c0.0":{"name":"@material/touch-target","version":"15.0.0-canary.1c74eb2c0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1c74eb2c0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a11e32a07930a7001ab591c67433e00f4228a05e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1c74eb2c0.0.tgz","fileCount":15,"integrity":"sha512-dF7mCnR8izFYwsNLGPBVTh7veWdzaqoKGnGnJ+GXv5EFIkD7CPk4dbJrYLdWCRXfQKEOgbijKVznSF8APqmc+A==","signatures":[{"sig":"MEUCIGtUVDc10WMgodjAF+qpfRf07zdFKd35dxX7KmqfGbyJAiEA2hAaoCkzcEcQu0BCZop5AFViu+2/3h3d2eJmK+HWY60=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQKA+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpjkg//URbiDu1bYMoneBzaORDAQoN4aIXOW3w13fNe9eumuxUeoeCI\r\n+e8bLrmjAT9huXYnIX2Y77sa941AOQJ2A4qCIX+BKHaXOsi5ncmn3H5EifBP\r\nRZJbmzoBxg/th1NqJZTZsyltHJq9i2mi5Gut33mlAODK2aTbVaOiNR13UDGc\r\njcgapOEH020vq+OGt1dNDlr9VyE6CE540rcQ7PqrHrKT0orJrRFCaev3nMmF\r\naE28qsZEp58gzVI3aDg9183KZE0L9xyG6pudFaCaEwTuhvbFvV8kdvnUZz8W\r\ntbk9wtXyZMy5vUdd/z7n2/kf1g1fYPY73RDJSC+O5P1oBMixzn1MmlhqSY0Z\r\nnPtuWpc/rtU3/5FGvev2eE7PuXsCM3CzZT8AkVDbv/JuvYjkU+GgxBu6DAUo\r\n8dl/6uKk4lTYXrmzWHgFUHE8zLj3yXnFG0EPseW7Vf7e8On7fBXxas9chIh5\r\nc3l/E2epw/JLFdN5CG/s3QjcZDGhHdRM7HDAGY5MvgGlLiBAofbA6zf7ed3J\r\nlHn/n6hg0J2ESCLmxKIppTWw7jnF8Pv6iZj74D+0ewryQaTRM10lFO8JyrZz\r\ng+1rcl6r9+Fz2zxkZ3IT1c7j4ScGa3jaqgYHmxgD4TdD/wZH6rtOPgAyvmqb\r\nf3U3lZeIkJKTScGbYErijaefw4N+usQgqns=\r\n=qFZb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fa2e48f4e71714ca4a637a500ddf18f562031ba2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1c74eb2c0.0","@material/base":"15.0.0-canary.1c74eb2c0.0","@material/feature-targeting":"15.0.0-canary.1c74eb2c0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1c74eb2c0.0_1665179706980_0.7199503016159399","host":"s3://npm-registry-packages"}},"15.0.0-canary.dadfb713e.0":{"name":"@material/touch-target","version":"15.0.0-canary.dadfb713e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.dadfb713e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d71b6b8ed45079cae1af171b38b0ecac0e44cda9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.dadfb713e.0.tgz","fileCount":15,"integrity":"sha512-UTfQpuqhX+5SK+rijsHSoo26/1EwRtinI2iZsclABvhnMOOBnUUAf2eWZyMZR+Ett8xaPMboYtu3aCCBnUBnGg==","signatures":[{"sig":"MEQCIGZvKdpUZWc6ySNkuheVaSddrMZmHP2f8MztdXW8NoX0AiBqBczmLRfu6xb6HcIs1mgR2lU4ydRJMhzBa4dP1VpWKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQQUcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBHw/+JiGfqymkLB7u/JrgMSJFIF70MF9bm/9yeB006kNBOU7zh1XX\r\nJqVeD0/ksXLz1TThSkliZ8UyVV4mBPvkl1YTq8oBntZ3ainYyzqh6gMj+cbo\r\nSiRBP5SRlBdSA4Rg8I0uFgOS9F0LzWnYFxMnHpiayuwwoVDcEz5LUGzYu0DE\r\ncyEpoZ6k96yYRdxB1IdILURoCc7kU/dgMv/DGzoawMKz6iLi7TmGZaqw1Kdl\r\nMR3BTusa18ceRRkCJ4JRjFvoC6xXOwTQszSkeNTXTKBZtU1c8NN0TX6Wou2s\r\nluWr6sjO2PieWEbwARJ10fRRZhBRBR6Pz60eNngIJPfXhdL0h5VYXSRwMsIn\r\n5Jw9sdT+omChXVBUFL3ydTKIpeVf8EqCIbQSJEtPldZuwvx6RBSV02WwyEBF\r\nUfKLUCCCmDIIw2WsVIRkDX+j1TC77ufbgryeq41/z+HawYWddq06Iw682boh\r\ncoHQcukss5GI2iDGqZonUWD+gTZbp1aTGJQMtdwItzc2TcmhE37epaEBzPwI\r\nBT9wPcxLjb24CALeqT7kVxnIqohMYkmaWnhahJNfY+V+K/QCF3DSvnWuId4g\r\n8KSEgJUUW965Ghjg99nxzZGlC3lKb6DQj26gCywT72dY//ATp3sE1mn4xy1+\r\n5I649mkEEgDd0pDE/Rz5w6VBsp09x1gzPiA=\r\n=4d9m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dc577772f45028a4c4dca1d7c8ca8dfcf636e763","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.dadfb713e.0","@material/base":"15.0.0-canary.dadfb713e.0","@material/feature-targeting":"15.0.0-canary.dadfb713e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.dadfb713e.0_1665205532048_0.25029514818981946","host":"s3://npm-registry-packages"}},"15.0.0-canary.395f1ce61.0":{"name":"@material/touch-target","version":"15.0.0-canary.395f1ce61.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.395f1ce61.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"52eb9ca1173edae4f5507d63083116b5ef4d6b60","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.395f1ce61.0.tgz","fileCount":15,"integrity":"sha512-sk5+7x3oK1RtmeGfh6OkXcTFmyl1XD4om0YmcHzBgFadTFp4IWJMssSd/VqK+ibdJvJBD2CyefXJJmKsBriz2Q==","signatures":[{"sig":"MEYCIQDTJlzU2mDL14SfdewNWstgJ7UXL5ugTJyjXD18O3otogIhAJh1bBbK0BDwShP5ZS/1GPl1DoFXIJx9a4iyf3/p4Xo+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQQWVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpH7hAAk4sJ/00SB1wbzDo9zi+tYm55YH6HhVEoeWYGW7a2D/Nybb46\r\ntVwkUCgRwM6Vd2DQpVMfl5ZzuuiQZU5J5gqb7pD+BuE8b8Q1W54LC6fWSwRe\r\nVYAPx45nO/vFCCZZwKYJfLwoBsgi+VX3zoRhQwH12V1ZQxH+KuVYo+Dx0ct1\r\nGFe+svU1R+8P/GMvFPePgV3jun8HBSAAODS4gW5WYOsfEc5rK3g5pVzgqR+S\r\n7nuTEcuwx6sw9qhG9p0QFqWCXAIffrlR/oXeu0ZK/oP7DbGib0shLSsnEScp\r\nKSn55BFeCrxG1iRProUwtnwnFYL1BiIwYODyOgIZWPy8pRN1+aGRiStK0DeZ\r\nbqB8deoAOkm4k3gzcU4PiQprl/1zlrCSefWKOr6fASIvh+33zB45kXDxtMNR\r\nS4JoWhrhXbb/sXPoos8FylJQpLoE4+mkZlbas2o4Qjy0Y6g3BMMXCYlRJeyN\r\nIzpZkdKaOOYPG2K/eLn1fqp4JJyYAJskp6oKXXex4nLpbarBhnVnT9U+f/hG\r\nbiaKzBXnYGuj0dVbUG02vhwJUtQbLvk0D1zZwCn4e4pb3uc3Vzn1SRyFIm3h\r\nooGn0//Sj+QFEBgK1QJuFCv2J1Nqmroy/tJamaa3GlzjvaJ4ErBEhUZvTuPZ\r\nJ13TgQYBqdtkKoByLBJi0pTGCBZJokjRUbk=\r\n=zmOp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"15a2d954f8c5260da0e9b6f65b6f49df69764a95","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.395f1ce61.0","@material/base":"15.0.0-canary.395f1ce61.0","@material/feature-targeting":"15.0.0-canary.395f1ce61.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.395f1ce61.0_1665205653767_0.4365112528446755","host":"s3://npm-registry-packages"}},"15.0.0-canary.e741b5c82.0":{"name":"@material/touch-target","version":"15.0.0-canary.e741b5c82.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.e741b5c82.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"128235aeed9ac78bef65b9a31b0266cad4e30bef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.e741b5c82.0.tgz","fileCount":15,"integrity":"sha512-b0o0yie1y6v0wHFjkgxEymw/i35xomUImwllzZxbK1qqaRQPqZnnjt3VsjUOYzB3yix2BFGPIBlE+Ld+CaM5PQ==","signatures":[{"sig":"MEUCIGleZd2paYKgnUJ6EZ1RecC/FVuSzAbiDJiGxJ34bijkAiEAy23Fd9M3v8Pk8hF1eBafs5f4Bq95B0zG5lYaJ8Q2//w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRFhrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/yg/+L48JOo44FOXtKov1Sgj0iedWVYEVRhp8MV94SouQTgfSDZyo\r\nuWD1NpJ/YkUkfpnvt3m2bvO8xf9qb+3CRU4L7FQlhWVjwtKmGFeW5/Fpt7bN\r\nHYIkEN7+LxDb/kFwky5P3nZuF7+L994MCouC09ri8qs+vxY/O6HvxWyFeFt4\r\nC3sF7p6k5o/8JfB7zZKBDXIQbQy0a62QCtJNb4++bsvzLCvOKOUlPST166O4\r\nOG7egMPEUCk7yMuWSFeHZQokG5en+ckSGCgeZ74T/4/TLZytpFzqjVRPNAaz\r\nlqLcS7VnEB70avUvx2XcKUYcHN7/4py/erWaU4mLrn2ErDAhS9zpfWdrufm6\r\neGJ3qfZo6+8WxA1ZHHnTlSCEBPijVq+UbWfv4nqgil/EJxvMrcyYEQGSC6yR\r\nUFWtgscvqJgGFijdtXgyE6Sl5kqiQNUOIWSeR6gFEoupFiD4n/kcz2Zcx89P\r\nv5wymUh3T2I4jEBEiJvP8tcyAVkV19rhx87lYZLatM6Ibdd55ayumoFxc1mk\r\nNqmFk1rGdMagpYjtDhodhTVUqeh3mSFszpmBfVpru5cZtgb7sSRmZc0ir3Vw\r\n/MCsBiHHE7te6CMM+bTdC//JnkVyglJjqW1v44cxiQ4kBIWKw37STqMP95Xa\r\nFXzGWQHyU3cYEOUtXI6/S0wU6RPW9XPWFqQ=\r\n=y/x0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"489583dc41bf06c909feb0a87f9679b40fe6c03a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.e741b5c82.0","@material/base":"15.0.0-canary.e741b5c82.0","@material/feature-targeting":"15.0.0-canary.e741b5c82.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.e741b5c82.0_1665423466819_0.6056145880817028","host":"s3://npm-registry-packages"}},"15.0.0-canary.582f3cc1c.0":{"name":"@material/touch-target","version":"15.0.0-canary.582f3cc1c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.582f3cc1c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e0bd1067af4b7cda0daf1c2e4b92900dc9748a2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.582f3cc1c.0.tgz","fileCount":15,"integrity":"sha512-ubZEe5mTM42228D69etPveBYBdpu6R8wLXXhLm7WvbOZBOiViroyGfdUAkl6WMTP766Ne5AvmOg6Fz5bXG1Aig==","signatures":[{"sig":"MEQCIB7K/BmAmXkPazbaid3UO2uASVE6UzhpaYwde5AwolBZAiAJMayIqXL+Vs5Cq5QxtyHXlNvYsimd4Se4xey0APdjbA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRPWqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp04xAAldYIzIhMAQSNaccLIT+uS/+hH1yfEE7QvIYp9fFGpxaAuTQr\r\nRRSzV1ZAMNIl07NEfjkhedeA8NdD+gWQNw67m3Kj64KYpDP09JawMk0ib0DZ\r\nqnIAsB6qO1+D3q2gh5cOhMyQN/JJ3LVuEe5vp4X5+95m3VdagvtT9tsCA/rM\r\n2+xVKVpmEfh57nRL9skyfrrGCeIpyH5Ur/ErwHGAsBIaupN3EUoqpFqyS6KC\r\nWWXx/QybsjmkuiacUPCKea19W0fZ7ZmYagCFaBsVD4xVoPbvBAe2ZjIY/DDi\r\nwGEGr8GQldirp6dyJgdQcW+XpMHz9zeDSyD6nGADeaWTfP/Z5NB1SumKCra1\r\nuncEmGTTs4nJbL//sweBHv+zCVyL+AN9Ub4hMv29LvrnZQvG+xv396M3gRIT\r\nGA9ho7nfZ5RMSSVN8DR/qo8DgISZXEKJI15GqOyAZ4XDEY8jBxjj4LFqMGdd\r\nCecuvTTB+uujJepvb8iwKEcHp2cDfsb0a9MNuHPoUr4zjjrCWViVdKlfIaFZ\r\nlM5YqwomlU2Dc2F6bD3oqtlEVQzcQodJIY5poJ7H+zpGTTI5euZQ8+5vuBUY\r\nyY8GBrq0A6Y6q4ArcyewL+KsULV/U083xjLZNaCTIL/YzeghsAsBYYpXhjVC\r\nmCYS5i/r3rXqWW4X037p7s1ImhaG6fH0gtY=\r\n=i3dC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9910dd1f5b3fa962bd02fe552774781896efa7ee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.582f3cc1c.0","@material/base":"15.0.0-canary.582f3cc1c.0","@material/feature-targeting":"15.0.0-canary.582f3cc1c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.582f3cc1c.0_1665463722724_0.5181132431778961","host":"s3://npm-registry-packages"}},"15.0.0-canary.b1a6e3e88.0":{"name":"@material/touch-target","version":"15.0.0-canary.b1a6e3e88.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b1a6e3e88.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"96e93e33433ceb7857d2e0d3e347edfb4d5c7090","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b1a6e3e88.0.tgz","fileCount":15,"integrity":"sha512-Ya2u8iRtbJAjAUxXfj2s6x1VO9IAw4MHtIPJId3V0WmIQuJ7xhlVq5J7XQmsANRgNxfD3e316FH7UiD5pnwtGg==","signatures":[{"sig":"MEYCIQCh14iIUXLchugAuxiQyDzvFj7SQfIyAXyA37nI6f5KCwIhAJApXllT2joNSLopJJUCQYZe1vtx+bcql1fPo1pSbKhe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRqy6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrpRw//TPSzwtDLvyNKYgIzoizwiNYoIJYjnnn7E4m5pcXFeQUSrBdP\r\n1mofKakossYEGlQogbRX439hspI/H6Bxh7yVCPaxJdJzNyOyFDT0fNfeleG0\r\nUHByy6TrRP455e7bFGUIprtf0/V+4Ksfam/LzhDXG4eWK8nIrsEEcNaEI/7S\r\nIxB+FqzrfveDf30DUBNnbcjcTlOuHsyaJiIUzvHWwCEpYGLXjeT8mBWdwaMW\r\nqjqdStfyJsexNFTmKKYKmmOOj+UYStzPdSjI13Hlyy/9aZa1ukv1WL3EpZ0v\r\nCY5NOGR7iyTRmLrryr9oHMR+GXh9tKYkMyEJDSz/ZKjgq3vTvwKlYR9ndZ+H\r\nw1iUHGdUsYj5eDCt36yNP4oWroUiKH0tsbX0nakZtrxeQRitTl0+XT3+1k2G\r\nI2ECO9/teXkrxmJEqBloPFb/D7gNYAacokQFSece8nU87FLVZPY5BwDfrAJG\r\n8+84QMgwwAJHmA6VBy1KVqw3iW1RZAZ5ri47j6zZmBJ7syM+ez6zuxwG3+SJ\r\nEJASetcZwkZPxDNbSVtyetFmOxl4Qp5Wi6Ba/pa/4V+2iuNrDRCVjUv1wINQ\r\npHc7TTQGFc7lxW0LzTmeTXU0cAt2BiQFDgeepE6mBROq6U6LVKYvNRsgZFBQ\r\nuXWtYz+ZdTDPlrZa23FtoFwKglcuf3Bs79A=\r\n=vQCv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fd6420b1b81c64578026927a4acf4ea73b7358e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b1a6e3e88.0","@material/base":"15.0.0-canary.b1a6e3e88.0","@material/feature-targeting":"15.0.0-canary.b1a6e3e88.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b1a6e3e88.0_1665576121967_0.08216864248510602","host":"s3://npm-registry-packages"}},"15.0.0-canary.c9b1a31e4.0":{"name":"@material/touch-target","version":"15.0.0-canary.c9b1a31e4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c9b1a31e4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5dfee9743458f7b02abef252c859489901920103","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c9b1a31e4.0.tgz","fileCount":15,"integrity":"sha512-PjWHH0GlhR3vIvKYIDDyGPB4byRz5DdwIVxji+qTEI3k2hGQIA/6N3LZOnQ30uTnLzJOga3aUXVL+m4J1Qvs4A==","signatures":[{"sig":"MEUCIQDKamqoAJxqSD8l4DNs9RX4sW9HxY2xDRuY7O/noQMvqQIgFEoI9J0dXHzjOafbL5MWdq9l+YpFilvH5SnWGcSSPzo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRvIfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAqA//air4V4S62Nuc/DU3doMljWCUhfAlNa1nqn7FMVIx5G2L6SaZ\r\nXv4gOn4ZmHtb7xN7Vi32MY4S8jBqXxtnOlwX0l4qfCpt2AeC1nUpo0b4lO2J\r\nzDNBWrzvSFWCxj4thVCsJoZ8Y5A5h+eKWfzocVl63zi/IeMKDvYNTECBjzIO\r\nWXZY8pWY2r7LF8ga+D5Y7ZVPu6b137CylrZA8EZz9QepD8vWkspZDW/BTqed\r\n4Xy7d7BhJCF4+QrGvOtSHTFkUQbn/4HoTPd7oCstidcWw1LQyk2i+aYZVsm1\r\n0BY4w9Q4FMq2WE4fdX6XUruvArY/YS0hbxTN3Hzr8Gmnw54E1Njd5I2WMIps\r\nG6JIf7zrU2hEWOsITeUWhON6Z7JIoaswePd+HktSxfJm6u/Em6OvbBx4HjDp\r\n/vJyI/oRRZt9QBPZqxhA9k6UPiedrJkvtZvEn2FBseAPCLu/vc6mT6LVWZ8U\r\nSLTnyKAjiFI+uC7EKFChwF1GtoBTt1T4IbaanaMbSfRU93knoMS9tZUbKs0t\r\nvmaDBbxXk2apmKKUcKo63sbz/zp3VFUBe3wbJzTOi7o4Wm1Z+f5ChqP/6PHk\r\nwxAL7KCEVMVoYMw16KfzHLoB7Mo9LHK049nRCyqYgCBQCGxi9r6WAgD2ryIt\r\nS8DcOStoGJBJyweHq5N0tS2tP7LgW4HTv74=\r\n=et/V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f7a6b71c85fbf0d1a9db952402e002f8421baf4b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c9b1a31e4.0","@material/base":"15.0.0-canary.c9b1a31e4.0","@material/feature-targeting":"15.0.0-canary.c9b1a31e4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c9b1a31e4.0_1665593887311_0.14976670225154387","host":"s3://npm-registry-packages"}},"15.0.0-canary.13e9b0d1f.0":{"name":"@material/touch-target","version":"15.0.0-canary.13e9b0d1f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.13e9b0d1f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44f97fa85fbf94e132e7c7b4a7197c861ca1b0dc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.13e9b0d1f.0.tgz","fileCount":15,"integrity":"sha512-C00ntXIJPTYDDpO7Q7Gxw0rmtXvi+sOCoIAwDC611cZ7F7Gr//zSncMEtwfthHr4n2nXoKMA2a439sIIuQUCKQ==","signatures":[{"sig":"MEYCIQCFEG1MrXZiMlbPJ+67EM98Qx3O2a+yAbLVrOFzXjdlygIhAOnwfMaFDKMa/zkB+1fjmMlLFnwoOzKWrNUwNUdqTh/d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRxOIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6HQ/9Gak0FbUA67HgFVjcqTgNEQpytDrCVUkXjCLU6np6chrrh96z\r\nytO+Dzcm2EzVh/GBaCT2vPJ+SXG/AmTo85ldhLs6J3jRhBaeUixxJpzhj6KO\r\nqL+ie+2OuR/MOqAEtYTJcjF1Rm03YLE7hZvDFmtKIBBP8NUneyLwwld3kNrM\r\njsUoaLjYox1/67hO5AUgRuIzXjxyRapocXQ+UBXlYGYKKt8GnMtVoc7b+TiM\r\nFn4j4eAFfXUniqizd/m1xsOUbjvVkd7DMC+3hyM2OIHqKilnHeHiEkefgJ5E\r\npKPDHZn1pD//VMsgI9SXIcoPht4MTz6CPcnXV0tl23buCY1EACNrolQuahpg\r\nKPXfZYQZpTzp9oIT3PAGuEUr5uI7fevwtQV5gmD37hFjine88QXgZQmP3yNp\r\n2Krk2Zo4Kk273d5OPmD/EN6F9Uh7jW9LyIzHRm/6pZeCMFUvCaBS7w22HAwW\r\ndBHkXZo0BwYFy3ouBcza1n6J2rYOts5eFpzBSSFgtDxwjJDg8e13C1taEekT\r\nMytYbg4XKaSDik/5XJMUsviCCFDpWIOt3y0m2Jye8Lx4sI30+BWre+XZhYH4\r\nmPEjg/9IEMlhtX7QML0JSp7UTihC922J+DqpfEKg3ElIdLCE1J3F4lPoJ1aM\r\nwOf4nNaMqjT8zguUmupYJvaxLrnlBGJ3PGI=\r\n=CJeW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4d9f6e4f27b68587a15ebef6f003f73cdad60bff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.13e9b0d1f.0","@material/base":"15.0.0-canary.13e9b0d1f.0","@material/feature-targeting":"15.0.0-canary.13e9b0d1f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.13e9b0d1f.0_1665602440084_0.34123038986757503","host":"s3://npm-registry-packages"}},"15.0.0-canary.1dc797e7f.0":{"name":"@material/touch-target","version":"15.0.0-canary.1dc797e7f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1dc797e7f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"385bc9ffbe9b452e06cc0c92a42d2becd5298efb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1dc797e7f.0.tgz","fileCount":15,"integrity":"sha512-LcHb92yQEkmzgrpoyPJiy0kOcGc91NDjVBM4RYmbO+B4SqLNvU2OnIK6De5BaDSFyUPQ36oeVJmg1f7qaMeg4w==","signatures":[{"sig":"MEUCICZg0o8AnpSI9pcv2sOFivoa1E9i5MX0KydJRWrdD3/8AiEAwEWi2UbulVWv5f3EC7sNZSDzv4aRXS2ISMs5eOf5wIs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSS6zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWgRAAjHlf792kE+sLlRXzCYjMbIDPlwd51nwpAv6MkskPJZHDpTew\r\n/Zv8GxFtTHgEZQIp9+qhAsuc6HbEa5h6kQrs14AKoRbMVrrfux783t81LMNQ\r\nGc1Ocu/IT6NJLGcDajOodgvP4wM6GUJuqGs6omF3fEOZcy61NhR8uWowhRrO\r\nyDSG2df1q08NJQOcMCSX7CSdEiW7ucBOduNmYrvbKpFvQGKUoJQLUF/zSDmV\r\ntQTwk8upIpjkvrxgEGbeR3whrZHPeFxzgqOHUKKncYkWnxBKZQErTBvAazSj\r\nOPvzX5Y1YWjtcc/7idANXr72/TK6AD5qFDOJ3X+eYIHcIjn6g/OE1lrw7+NL\r\nheXc55dqZHBRHTr63H2NoV7K2cNecX4xhaHUooFGULUYRGQqghV31QWA5l1F\r\nLD+A+9xbo310JjSGHQDZJAnYrY/a35WkZJDkPuVOzpv3pP20McOzQa8+iMwF\r\njNZkQc3Y33Fp/TYMtqqsksjC8+cmlP9j38EDSnLfFHd16WihtUm4M+D6Rvxk\r\nEMLy8cahYbdTTn+0XhpAjh1YLYU1S0/os374XZxv3uVTYIW0TGMg0KMm7Qw+\r\neNLO91kOZ/zjCWYkcxrxMctdcV33fHUtDlI25LyvmixKWom4l64IBhUpqYzM\r\nOWr4mLBfMQuqoHLMDC6jWxBxTCtfOfnZuI4=\r\n=Jjza\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"22eb0904d0b7a84996854bc57cc417286deb08b1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1dc797e7f.0","@material/base":"15.0.0-canary.1dc797e7f.0","@material/feature-targeting":"15.0.0-canary.1dc797e7f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1dc797e7f.0_1665740467811_0.16022212817302872","host":"s3://npm-registry-packages"}},"15.0.0-canary.ed4009397.0":{"name":"@material/touch-target","version":"15.0.0-canary.ed4009397.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ed4009397.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ed4710f2d234e5d4ae00a2c178114d306cd6e411","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ed4009397.0.tgz","fileCount":15,"integrity":"sha512-HeQBPAICQdR0ZisjbiCYS8uWMhl7xqrFhzYi8wzVv2JWsi0ssXfIwZqyr0t3tJIe0BtpDJkXKB9HRDGmz73L0A==","signatures":[{"sig":"MEQCICPzdWV8O9sm6aa9J2r20KSdE8nMBellnZcYedKEPUymAiAckdJLuuU3edX7q4nUKFrClmHZugGs/GZLHEcSLNZvog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSZNvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTDQ/9G1kHBeBCP0xoleQQBRrANYVRYawAAhfnrTBAYuEFPw+wGs4+\r\n4TF9MXIB8Imhgs9OFgtg9w/ara37kscyNzKH3/CNxjUkP9PBR9QSRzhqmwlN\r\n+R6wqXZcAhGmw5ywdgQUS6V7LJ5cFV1fbSP7tsNwpz/p70076Vec/AO3R2EU\r\nfVB5HGH+GzDvXwKd6qhpUqTmFTxUvt458XqrVZ2I774kYTS91GbSDsi6bd21\r\njLZZhl9ZOdxQWY6C8hHYGREy8/1UuIlJImvMaKsWumvYtwGLzPKS5LCXQ30V\r\na4wGTdacS5c627FqmAhnPU1iVa8u9T+umyH8LW0ZiXoh0iM00ag6AhtBPAqW\r\nl3FIf+ImgbXNuQCxPpYzRjlY3lHAg5GsWTPUfl0+53jiapaaP/2vD85Y/GGm\r\nV/Y7aC7oZz4XiqWL3BBaoC8w1/hnf6l+5EmnZJEEjC/oPP+Iz3mkhNA3y9hg\r\nM8YCchyVqugXMg3vfAkmI2qaFDvuyWFctEStFr0EFzhioSwbn2dUN6/jCIdO\r\nX7vto42kTUE1jVmYZ3ms/byqCTZUDnV53hG7AO4Obe4QJd6UmRdLUmi0FwuT\r\n8SuLDdYKKu8JejdsVkPcDSJ2nqSClF9GgAl2c91Qn2n5nhyq7j3UohtDiYqb\r\nJ8bWU0DGI+iV31/IHTyd7Q3EVKD2TAL90Oo=\r\n=rJ0e\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a749634198bd160446873ac2c5cf3d4345b1620f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ed4009397.0","@material/base":"15.0.0-canary.ed4009397.0","@material/feature-targeting":"15.0.0-canary.ed4009397.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ed4009397.0_1665766255572_0.8251149897046743","host":"s3://npm-registry-packages"}},"15.0.0-canary.95ef196bc.0":{"name":"@material/touch-target","version":"15.0.0-canary.95ef196bc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.95ef196bc.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77c4d7c572451b1b071efb2b93904f4bf77874c7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.95ef196bc.0.tgz","fileCount":15,"integrity":"sha512-Yv93UXq/d63jsRgyayPa+hxHcFgG7MrHLUSfsRsVwL+6bvn0Yqy1tPR7fq7cJwFdgT5+Ua5H29vAbXhAwjoK4Q==","signatures":[{"sig":"MEQCIBU247ePEyVIQtKvd0teu458h+eCtIMh/RROQSFU7ZHbAiApH+VpZFBcNkdL56uSxVuYwey69gLnbGNK4Vq3z5+aTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSe0eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMExAAgJeHFM3cj8fTDdjgtOMn+JGgQPIoU3lW5A+BFBgDuU+oEztV\r\n4WuPc2x6DliOnWCDy1Idv2gJbmlMjAHFRakboQVh5RvyULuMkugND4tERj20\r\nb7HZMm6SuwA4CZTpREUiacd4ao6XmDV27PGvc12PYgeCqIh5vpFzoVc00qPj\r\n8KBxyxMMWz02EnsbcIuN6bUYb5PLl4pjgenbFs9rlHdSHLBuAUVDa6lN0Y6e\r\ncLNoK0yo5kpNDmcL4CuMPNwXNHC/5DTk0G79kGXN/knjAwUSrTH+tH5r6woR\r\nlAzdU4V7dzV4/63C1cHl5TNVhI9p49aePggyunJOVeeN7pmqjFwfsJb8280J\r\n36EqmDrh1VjHeC6GKo+k/lo8WqbdrF2HDpZi+mPH9RhdAfvWbyReh7hQz9Wr\r\nu/YZ5+bUqOtseb74B7m/I1phQo1yVyQPooW1dRZOHIrwuoH4z7+9Uo4sy/Kq\r\n618ovAWBGstTpX05wyAcC7S0ZPzEwZSpX2hvodmXSxc9Muh/U9q5EwtXBVcz\r\nG9M0ie2gCI9DAG50MCZg2ttcQ9pq3gCUiHNt/IH8oQKaGSm7lMt74iSpHFCO\r\nuH0F6dzoxP6o7JQciuBDNfUWlBPgtdF4CqwEaxm2AgtdJOgDvrq04CRMpHLl\r\nbEc/jRgR/zRn01XO8Ir+A23EMMYlvp3NGLY=\r\n=TVC3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c133997c8c45e50d9ebfe12fabab75ec90d244e7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.95ef196bc.0","@material/base":"15.0.0-canary.95ef196bc.0","@material/feature-targeting":"15.0.0-canary.95ef196bc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.95ef196bc.0_1665789214476_0.15322570553714132","host":"s3://npm-registry-packages"}},"15.0.0-canary.13eea1b2d.0":{"name":"@material/touch-target","version":"15.0.0-canary.13eea1b2d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.13eea1b2d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3cb55a53ba70522c1aba5de0add56c12014a7bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.13eea1b2d.0.tgz","fileCount":15,"integrity":"sha512-fjN4bo8eVZBsMNcUF//SGh6GkA1ETwSWYbW2jzRipOGo97RLPK2khTwAeWgaHcDqRir5Igw4X6nHlCachpcwqQ==","signatures":[{"sig":"MEUCIQCS4BSB2XQm5nPjiRYbZe3j69YvJ1JniAaGAkdmUfIUmQIgXTCtMgmRZDYcru0dkKHjvR66V8VvgDcvxIdU41sXOhI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTNEyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwqA//TOP1xpct00UmjyXXmjNwSJvEMvVWI7RreUihR7MKsFW1CGhe\r\nQirVBVhUxABSSyI9qOaGLE7bPxKXrlI8FN8ze5kxnJ9aCKoTJEgO7bZOkhnF\r\n/Q9C6gsf6stYfZjh8H/AIz1OjDo1nooGqU8A7RY/DMHfyyQbGvbO2RdoIm1o\r\nM+69J3os6Twovyza4QNZ7gCiZtKAJ/fES0oK630RbD2puRhnfJZw0V6972Hs\r\n7enXpDJpETwD2Wb4LtNVYvx+m1iXhTgf+ZmYH5XEmhXKEGYCMpQWLrE7iqLs\r\nhm9KmeQkJYRdTT7TDfEgVLXMYuwYcfrq+gIFJWj45YAlZ4Ruhab5c4TvE0wV\r\nWps3z3kxiL9pSAQQ3ThLhBXQO/u9cSBwEnmzk2wVu2SSRswB7FQbtX9R5p6K\r\nZI499jcqRy3jTKX+I4MAVrcJNkapvHNukQvk9DcjzjxnBVM2bKeJeFcmURMM\r\nKo9bEypPub3oPFeRp3dWW0ds/LMuncx+PWw4uAiF5JoevtGWYhPMtVldO3BY\r\n0NvwOhLy9TZewkd8OttDIaMKrCi/5zAyhRoQKZaa1UQvbF/7nzTlvi0qOqZT\r\nEbwt+6xScJtQQj86S1IQzhDuOSr4dVURMXR0MyC0QpKWZSla/1FmMux4BjUy\r\naN92cyhED+OeLjPGz7kbvmaANh0yGm5OA20=\r\n=EZg9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e9a13860e495e7f113966b4c71b9c7931a32807c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.13eea1b2d.0","@material/base":"15.0.0-canary.13eea1b2d.0","@material/feature-targeting":"15.0.0-canary.13eea1b2d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.13eea1b2d.0_1665978673833_0.1326580321158799","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef9b2babb.0":{"name":"@material/touch-target","version":"15.0.0-canary.ef9b2babb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ef9b2babb.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea38436c68bb5da3912e1decc2f7e09718e2b12a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ef9b2babb.0.tgz","fileCount":15,"integrity":"sha512-tqaEOYiD21kY67mosbcKIT0qnoyn0xdFi74OzGqyocORo/28r+Xq0vy9V71lCLK8LmgXvzQsHpQUV6uRozdXwg==","signatures":[{"sig":"MEUCIQD/T5oApJYMzDpOQ8KDX4YdStfkS9R7EVyhK8XUZd7pIQIgU473aMwt2xMOG5/s5BXwEF7J3i/be8txnr3OTuU+Lhw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTR2uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcNw//VBWDwCy8IPMa2mtPkE88I5Vk86CxAmbY6MQ6ZfCX9o9iPxhB\r\nTTOLDG35gE/RzGGBSWeTQrkrCEaOhgEgjXw3h6VLE5nAWmNsX7QD0zlEj1k5\r\nyEW2W2wPbkZ4m2CrlogVAbsNVkv5jzBvEmbLFWNEB03EA/OJAQXegWQJojmt\r\nYYEwLkxH6+FzFwT5z2U90uB7yAl56HV0lGAOyutsogSwBIcX8QnhI0lP8LeT\r\nzKuRUKnWwKiHQW72bSXX3/aqPzqJxllDy+j0rDLFRcHgyq7g4eFoB/Ctvqg8\r\nwC9xuWOgfEW5RvU+ESyTcwifm78OZH+3sZt/iOSa4KkhcZFuyJ/6ijkgDBTQ\r\n3o9W/r5CSXh6ewVvzGiRuEU3Ac6u1uUTsl8TSxyxB/wB/3QMwRWJ/sOyOhnU\r\nIdGpG7wd29DhaXL3HSMhyq/OJSElFVIcIJnqkNlMyikbhe0PJ820jh+YDqXY\r\nNvqIAturewEp1NCwzgb15T2louSRfq7dzqZKmwKlVEfRSoNbi6NDVIJjvpVL\r\ny/2b+ZUAs+WYAJ0h2wmF84k2CmEx3kfm3R82QYW9ye8L7oH1GRLXamGM2IfO\r\nUaBj0DsDH3g93aDS1b6pdU11n9tSd6QUdyE7uWP4+YQMfTHnlBs1nJSg9YNt\r\n9HxlveNVakZsalabvZLuhTxOY/XVqYMmTNI=\r\n=fEDG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2e04dcc89ca80bfb50d7ee1e4172ff9713c149ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ef9b2babb.0","@material/base":"15.0.0-canary.ef9b2babb.0","@material/feature-targeting":"15.0.0-canary.ef9b2babb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ef9b2babb.0_1665998254402_0.11047071699114897","host":"s3://npm-registry-packages"}},"15.0.0-canary.cec7fb987.0":{"name":"@material/touch-target","version":"15.0.0-canary.cec7fb987.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.cec7fb987.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72e60a3f50ba2bd5d850090d3c5c0f6bd9f36920","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.cec7fb987.0.tgz","fileCount":15,"integrity":"sha512-5i+Mv5y1SW98FkyUvL28ilWsgx2ALAXCdRwroCAW45YhBJsC8IIe0120mIEz+GxqgbCFY2Q49HcuEes8yDW37A==","signatures":[{"sig":"MEYCIQCy9M4H7qEV+8Vf0EvOOFLSDHyhcfZq0Fkek7UWBe6hKgIhALQEf9OCAZLDlbdJ86lTsZ0KE/qUcSrsNC2NuO8kUVVW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTTS+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpv0Q//YkAFN4cxEhvLjHtHYDx9/fVwWAzJkok+83XzeHCD3gfS76Sv\r\nVdnYlkzS15i1FISr88v1xzweUm1vKiSlMMiVwmSYUVAjQhuxgxjA/FouJhNT\r\nEb81c6mAb4XMjx3389O0LUkG8Z3iTNIhqsk4PL+hCxJvWDOrXW2ahmZXZXNw\r\nhGYNmk+JHR2gviv/MGfCWtd2WDZzHK6Yya/gbKImu/+IofqLz1hpdC5R5Hp2\r\nL1y6ID36Y4vXLcUXBKq6pzC/HJTQf5egzds9vDYm2SA8YMVitHPy/TqCBpMe\r\nd3/g7UxrWcOXvSYZu0hHHxv0YMzH50iXbNi132veY6+31jdyehTX3EiSU2Pt\r\nAHr9swdhQHVMEib6t8e0FRqnFgDJmmszae4tmxv1J7z0GtlBC8YQ6fZH0PHR\r\nYRGZBlGPhK0dY7oVFY7dfwT35V53soWaJXF/CScN8oMt9D/NKWZAThHVA2y7\r\n8R2gzjOCmaq7RfUS/8tsW3LzQillFUuVVEzxDzWTv3O2Jnzmk6MSJYdlVaM0\r\nz3woT12EwS9VmBCXPXG/boEUBiNMn3OuUTn64NRsyRq92k94KTkhUUZjd7ug\r\nDxff13Of2mCHurIn0DdL45dnDE/ppOYN0tDhlFxkxpoFO5enfyzeS09dzErl\r\nPcF8P160Zr1dUf6kEyttz7mHuGWobUvb09w=\r\n=jNi0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5af4beeec511ff0266173424b4b179e209402a5d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.cec7fb987.0","@material/base":"15.0.0-canary.cec7fb987.0","@material/feature-targeting":"15.0.0-canary.cec7fb987.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.cec7fb987.0_1666004157987_0.9203610072001205","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fff58b08.0":{"name":"@material/touch-target","version":"15.0.0-canary.4fff58b08.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.4fff58b08.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6caee0c0ce229c071e815e7ce6ce7c1e2f9bb21d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.4fff58b08.0.tgz","fileCount":15,"integrity":"sha512-C2NHtLQlRNbIXjbGu26pjddu3X6b6fMagM27O6qDSZRhGWMOpamgiia4OqaiK+kxSvfGxqmgIJwIG754QsXY/g==","signatures":[{"sig":"MEUCIQCbsCi8c+0lK/Uph5W0Dk4PTWYoRcIOO6bpOPEeJ5A3nwIgRTA0Jp8MKxrzGvsQbHSDjQgpSqvK7KznL4QT7VtrfEc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTXMdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrV0g//eB+5V1Ysmv4XfvPkyXz1YTikn8goe8wjno1gO+i1ff3TOyZA\r\n4fnCWjiSqK0IkRlyHo85/CE5/Bxd5pADqoYzNPsgFxVSQl+Z2pUZ6kUW4TvT\r\nV4XtXC4siZ+eTnyDpO6DPyxlflOpbSHzCE0khyAKJ/fp4+8UXs85ftnqY7hx\r\n9YZNBPkzcFgEZKrDZIMTnqk9V3Sm12GcdYfxSGT3zvYFdA1Ey6Ulzu9iCMuh\r\n5EgwwSzboDJjhCYy9CG0lAov3Vu8QaBjs0cRZitWpuSku56bNYPwLOLRAXyk\r\naecCSMGpJRbUyy03U/SnW2IFdEo1ozWGJfB23KHqpv0aiUC1oDmZD30uHe/M\r\nP8baZe5pZgmbs1tEu2jQ6mFIEPKO7gDZE8UjJbWrg7iuUF0IuOITWAq9mEPG\r\nYifHby8DOog57jAW0eUCN0Oq8KFT1V3fTItfiPrlptXDiCpqGAauW9ehv5RF\r\nk42WVKTXK2qxCSZk6uX6uuMYZPWSEpK4MSMhHn5TworI6pCYN81fjmdtdj+I\r\nGOf0+3vHTVt/7KTb7d8a+IjwCXoUMWt2ZlpceJyvKLGeGd8oy4Y58WHbvlR4\r\nRmreFbVPigvKz7pooJyTvBn8aBtcN4TRz5FqAlvxDbaLVfLxDn6MsPGBWlQE\r\nQGw2hB4FiN8+qFtschEiz2JzAPZtBS0DEr4=\r\n=vaQb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b44726c7f5a5db16ef660807b5247cd71a447c80","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.4fff58b08.0","@material/base":"15.0.0-canary.4fff58b08.0","@material/feature-targeting":"15.0.0-canary.4fff58b08.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.4fff58b08.0_1666020125477_0.12272516304286785","host":"s3://npm-registry-packages"}},"15.0.0-canary.587d8f871.0":{"name":"@material/touch-target","version":"15.0.0-canary.587d8f871.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.587d8f871.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0504b0c3ca59f81e60e2bedd78d13088e8101e4a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.587d8f871.0.tgz","fileCount":15,"integrity":"sha512-gs4CE7d4fPslbTOLiZvQ7RaxUtBoulqos3JJQFjletfoyXkuDJZXWewzfDj4QC2yII/9UwdClKBMcqnJNkKB2w==","signatures":[{"sig":"MEYCIQDs9YKMyUqDBxkwag0iTi49QUC9mi46ZyuZlp2vJEdHdgIhANSJxFHp05JTtnby0oLr+iRUZrUj5ZAMw6wtoTXeWbl+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTXs/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWchAAox7yzeZMjjMuuwPW1Gxpc8wCqfxU6cJr35Mc/qIEBDnnnNs/\r\nh4UiMOS1PL3KIryIyDARdDpo90Wmw10cUvnGpLSrAWrDEm4+ahMooHyV+DGz\r\ndENZ6uE9SIpWUlyWkly5h69sMLz9977cEc/I87XepUs4SFk12+2Psm28V2s+\r\nbDri67MdZg1pai/KAX3bO2abgKipJRO+IlNStqqk+S85InlFCh9gyg2GaNlx\r\nPGA415Wht3VDRZ/7NFZRIVwBbXjF08a4kmRICdE4n5fMhs+XgXHS3RZGq4rg\r\n15QpqdXvMfXMDfSRzBEg9QgWWD6IEduIYllagkMwH4LsfylxG8PiBcn2+cY9\r\nurgdU363MDx+uFFD+fRP3368ch2KkaJhPmmXeBNF/qrOKiq6C1aaDcCrAURE\r\nbNLVlr4hjVfeY8A8TgjQTys3jhXGQ7096QtcQ+uKiiCG54E4tGJc1J+1CTlW\r\n+KkI5LseJ9zYHodAarYSSrLRdpo1Lf42jT860jUIunrKX8pG167UmC6bSH0V\r\ncmkQ2MFWJi4AcBZp2AkAvDEt22gbmcVKirQ2xpqxb3glhgVvSYkYhPS0Ois/\r\nHUFWaRly8LW9K5gZYULeAsH8ors+KA14ueR6JbNhKm7fOiRaQCHnqx9ycLxh\r\nNKEC871e3OSqepZi+6BMkQv2ju5SgESZf7E=\r\n=/fUv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2ec38be871dc355461961e4ac44d48ec44c42a1a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.587d8f871.0","@material/base":"15.0.0-canary.587d8f871.0","@material/feature-targeting":"15.0.0-canary.587d8f871.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.587d8f871.0_1666022207144_0.9353557018084822","host":"s3://npm-registry-packages"}},"15.0.0-canary.edf4b98d0.0":{"name":"@material/touch-target","version":"15.0.0-canary.edf4b98d0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.edf4b98d0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"88127eb91fbca375116ad6878a068f5d18312fea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.edf4b98d0.0.tgz","fileCount":15,"integrity":"sha512-9T5OnuZb/fbFUGqMfvuGh2Xuz9Nd7JPxGJSF1RsjdNWMC51259W7Sw6Anu4Q967nGYN76C21gcpnF3aOGvXC4w==","signatures":[{"sig":"MEYCIQCJFWrldhjV5d9HsRAA+IQ75kopK32uHKu1w/rmNc97AgIhAL0cMpn+xMUcg23ZUYwOv5jvIDm9CD7T4Ra+0PRifICi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTYVlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7xg/+LvFm9eZ2shqeCLlhdiJLxRrTvsIVls7fuSf6bCIWH7GfOFWX\r\nna7k1iTXJ1lrTtj4IBFOPsw8NchcEl7Dnb671m7MXoTxe7GSj2k/B4DtzQVH\r\n67ad7aOAsnsoCTMbphHBitqiZ6RNNempeJBFGIcsQ6gdj6Zd+TrT31XX7E7N\r\n28zbDPlpvooG0Q/KwvTqZkv+uujc0SfNguZN3R8tGFsRufaERyuFCx5NFNVm\r\nb/H2OV9BCTHoKOhTDFtlmg8k6zJvHkwlj1BPL3P2BWo/PEbX7kaXeZKsGjzn\r\nWsRfYX7BZHzteVMDVb1SzyG3Dqy05uFEhr+uCmDv91bTXBgdtH6VfOYOympo\r\nLs8Zom12/Thyekm0KzZPxqMcvmeqIQAHocmlsJXtXc1ODZxAzzIO3HJTuae3\r\nsX2tBEFnMe6RIhbakTqvzFxuGZaHMWHXyMlVKnRKbEp5HzFsZSezRXns3D58\r\nNgecc+hgWObn1EggpMwZdOYn/GR4DLRa3qW4oJQ13fUC1Q8/dT9bPMU5rrdk\r\ng/1xbzjbqPAkXBuU6vtHqc8felOffRM8cpIY3kqSlCtFc2iDjzagxGCnsdpk\r\nxs6lh7j8C9ptLceDyzmBv90MOfZXjXMicbBOKbWwZdWm6/k/sLrAWqgn86bQ\r\nisldeJYQUFHZhM0w2FcYnuD1HO0toNtlB+k=\r\n=ljaZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ad4766965d2bd24e69b2e2e6940c960907c93c1f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.edf4b98d0.0","@material/base":"15.0.0-canary.edf4b98d0.0","@material/feature-targeting":"15.0.0-canary.edf4b98d0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.edf4b98d0.0_1666024805685_0.3573894533281685","host":"s3://npm-registry-packages"}},"15.0.0-canary.024ac5f16.0":{"name":"@material/touch-target","version":"15.0.0-canary.024ac5f16.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.024ac5f16.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"426a2d0735df7ffad62d1cb50594ec13b31292ad","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.024ac5f16.0.tgz","fileCount":15,"integrity":"sha512-xLnvhWsrGYSAS77S/h63tglowakpQEOc5pJDC/mgXi3Nz9W1BAXq8eeRT9w42WkkOcDAr7WRBsC4VS0O0tPZAg==","signatures":[{"sig":"MEQCIA+0UjHQVEF58wC5xsMr9Gs5LGxFDJaCN0GJF6ZkrQNAAiAeJZKYwx8lf8525+AAnaPh8TYn4W5CMCHkBuAp1qrp0Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTdo2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJixAAg2K3l0AXGFTqljxx2MqKX7Evo9x5iY4WuCNEATRQ/g+aBc/Q\r\n9+8n2/DjEjdDqWY9SI/wldkgNMGvGiwYehO3O7TA/j3QBihzn3iN188GdJkz\r\nBem4LTVQqjxhU6TVxBiGy7WLECAuXRW0TZ3AuoWxdeuMrqN81Brxf7+2uvzg\r\nAs5X3jddTHy/dnzB69xL7/Z8UBt3Pmb/kNBzesLGkLbc4pwt2ObT6w4Fmyyv\r\n54DRFMbX6e93t68IVdPMetGo+Q/OFpdzsj69AOTfgQatNGs8DNwDnCFHY/JB\r\ndvei2KliUgj4cyvMwx1NITtNjdbcy7P9Dztio2ymHqzwpO9wFa47Sig9VOTw\r\nMuzJj/ILd/8aYzM0UJnBpZMWkzOL16BvYJJCz6/m5nLJWj4v2SFbP0p8+CcU\r\n0krlP2cxw+XuACTIo6TbeYAu6jqT40z2U8LfdFvKtPmxo8QirC1r+L80TvGV\r\n2RP6iyuxHyPVUYo1/dsCkt18fDJhw2TbEocqSsAxb0YNWlyhT/7uwizzeJ20\r\nXNgo2398SwDNPkdLv8oY7/VS6cwVljlCIYjn72/hxp/R7pkOSOjBxkSlGaLz\r\nJuaQmJ8Gk+LnvjwZKx81Ahynium/N2mgxMhb1FtecUv8ZqvvqZxFQdnKhNkI\r\nQpbPzz+krFH74S2p7SxD5kJ1woxv07OPrC0=\r\n=Xa5S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9ad8e77cff1167055c10b93b4082fd5b4e1d8643","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.024ac5f16.0","@material/base":"15.0.0-canary.024ac5f16.0","@material/feature-targeting":"15.0.0-canary.024ac5f16.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.024ac5f16.0_1666046518625_0.41572688142309855","host":"s3://npm-registry-packages"}},"15.0.0-canary.c8bdf6144.0":{"name":"@material/touch-target","version":"15.0.0-canary.c8bdf6144.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c8bdf6144.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1405c9df8bcdda07b3e78996e45576accb0b291","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c8bdf6144.0.tgz","fileCount":15,"integrity":"sha512-OZpKNlHPSWiCJXQP79CwN8Gz3LPg4Sl/sYUIpgGzbiptRWLF9l7Lp9OnrsZMLOT327jjj6QNHE3lIPnR7PiKQA==","signatures":[{"sig":"MEUCIHfk2s8ImAEjtA12zQQCVPOHtXixdIlSmy6gxCD1lw9VAiEA5XXUOJHJrked0kqBBgVmpWr9hF/SZNEghMGdKzYdqEo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTu8HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0IBAAhwMdEoOa6qrkxH+hFyUBjDHHqo1CR4GcVI924XWTLq2V7nGI\r\nWhVxjHTPpwx9Zdhv967qGyGXqqmneNdevuqa6vbHGPI4xWTH/w16mxCkc9gt\r\nvmcbuitu1C8e1NuJNoK7lXeiNULIa8agO9kepLkwKWVL1rPvlWWcCoDE6FJA\r\nEC2hE6RGsoL3km9/NW+DUN059zC5uMayS0WpKb7PKsg6dd0wJs6LsQ9qiNiK\r\n6BlJTBoyH+25Jf5Bzznjv1fT8v+DwJAhX+pZJy1OfHpQ94GwTGvinI3DLuhQ\r\nlyxp9NMl5/0Pf5pq25kUFAN3Vpa95sx145cx4vCknNs1VgEscGL42ZDkRrQq\r\nsqhTzyqtTy/FgAaQXO4Dm0AvDXKVIZC7VOal54kgeaJ2ZVxxcf6pX3aX1+MY\r\nYhR0V2CrFNg4dhi33NXGezvOz3BfxodOGEqVHzcGIp8Lkoma3xeKCmS55W+l\r\naZNdKXXn4ZhVUKzYiOQ0ZjXd4I86EVleMDCvbNhEuOUp10oZ+BM2FPMCmAl+\r\nOz6zK3cwOHCSG9dUzHCgCetXgjV8F8T1FEdpeCjIVwV1UV7PautNRh/XkZXP\r\nSjfOLLlZbdoyaFnYMrd1f3fpUGz1KkaTlULfK/+SIXxQm4XIZ9ODbmC7icSf\r\nDWYpYUAoq1WeD+H1+e59hvln/GeFXDJwY6I=\r\n=3Xb9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"92f4fcf51598cb8f9b9e03a35332a980296c24e2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c8bdf6144.0","@material/base":"15.0.0-canary.c8bdf6144.0","@material/feature-targeting":"15.0.0-canary.c8bdf6144.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c8bdf6144.0_1666117382960_0.28794999913896646","host":"s3://npm-registry-packages"}},"15.0.0-canary.bacda4885.0":{"name":"@material/touch-target","version":"15.0.0-canary.bacda4885.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.bacda4885.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d110086277c1e2321a65a6afaab0e744b3b32cd3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.bacda4885.0.tgz","fileCount":15,"integrity":"sha512-+bRPw0YAIfSC/7RgVm+3sXFx+81GTAiHEPLrwBGqrivA5V8E4HO1azf7/KQ4qlHvhDQbaGwlB6fTYymY2gWcAg==","signatures":[{"sig":"MEQCIG95fQ5/eKr1/gQ9Sy87YysPCMWFgGyn8yxBmKXGd0wPAiAMwd9ZnkyWJnQkuipK3XVFV5vUyXFDNmMZyq/ryIu3/A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTvOMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrixAAhxTQRO8e562VQ4Hh1xofvKFiK4nPx4yR/A411d37fEhd0FCu\r\ngLv00jiTgIk9bp2ZVClZsW30TkbFICgUh3rvRkFgwB/FpAW2kR7quzsONCxN\r\nnKvbhWtVJZIy2bQdV7QY4w11bcLYpi1ounXKHC/+dc4AtdrMUKS7XLSflv3P\r\nuatMybd+3UGJCRFMGo/bfaxgpPMfMp1N4T3QHgqcvt4tDUlfR5SFOSWR4/g+\r\nMv7cfd8yjhPkX4L2ZHrHDiwvgR02naLlv2tbZfRTUoV7sRBVd15g+X5JbgfH\r\nRrl7vZ+Imp9znYbGYBlSRgoCwv9KkqYC6IQUsxvVP+jP9QWbP3/mQb/GH/HO\r\nmu/cCPSZ+82sNpkQRFNX8P0FauQRQ7v2ESjrrWrW31WKz0CBz+4vnXDqnS4x\r\nJWPv/5//368is+cN6ilRXbmemKF0x1axg7vkC1bMDrGHkt6Xcg5pn9B/Q1YK\r\nPOJfRyaOtH25y+o7xyEpb6UPc7J9IcAsSSjXZuAfqSC2aiT6+UKuTs97Ya7Q\r\nX+3ujEgROgYoB+XCeD585yueGwlpsMn5MT/hAgAaJ2JEk3TdTKT7CE4J7Jfo\r\nXwLh+PalmX50uvrsD5BJfN41sai2wkWF6HJWOHTopVRPrt3yFMiyvxzLrfTl\r\ncCZUosePmBho0wQ3ML+yRdhDD73aAsvSIfc=\r\n=CHwY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9e0a7dc5fb5e2d1554093d85949ffa6c2aaa33ad","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.bacda4885.0","@material/base":"15.0.0-canary.bacda4885.0","@material/feature-targeting":"15.0.0-canary.bacda4885.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.bacda4885.0_1666118540534_0.7820007105589191","host":"s3://npm-registry-packages"}},"15.0.0-canary.92b2556cf.0":{"name":"@material/touch-target","version":"15.0.0-canary.92b2556cf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.92b2556cf.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4ae1130899e17848f6b1b49d40051f7893768534","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.92b2556cf.0.tgz","fileCount":15,"integrity":"sha512-Or3PABFb7svEc2G5FKeoX6KoWH0pW3vgZgclNMHQfhQ8qlBbw0SuSKwUix0818nvNDa7EUgvTlb6K08iRaTPfg==","signatures":[{"sig":"MEUCIQCGBv9okA27ldaP2wlZjHA93cDpcxVSVCooaWxZFqM0JwIgbGDMUL4yJYRrioidmEy2Mrqr6eiL/J2W24vVTw3O2UI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT08fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLWg//Qt3LOXM3a28dGzZPl5jgd9FWiq1m3/4fcoHUJrQ7W6UM1SdQ\r\nn8yUAMmbggYbD382+VRnZsjkUghSAxfLD5HyDobztedDepI84dVzScg256gB\r\nhGQspXUrfzDx7gHqsRAOkpvLu53N4ufM8+PYTHdPaCniAngLRvKiAVCSqZ3K\r\nqCYw0nJ5u4oVoesUBgT0Rb58FN2RSDNPJyZYxrJwEYABKMY2V7iCEaFxM7+a\r\n5UoddA9mPdO8MS0WjezmU3sNntPE4Ex4I4o0xMVKiV59DKcmhzjfZl3zXjOB\r\n5YcGJgQRRrIKzbY5+KqVWWqS3i3kHHDfm+GihUXfT9ayUtI0dkYQdqXphHBC\r\n0g4luh70Hd4CFpq0V01yhD7j0Dumqm5yd9DuJP5+O1wcGCyAG9FKqBr3uBiU\r\nWYLnOtuyex38SiVt5ZINoNUFgYc8JeGjVyjkwDMzDYnKoiw5mY7OAqv0OX0C\r\n+jbnyKZmXVCTBTMNe6IuSAZbvPJKyXe/jNechkdXzMnMXgmSsHF0QnbxEviE\r\naFwPtE6FnxCRwG35eM+TmW+U9bJyCLO3lQ0XK4FHXD9XD5JM90lYP9BKaQJX\r\nXamKLXQvOLNm8I1vNvb7eFSmvGXpenteULr23aE2c9A6aFsAEcdRhodfAM3l\r\nFO7HjEkR3TswnG8kNU2viSMMXC6rq51yuok=\r\n=ebfl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7ac326ada7a9c6e84bacf5e01a6d22e675dcda8e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.92b2556cf.0","@material/base":"15.0.0-canary.92b2556cf.0","@material/feature-targeting":"15.0.0-canary.92b2556cf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.92b2556cf.0_1666141982841_0.512579541776937","host":"s3://npm-registry-packages"}},"15.0.0-canary.cc804509a.0":{"name":"@material/touch-target","version":"15.0.0-canary.cc804509a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.cc804509a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ec63802e75ad35e3ce0658910e0c0138c5bdbe6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.cc804509a.0.tgz","fileCount":15,"integrity":"sha512-4JiSns6X1YN0h7dOeIdSW2pzpPZ/R4bRo9Gav/8muJjNni8OHNgyxsFTqyrHS40bhf/x3GW+qP/u/qXZe8BjLw==","signatures":[{"sig":"MEYCIQCG20NrK8HOD5VUZPRbqrxTBWjOmavMKIgeS10FjOXsrAIhAIWYtrS6ePL9MZVVHFPNqmLnzBYUuKTXD4sw2gchvwmd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT1ACACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkNRAAoVhbwra1IA8QQsIK8vCXoe/L+m8jUEmHCY5+JdS007OH3rU5\r\nvTwVrig0jaFGe7YN4L85H4mq2NBD6icF058o8n2SNSUTyFyI99s194BtmYze\r\ng3/m4t/pyByl7f7Ulhkg9qwtY1rZBeF6r2OM7QmGhuhZMwcPMF5Kbv8QLsq6\r\nTGUyI0djXMvOE/HoQLKT3kXbeef80XQsmyrwDtAttil+BOL8XCTUWyfMpkm+\r\n0qBkhtvBg0CmQ9wUownaCITu+FO1pYsv8R/uI4p6bgc1hHxfMOh6491Ppxc6\r\nEwF35Oe6989lq1+R1tbYVkaoD07oT8RYoQ3s2hgT7emHbE7J3ISz8KTMEK7+\r\nPOPJdnzZFpuOymBEgySuy/ipTkRq1Ut5mbgSJ9zICDAfwh7t8NtIeOZxNcUe\r\nJMmxXqcXpiv5um0XPjcQMnTObARHDJPZ+U4tUxpcHYYiyxwhj6NEGPE8g+GV\r\nf2m+1AkU6kmRGrkLUgYvhSrW1Z50bfVSKgxWyoVU9pfcgHDne8ToBuzJVkzM\r\nyDhogU7A9ocavazEIFwfsNFAb+DXs4t6J6YOLzKBO9b7ExHZJgbAloEtNjKZ\r\nRrJxUz6O2JZpqWabg3pzEJ3b7FTuCxDj4PeQqKQQMbfOAgTyiDry/2HtqoVJ\r\nFhp+ayFwBSArKQXPuqmx8AHJZA1J9S86Pjc=\r\n=ahnj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e8cb944f6f2263dc4b4fec5d7ade2bdb5172b4eb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.cc804509a.0","@material/base":"15.0.0-canary.cc804509a.0","@material/feature-targeting":"15.0.0-canary.cc804509a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.cc804509a.0_1666142210160_0.09297321734171171","host":"s3://npm-registry-packages"}},"15.0.0-canary.982bedae9.0":{"name":"@material/touch-target","version":"15.0.0-canary.982bedae9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.982bedae9.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ad417dcc52ebd782042e5455c826dd6b54a0b728","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.982bedae9.0.tgz","fileCount":15,"integrity":"sha512-M66sEYMdBh8Da/E33loHckXEs4dICx0bqAwuI5hJJzkIJc/T27Zu6p94Gc98Mch0sNHevHOVKsoFhXjb/VXxcg==","signatures":[{"sig":"MEUCIAEZN6gVpVqQXvaK47vkOqIQUimbq1z4RJK9nxMXfqBTAiEAu+AAnZ2u6Eab7rhPDucI86sjvNXJYS1JjXO42+SMJ0M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT1SrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPKQ/9Gf7lueroh7GmJOy5Erc79j/FTGgbAvHE5tTDIlMOjr2fBMWk\r\ngslC9bHY80hZIWr6CCDStdk77XMoP1QSrBDfnrOlU9qbxRRCE103aZuWCmjJ\r\nYujynONMTmeBSTwRvkXTJssnh9VS/zXO02x6lEQRw1XDtxAPG1Cuo1Io4nXB\r\niDYq9yfwQ4CREhfFiQrsVj+S3FY9CjtAN/BRs665Awppd271yZsQRjlAQdOM\r\nhaQOtkBbqTtr3LiX1VMBcsjJdVCYm00lb3tvc3CCgXTK2VhUmXuUf5HhE6Jy\r\niviA6zpRzNjYiIV4cgYkXm/DmgAWrOuJRo8yT5RQ0VqGiK0kxkpe5DegB1mw\r\nvLv2OieC6N/U1TQcZzcEUV7Yxh+02GfTEGuKrD0MFUzRkIJKSJXGxWkMEs5H\r\nuhtnGn/KEtlySb9DFEIbgbJrHqGlN8epNyyTO2BIt2FfGz+WZ/9nMlVCVqix\r\nJckVA1xkN4KSd43Pe1zRQphiEr+BkB6uW+T6hbzB5aIIvWKxEIOiCVqWHyIV\r\nNyvQMkpc2BlHrN6pyU2/pA37YxZDgsa+IqHc0Ytm5QKRPg9pTTwPs9JBcZKv\r\nbBNuFEtM4Jm+3ik+mqFSWUVgTR8Sm8A6bIpgZGrMLZDTn1Wqdzp4JpvyU3OB\r\njFDbDj7qQ730XT/2lZwANbYFo7czTXWhbtY=\r\n=ziZ4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"247fc73217ef7d2438e876f1477d141e6970c9e1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.982bedae9.0","@material/base":"15.0.0-canary.982bedae9.0","@material/feature-targeting":"15.0.0-canary.982bedae9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.982bedae9.0_1666143403715_0.3265389761261306","host":"s3://npm-registry-packages"}},"15.0.0-canary.ee40081f4.0":{"name":"@material/touch-target","version":"15.0.0-canary.ee40081f4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ee40081f4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"021e504da8800efea5feee1e8c258d17d767aeb6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ee40081f4.0.tgz","fileCount":15,"integrity":"sha512-88bK+Q0UTkGAhgx84+wamOz8S8OG1fncxRsN4Crqy3hrMVJuwPBp/bQDnxfy3Ng3BVx33iir6JIUMXdyPV+Jew==","signatures":[{"sig":"MEUCIQDersgRjRGeRzeQzOSTcm3y6sWmsMKou8p1uHlQm5ManAIgG9cfHSBe8tBW4nRojBkEwzbxseDE3DFSf8T7/fMzf3A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUFnvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCfhAAoY36p1lGYeFAS98yTQ0a+0Sbm3biwLfkGIAhVqDfsanfcZSi\r\nXZ6v54YD4+GHgZp3cFyGPxMADYaOt6P04gEGOPCCOQrbN5pfw3Pg18tamGmQ\r\ng9e4+4/9HN9dzzaCHsnCbQuV7Zf6PlXmnQ/Pru7Bf2KdVHNfP8UD0n/V5f4U\r\n3xHRH6Xcc0htNN/euC7SeUCh6YPhtEuTV8OActgpGr7ykTvlrAtsh2t6mDod\r\nlyEbY3kJ1mtAZwlXaVrkz5uKnanfLbHOcjr52bQIYbylC7QVP2BMddzScPR9\r\nrpy8zKxiYeDGjeZ9mks4M/2ziqpkJvWbz1xdjpau41us4PdScCZsK5GZAzQM\r\nxpc+uILpc4Lvb/2Qk2x3NB7VXwl7HElHQB9lEhGINTqIHghSLix4L//gN49S\r\nbE+k+mG1nvi4RaU6O0sMDc67moZRbt5Xhfz/POeUaJvIRDhCvNtCXpyc9RXc\r\n5f5awL6sRyvG1K8k2rozGBXfOUe9sgUn+xFQiEDRbDNppQbWdEhmH3prjZf/\r\n5s3/A4dfo3UvR+vzCCbEuMsOpbHFEt6AfGXj8Tz7epJ0nkEGlEmv2QLWwC5b\r\nBJR0k63PeNJfdVC5VWphrbU/8+JNcL5dXN0acSrvXT2J40gictboeccDkcIj\r\npVDFKvIflVtRQh30RVTlq29q2avwSYS19iI=\r\n=fMud\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"04ad48e358b6eef4ec9ee359b0ab906b30425504","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ee40081f4.0","@material/base":"15.0.0-canary.ee40081f4.0","@material/feature-targeting":"15.0.0-canary.ee40081f4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ee40081f4.0_1666210287181_0.8670576630952409","host":"s3://npm-registry-packages"}},"15.0.0-canary.98f1b54e2.0":{"name":"@material/touch-target","version":"15.0.0-canary.98f1b54e2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.98f1b54e2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7af7fc88eb2ed0e8c702da09ba289e5831edc93e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.98f1b54e2.0.tgz","fileCount":15,"integrity":"sha512-1FCwDdSEriU1vuawgcPEWkbBi2odhVaw2x/CDFQsATRh4ST+EcCbhzg+CRKvzm5+PId8pvUHWZpuSPNWJVh3gA==","signatures":[{"sig":"MEUCIQCB/GcY5l3IWx0j/pWR1ja6pGQO7gcKk/68Jcsu2lsw9AIgQlhXinKLpSNZVk5o2rpnH/T7YNXrwIer8phvmfVAcJM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUdIWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpZ3xAAoQf4/M4IH6zvP/mpx4TBHc2wOPO4omWb/SGkJrFT6kWJrC+j\r\nkQ8cogTFLVS69oNzyPsNm6cEy1cLyIDI81uJmNJfaN1vKk+ThSYE6R03FEu3\r\ncHrCdyeSNK8WJEvrfO2z9ztztWUVyD6UTPP/rd0YIfivC2Averz7mkzL/R7k\r\n7XVQ+axy2FDWZAmMU1yqCcKTvZOUbGVJPBR7Dad56/DzfGWkZiFnYCeYdTbV\r\nSNHxhEHf2pVrD6f8ZsW1gfduYUMwTaySRcN3Zde7eBGq3896iV3YH2MQRQdV\r\nYXKcvjA8IfX46XfksolQlT0exdTtEHucDItQB8kqD0/otJzxHWGI8szkWiUz\r\nVDpRjxQCcbtk6zrTmxVwEOX0i2lxeD0pfXb29jIjyKGAJVvibgVCXDQzj7LY\r\nIR8qu1qhJ6RW2t6OM41W4YHIMrLZRkbN8XVLkCe9lYrXjf2eF/E2sW5gzkYK\r\nLLFF6fUWsgtDdGx98eiw5P7APBa5lFTO6vk/kuVo3NvEsx2MwSeEq8sBcHt2\r\nhYewGQUCzpdM+PROjq3Umj5inPtKDCiPtVak5mFx5kaczRtlgzA7JZhGayAi\r\nzUPyfnn7FcEgxZVj9yNOjIWXg6jT2N2AWDyDTDtciwNx41DZ583dByxoOscN\r\ntAfxt/eZ+s24toPo2YnSQR+Z8pCxbA3Y+BQ=\r\n=dJVf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"aaf0a191532b3357cda509746499ff62e3aaa47a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.98f1b54e2.0","@material/base":"15.0.0-canary.98f1b54e2.0","@material/feature-targeting":"15.0.0-canary.98f1b54e2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.98f1b54e2.0_1666306582155_0.013335549707925498","host":"s3://npm-registry-packages"}},"15.0.0-canary.e74b7ba7e.0":{"name":"@material/touch-target","version":"15.0.0-canary.e74b7ba7e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.e74b7ba7e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53042846b6debe98b74df674d566951d63d88147","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.e74b7ba7e.0.tgz","fileCount":15,"integrity":"sha512-shaDTZ40kOOVLAxKW/piMqfPPkUTMN0ZPMufy4Ct6ZJ1Xtt6QSI4621KTaNM2Cnq1Ks/m2moeJmgtiJz/7DppQ==","signatures":[{"sig":"MEYCIQD3f3oEBwjPFBzkDgy+XfWLigdKNWEX2iwLQdx7Yu95oQIhAI84X7Yz9bhmavPy1Rh6D9w31FuSvXjPb9TsuD/LtXk5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUtFXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDCA//cNLgFolUQYchyHrCTv8qePz4bLr8YvfzIQ4GtmJmYK7oPYaT\r\nvNsoXBgA3U5Lv2rGX59qNcRz4G3GHOpzfklRLDCFeqnhkoq1oa+20YetitIC\r\nb+FL1uOjXnS6veQfxO2ZbVMYd4+rsjLTzU4rogYE8tj8FDosr1qUkG1LlIKi\r\nIEQlaskIhclqk02/Kc0eWdZjNw0J4H4iOdFBufR91sr+GtOgDm3z0oqVGi9w\r\n+tcHF/+cE440gM/nlPQxI+Tvr6qTDrch6XOY5u+CW6lHvEyVU3hLdC9YxXXy\r\nnuhFj7WN09lsnwGVwoXvK4BPBAkVTOuXrXynPIcERecFfXeeDA0TbKd0M5+K\r\nIwl57UcWAJ+Yhd4ARdjoIiy27BxLEgk5Bnv3Ogh/cBb+Q7XES6+xzgo73XkZ\r\nz0V9pWHpLRXopP7y57h0MVf4/Su5wwlJy5xOeTfis49eOt7Qbn48OuQgYnrG\r\nweKFscO5I41Sb08hKzntEU6hn0+P5hvEP+sKWvHI9vf2JgMC/pnnm1gAz4t8\r\nREIuBWjLIZWJC8Xb2G1aoL+Sv3vZFJV8JyzCo1H+CQjPyJ+4dk7VV1jzi6EL\r\n3ePR1n19Iv+3UqJYo9pdzuLW3kCpTPWXoRCiCX+YaM9S5TI/aDsVMgW4iI7w\r\nLTvyXR9mgo9hzxtkJX0B4BI1NX8OieCETy0=\r\n=tZs5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e30e36776ed9bc98d53938cfb5e48bf5d2cc67c4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.e74b7ba7e.0","@material/base":"15.0.0-canary.e74b7ba7e.0","@material/feature-targeting":"15.0.0-canary.e74b7ba7e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.e74b7ba7e.0_1666371927216_0.7361925829341422","host":"s3://npm-registry-packages"}},"15.0.0-canary.ab55c07d2.0":{"name":"@material/touch-target","version":"15.0.0-canary.ab55c07d2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ab55c07d2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38270ba4a3ef4176104a3018bead0808ce0fe5bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ab55c07d2.0.tgz","fileCount":15,"integrity":"sha512-wy1vpV5HNlHfyFts3nmNCglWL0AMWAYk41wX5mTOOeqCY9Kp4tVBWuJWoS0p/8lW0QqaIJj3Nrcm26P3PPfLNQ==","signatures":[{"sig":"MEUCIQCx/YajUfVUwRnzpOAeTOniaow2SfrOPiIsSfgMqFpBCAIgDPMsA6/+j2Vu7eK2cNUwYkFTpatMqa1NJdE2IVPxC6M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVDQKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4RQ//fqjGWSf4PYjpr7Ycbw8eGGzfCd+UL4oqRU8MhWLMGj+XKYuF\r\n8FtuiTcTo2DDP1diqEpAX5QFgcpMCLQvkDnR9gYsCtZDcSDKEDYH1eHoht0H\r\n3Mj7LPCyjI8vGArvy3E/7oStM7ssxECjrTPxBLxIYIYtG59ZhZiiaDARmRu4\r\nZt/OpIyLsklHfvEuDGRcYCxPjyvg1Pyb6W/MFR9sapO4bTwCIAVENRyZWeiz\r\n7ckfEGue359xooKyAAQE8Ll3kwSewzOWRivCDyJmrSU+OdSLSJTzOL+FwEvJ\r\n2cOk7x8uRV1+3hIa399pF5TEG5i17JrNSkzZqsXaNoBSQB1XOJ99GiMd380V\r\nlmKHdRdzzXvKPw3/RrP9xObrZbPLjKr9ZM273Iq7aKIzicaFwiExs8q+I1d7\r\n9XN16NovZ+d6KAPCqGuglACE1aqvl9AFhaWvHAFCwPci9cHg541U9Ks/JA13\r\nGhqJ+D9C5jQ6gcdfR1viiQC0R0d9caQwqADq+KrLV14ZUtPzQ3Bkzw5miNsA\r\n88qyvDeuGi4jtjt7/j/N67kGcPSpS7hiHTMUDFPuhJ6jth5LCeKgIgi9hhg/\r\nuvzFN/Amngv59eeUuU6gPp9i5aRwvxG4rCKLR3JLcc7zNxU1+BOoCOY3U2yS\r\n25kyRoMDoZ5xkLnDcYp4PYMYoEr9p092ieE=\r\n=1Qim\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7fb32c724b7903a8060cb457aca1f150a15590dd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ab55c07d2.0","@material/base":"15.0.0-canary.ab55c07d2.0","@material/feature-targeting":"15.0.0-canary.ab55c07d2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ab55c07d2.0_1666462730166_0.39714285890629064","host":"s3://npm-registry-packages"}},"15.0.0-canary.fc539db34.0":{"name":"@material/touch-target","version":"15.0.0-canary.fc539db34.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.fc539db34.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ba03c054b9d824b33a3e290f37e68a2d1614fae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.fc539db34.0.tgz","fileCount":15,"integrity":"sha512-8gZlbwvSiLXPxRgjZPHiVmy2D4/5dNG2z0fBmT5HpQ9pueYRDA5JZ80Xw8skg+IZHfTJnk5dvY49xEuuPoBx7A==","signatures":[{"sig":"MEYCIQD2/jdt4iloqFIwDzGFhCI2xV72IbGy+bJ1bN7Z4ExdCQIhAJd6K7J/kZA2LKpmH+aJVg1yqa4CEBdJB9VmgHPLyT1g","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVuBoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQJRAAhj8LBo9Pa7ljkpJXV1VB8/qH8M3nHZQsuauXSK+2RBxaOfnx\r\nivNkU1yc/j80KitiF/Gs8FjUisQXe2ayyxN/b+b/e+uO1pNvum+d0Nj2QHJU\r\n9VfvBBPKn0msRs2uYXBDqJ+1ft4PJvUzCZxOO/BUYDQqvccQCe7IzE6QdyOa\r\n/GR3Lfqrxzb/0Z6Ulu5Sd6QRR6LNcsrANFw6caYb2TR6bjExA/pkyZc8EBIn\r\nvYk1ZaWhH83UDpnfVwNQYAF/mlurkMpXbonC1N/o0TGk7enDirF3gDWzEtSg\r\njeIOgMQG9jyBMFLATXHqlCugk78BpMJtn589Ca2mYWQsP1Ht5x76II0HlVg7\r\n20odsjV2Xegi6zt9pfJjF0VivgLo7RKu+s4/YSNeqPabwUIWY2m6JGzcSvWs\r\nlJt/N4HeIK9qqXbNYvE6PwKKkRjS+riBhciSZArVSeYYbuGEoySm/1ThkCq1\r\nsAaFwi58cPu2dZSWXkyQNDdYctZREAl+9hGKvziVlvXkK0tuR87poYni7MNw\r\nyz+MNX1dDGeZjPvmsMUMff2DBZ+bHW19LF6hVnBZvWxhRfWBQG+1edO/nEpH\r\n69dLTdrjQZewqrs7SElHXDO8ZcA+cp9VJca1+beJ1fvoo/0rSc/qCTmwNoCS\r\nGehmaSJS940XlbAyuVGYi/DWIbl68vX2KJU=\r\n=37VU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"18c679c73aa42d66117f8f1a88ab7cbde6f2a201","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.fc539db34.0","@material/base":"15.0.0-canary.fc539db34.0","@material/feature-targeting":"15.0.0-canary.fc539db34.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.fc539db34.0_1666637928355_0.20176460089482418","host":"s3://npm-registry-packages"}},"15.0.0-canary.e340b04c5.0":{"name":"@material/touch-target","version":"15.0.0-canary.e340b04c5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.e340b04c5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1666f8aad093234f4846aeda441161c24b2d4800","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.e340b04c5.0.tgz","fileCount":15,"integrity":"sha512-jWYNbJEbQS0lIT1ewaYkyXhwGVjXMX2GPbu5oUpl8p1cQahiJx1giF4btmssnbJ+5jkYmf4QG6XkDhqqAtOu4g==","signatures":[{"sig":"MEYCIQCBajTDrVDtFwg7cNOL/LjQqnbSrCJsNgjyFCvr831CQgIhANvwpjuvuJ/OLaENAUxPCDx0Zmq8lejO96QNhnIMhEmw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWHTpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCPQ/+JUuxBNnhpBu/WMI5FVABzVPbq0tJ2GTOCQlT+v22zN4hO8Sg\r\nlpgj/TsmA26+z083f71kTkK2sZaBWDKyFrte9rN23A7bD9kGdqCajGhcmqTU\r\nKoH5CvN6i0FI2hf94kIFSvPA+BGNVkAfjiNuFnvw9ZCtaCZtR+0jmtUl2XwI\r\nUi+7S+WubZEvQdbanzP6M0+koVkdH9meQuKkyui+YC7f0Q00IBqgaau5qOiD\r\n6z7+ew4g/mf5WeFuUz9UoOS2GPeLBs4jDLJc9CEBaHgKHgD0wY6DDyR5toHu\r\nVUnpA1fWOt5rAIXJbjpJmEQQg3XQhuLshk9mFk5sLkJZ3SHppMiIlrgKcrSN\r\nW2tVYlRCuwKuv7M9Pq+FDj/MkFBIni/ChnzTYFUgTVA2Fh3CgrnXVWAzz5v+\r\njcKNz2gW5ZyUy0JkuekFlJSozKdpZAowzf8dBCLlzeeEWVY4ykKVs7AU7IgB\r\nnzEZStGYNkmY2st/ynqa0zlV/wmw+tynPKIr8WtCnAan4dfROa0RK86eWOQN\r\nyMhKKC8hKVJwlT5scsBx5WvV5slTIAe/MZTVae41iZKGelcA7O3wHpamHpmT\r\nsD1xK4g9YLpbweapoQzt+OmJD2T8oQyLqPTt7r7vrfX61QH0/+Eybskz8FGf\r\nv81UkspTEN9ykVpAbOjzqVWSaa1MaOx+Uv8=\r\n=LMUu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f3e39db57f42dc19c08bf6e97cd6918a3ce32dcc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.e340b04c5.0","@material/base":"15.0.0-canary.e340b04c5.0","@material/feature-targeting":"15.0.0-canary.e340b04c5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.e340b04c5.0_1666741481026_0.9815128230736967","host":"s3://npm-registry-packages"}},"15.0.0-canary.2c1a8f8fd.0":{"name":"@material/touch-target","version":"15.0.0-canary.2c1a8f8fd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.2c1a8f8fd.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5226c72a33721e3c2865ab362ac0d2c18e1cab70","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.2c1a8f8fd.0.tgz","fileCount":15,"integrity":"sha512-3aqTN5Q+UHXcKdA5CefraCoLUfUqWbkw5CjFjOEeowasuzJB+Gnl3nVJApRnmFPkjI4c5QUBJKgNMklNVb9zyQ==","signatures":[{"sig":"MEUCIQCYFnEQ3i3QbyH2K0FJzlvqkdb1YvvWnYK6wF+GlunfbAIgYqyGwU7TVXAUMORGrreTEi+CzooprlWRt+TGsiFMlQM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWW6bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSxQ//d750+RJla+PH8A1P+5HMwNKVy7rKWTyY6xuuICJbn/T601Xw\r\n92K7lAgdQNmHbU7OsfjcdGA1orW4R9ECbtNJF+QaxBWvlWxicph/a8PW/eD3\r\nq+u0ReyRsMSjR4TNWKfkv3e/kte6AYOM9Xkb/I6QcXJHZmrEtNR0oEyXa+r2\r\nawpSZMLz1MQ6+LopMBmg1UaLK0ADHOLoR+/T4kephlpKBJMQ4Qj1u1Fw1QiW\r\nb5ggNEei/GtXIQi8IvobNN7n50PainIJPNV8kHbx1UMPY7HOaV9zODapbBfZ\r\ng/0/P1ZumhGGzChqUQhM+tVHJI1dBZlUvJFW9U+8anvXZEBP//p5pBsfqG0W\r\n8/nTylmxLAuc0R/SIiYGpQBJHjdZ4YK6CwroxdeCB0pHy5SGcppQ2v3sBjuq\r\nSzDOBvxfNVW6ZBvbZH4bpei+h1VDRl0blSMtM/Vq4SCVwK/Wf1iZja1W8qYP\r\nwb+YPV5megn2ow5zwCJGe5bumSI55nTvYvAnTfBwS99l1UGkQ7/sWFT1E5Uq\r\n5brGrktJdSUP/lKddZCVXCx/lQWURyAgPKNexeuBTHEw883Sy+rRysTWVvXq\r\np+OUSyQWGEQ0ZDZ3535TEanzvzIFaia7Ig+KuCIt/9/4+sbfrVxCL6Ext0tc\r\n5Oe68VF8qpUZN2/zZcGShfiyqiSK4sMthN0=\r\n=YM4f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dbee023b5e37423b8695520d95f2d00d884bfd5a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.2c1a8f8fd.0","@material/base":"15.0.0-canary.2c1a8f8fd.0","@material/feature-targeting":"15.0.0-canary.2c1a8f8fd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.2c1a8f8fd.0_1666805402671_0.2997896972414067","host":"s3://npm-registry-packages"}},"15.0.0-canary.ecfee946f.0":{"name":"@material/touch-target","version":"15.0.0-canary.ecfee946f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ecfee946f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f7f0fa3f1de77a4305fa9947a54f00859e0ec158","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ecfee946f.0.tgz","fileCount":15,"integrity":"sha512-SfV5EIqbulciOtFoZtuiFkep8jcNcEoEe/nz2h26zZvC4ozbX6Sd4gd0gphLMrWMJajMDj/Zg+awEOfLESNnjA==","signatures":[{"sig":"MEQCIAPL8OG1puWLl78Jv/psocTV0jBL7dWDOZE6wXtbhU2GAiB+51cXIPD84f8EtTmbOfRUvbnCoKALrMLphOZjnWtD9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWZU6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQMBAAmClx7nvGqWc6rip94LA3hhiUyT1+Xxb1VXwF2GTSHR/T2UOI\r\nt9Z+FQ3p8qJ7box/o9TIcc+Oh3kQJmCGAaMfGtEakiimvIRXil/r8qv7O6KX\r\n3xYmI+V+V7Jk0TiMoo45BEhVOygSrqGv/z+yYvHRngGZ4d6G3lD5bMD7sA3O\r\n4HAFp2Q9+Bmgz9MsYlHrNPxB8B8moY/JoHhTtBymyP5XiAGEvgT8QFJ80K+t\r\np+Z7fyPEI+fFg2UcpQ/2xw+he3ufNCF5kwv69E2J+CrYzmnPqAZB6SedB9SE\r\nb6+I1UIQg56HOKZ0bUo93ZXFjNoOBnTmO6qcoRrN/ormlcy4XKoTTKhEmhBC\r\nufBPPaufdk9NhUmTZTd0HvCktVJpfUmPZa0C3RnzCe2czzwnyUydgDODzTpH\r\nJd1VRdvupanTAknQYxD8vb/SyF3iDIXnIYsjPXUwEJ/LnitOYOOJgkS/vnql\r\nTkQF5iievzjKAJunIQV61EPnM9Cv/abt4rgVX6BrZl0jrkepAX08mwXvXDp/\r\nKGH8Uow9T7wMtL1svlIGG54+87RUpYlk07h+D+DZAGLalfIInHZW3lGBahxF\r\ntr2RnnPSRP5uvfN+Kz2wDd98LaWbUsn2Se43ZKeWuBBFh2Pdy4qX/TqvAMt0\r\nYWWipxUW7bXS3jbz0UN7dcrhMZC4jlOVBV8=\r\n=/EOl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dbe05d725a401275de1e88f9d5bd6cd2079a0047","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ecfee946f.0","@material/base":"15.0.0-canary.ecfee946f.0","@material/feature-targeting":"15.0.0-canary.ecfee946f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ecfee946f.0_1666815289793_0.9811050358477433","host":"s3://npm-registry-packages"}},"15.0.0-canary.73ca9dbb0.0":{"name":"@material/touch-target","version":"15.0.0-canary.73ca9dbb0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.73ca9dbb0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1acb7f6bce844d09183b8d01ae135c7fdbf09d2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.73ca9dbb0.0.tgz","fileCount":15,"integrity":"sha512-ORTT+S886MWjcmbG2mE2NSlJQyu2CKsyUYzzly9zy/tSYr4N+S2o4gQMwaOujjK4us52GIgbZ6gaOFtwmdUorA==","signatures":[{"sig":"MEUCIQC/ng5DWeeC0AxRykuYEMm+VxyHuMc0MimxJuEyfYT1LQIgcMwWmrs6fH/5Mm3JHLfft6c1aY1Nse1Dv2TXK/CSyno=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYAaSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoyog//fbZr/C33GM9yjMAG5aU1i/p4Ohqjhd1mnsJoQj7Tk/mNZFmH\r\nrOyqM4lpQzGAh0f5U5JnoTjAbZzx1eoKqxhsRANx7BdJg3YtlLer6kS5x9xJ\r\nsu69X2ouTvYEhMVuolI2M5iLUxXtlosKWGdWBIt/aSK0+MUIW4u5LPxRhmpT\r\n/EG79/fA46pKdiULrTQUIa6IvCqskl7c3Q4Sa5zTttvWm7z21gly+/N94QsE\r\ntmj8c/fqCeAB5rp8ij3KKdak5ejob2Ejnv8NCK0yR5RQSSR1f10inICucdsE\r\nEYgqBldoYmpGgUEOska1QC2GNkj6lspPir1TU/nnrgkwuO2pL+J+v37FLZug\r\n2lqWf2ma0f8xpJmekbz8KEFg28J4FltOa6qBHaiIFSgL5Su9PdiUoAPNRqJg\r\nQzvXZxx4NfXAW9g2Dz5EZuYDNw+TcCtnAodOj2Jy9C96xnwBLDpR2u/hHl3Z\r\nJXvHiH5b/BcQgqeG3tIB2RpGkmiZxmiq/I9rWLDq7bndYi8YQEyjWR+/ddBG\r\nlez61bvdmZPZmI1rQZ5cmhndhxdJFD4Y1Df3ml1yTlWEhKefmvsRnoCICfyI\r\nThDgFUgcJfvqA0dyqXDm4vPiWOE2uM7zo5RcmF/r2mwlwg2kXKPtM+FrRekw\r\n4qY+vYHB/cO5vlGcdbrGO70Kn+iwBwp6VAc=\r\n=c0f4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3b1ecde6148e6e8d98c4b0c8a4dd2ba56e95586a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.73ca9dbb0.0","@material/base":"15.0.0-canary.73ca9dbb0.0","@material/feature-targeting":"15.0.0-canary.73ca9dbb0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.73ca9dbb0.0_1667237522065_0.47468567273498374","host":"s3://npm-registry-packages"}},"15.0.0-canary.357f2e5f1.0":{"name":"@material/touch-target","version":"15.0.0-canary.357f2e5f1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.357f2e5f1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee2e47d0e145576fad1e824a9cc7aa87c4e72c61","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.357f2e5f1.0.tgz","fileCount":15,"integrity":"sha512-LgMBOrvlXmcs2mb5zJaHuU55FZBBn3czK9QCM99morSKUgI3x3vjSktCYYe7DkQhCDBZaMvmE5P5qY4T4BvKDw==","signatures":[{"sig":"MEYCIQD+e35wbDUyP38uAok52Tq5lxHTvHPyKwAEJ/Rwxau5SQIhAJ118CpLScV1GWJFnuFb4IAu9d7N4T0WWrCG7X8G0faE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYBiYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpz7w/9HuFdL8GXNHSg66KyvKFPIdSIB+4rvpuoHrj3c8Cl6vC6jTJE\r\nd/C8QFJX8MpAgpFzRMHzhblMio1AIOkJfP3sV0GVhv555fm/xB68TnYyKhvn\r\nij/Sgu957CngmuraYCND/hkjej4BdsHeo07/69iqrQluNFCkDkrED2XSGAsz\r\n/mDfOidBcHVuORaSXCMoN5bKRdxe+6j1NIiM14gdShKf1Cr9vaHtpht0OOxp\r\nYpQMy3Q+fmZAJzGXhQWCF8OdYAaoc/COuxijaAY0pjuCOn7y+UWkBKtpc2zR\r\nX4v5RMo1vToakVkVLwOKfx7h+c7S4JKnKW0VjsZYB/9w+Y87NHPbrj9pOrCs\r\nIGvS+WQB1bQ+EhAHpaVFCxxHdQi0xFtzMplS4J8M/p5vlkJCBDQDjn/upPB1\r\nGbe6J0CMP23ANLvIAksVgZULMeA8FkyQCzzLeebIatbJi1kpTA8nxCct20Tk\r\n+alqoqruSG5Mrhk9pPL+fMNZRa1TgFe44p5vX7Pz05pHcyLqF68ZawFUubga\r\n+Y1qYGPHLnNg2TsqqF3JoKiSKS9SDzDEALF0oxz9L3jibfNtZYF1sf61WVFa\r\naF4t2KknKWkwKrXxwNMOs/andOB4u1jcLTKswBirYE4j6WT1VchL+Ei8Qvp8\r\n8BR1hQreGEPdROjtI3zLALEbf7wdiebo4c4=\r\n=VA5E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7f8af87642d395b497ff80efe06544dd459b947f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.357f2e5f1.0","@material/base":"15.0.0-canary.357f2e5f1.0","@material/feature-targeting":"15.0.0-canary.357f2e5f1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.357f2e5f1.0_1667242135881_0.00460643982200426","host":"s3://npm-registry-packages"}},"15.0.0-canary.eb103d4b5.0":{"name":"@material/touch-target","version":"15.0.0-canary.eb103d4b5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.eb103d4b5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"28bbb2444192fe640076e71cafe05cd82c4f0858","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.eb103d4b5.0.tgz","fileCount":15,"integrity":"sha512-LWllsA/p4VdcVbpp8aakVaPRJcobNhB4nBZcmU3YUpH0+kp54nl+AJIJGa65//eZJKZngouNYJ0bHscj6HEfWw==","signatures":[{"sig":"MEQCICkK6+zquJl1PzuPsTJAI7UfCphBxLJEut2loaxVWPUnAiBHxAmCIo7AjjmpahiE1ebVOJtS9KyTAE10XIn0axlmrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYChSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrA7g/+I2War/oSLX+MB4Pi5/HPxuYoHA8/owtRgspaZMPR8XHf6jZm\r\nVBeBxrn8MlDxl/ORvMdp8FZdfuOGPXsRKx0JNumWegwrWUH0bYYAWh8lWcf+\r\nra5ETkNCw4tBcEc0/WVSEKnpJCdAQlV4OhzE5i7vCdISA3QUqf9ypZMgp08E\r\nNgnPwqRWBVuLckHqlERV4uMVx8p1MKWQLpf+Dma5RoI/wWSL+acC+wF9AKgB\r\nvtsHqrIjKBW3L4WiClK4H2PoVA3AcH71EpRi3fKut81pXkC4U4p73GOea+ir\r\nsdmLV5EpHkTWsXrroB2llo0gLCzY/GIUsm7EqjGjgp2fkWiWdOIiEiICbCp8\r\nfYXBpUxRk/wOJ6J+v2apSioc0MhEuag1v/WNPx+LxiQKJpMbe5IliOfYvKzU\r\nw5/caeU0u9V1tOI1k3xzxycgjhwcVMw1eY3ETzW36ld/nTLPRy43NQuoRz2d\r\nf9bGmrrm21eIHCiDJLv+3vn0DkpjEhU++Aew/fj0/U3XmTfcxaznl72WdwLQ\r\n3Yu/6qpxN1m8G3+n/E0iVw5fOz5pwH0p7Rb8cIs6MMF6+0OjJYcKIC5Li3hx\r\nnrn/YaAqyT1Q8J14yq/lNY95LKB8fNKgtnovJL4LVkxEc5qEjIck4PrGnlYZ\r\neE0clCC47NfiudpqwWK2/H0X7uSgBi5x0g0=\r\n=+CE1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6fd82c2abdb8567ca00c6847142375ca8ac18b90","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.eb103d4b5.0","@material/base":"15.0.0-canary.eb103d4b5.0","@material/feature-targeting":"15.0.0-canary.eb103d4b5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.eb103d4b5.0_1667246161895_0.38457045806830203","host":"s3://npm-registry-packages"}},"15.0.0-canary.af5f01223.0":{"name":"@material/touch-target","version":"15.0.0-canary.af5f01223.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.af5f01223.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b8e5f5e67e57fa9a51aec781d47e55351bcc9cb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.af5f01223.0.tgz","fileCount":15,"integrity":"sha512-T3KEZ3JYGLzLbzbMjeWNiZMB/9Zc0atZJuyDqL+IWOsKOKw0hYAsk+l2FulklF4eV7YzsE318FTyNherEviMSg==","signatures":[{"sig":"MEQCIExzK/eymDMvde/JgExGKL5uPbeGfxS0I6bmlSYclKk+AiBxCrPDUO+ZeTgol7tesfrLWpjtE/3Yer/DeaZjhNcrug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYWcwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonGBAAnqzKELfo0/HRPqN8LOQnDanaEnRB+Gr/NBJ2P7UhJjbVbWhi\r\nyD+yeXaZKeYWZn9PmFz8HVwwb6Lzxw2RQqgKaJ/wSHbjuNkBdgHoBeJDrCFH\r\nv/DAvG7+xBl6UhrQW4EIC4h1Zxn1s1J+3wemKzXlv4yextyCsO3yemID6yfB\r\n6jBQkL7SeDY2xETyy1bxZNLWeftgUuUZdy/yaan0+BTL0mErnuceMGx3L1bc\r\nVPVy9CxZOAtiqmB6ff9jnB03cd8JSp7tE39n++SIgt+ZyivxdyKs+ap7EuHf\r\nlUipK18hez39Dq5U+Zhv2157yAharURYX4UvQJsUu65UqOicWn5ii8shwZ4O\r\n1nKMxL6UgiMyrFdLIMw8IVz1FKOARl8EfXM5z00X7MXWRikqGve5S5E1dA5+\r\nym7d/RFQ4qEc1PA0mBo28FUjlAs043dvxClVciBHcqUWddttKlFseJ4lcVoj\r\nIDNFD+7ZF7krc/aA/Z/1ZR7M8Vn82dBHNH1HJJvl9Mrb6VzQh3ZxVNbLSvDJ\r\nl93up3hqAxP9iZoFwhXTCDiZIE+Pm47EDv4jVT39pBqRp4y0Tv+P4LO10bV+\r\nvp4c2kbfW0TKI97B1TLlQuTuDTs6bF6dQZ1yuSA6PnE/ZiUjHOlVaHG+8HLO\r\ntbJ730VpXdcKUWEMyLFBBCy3HkuWDi44ook=\r\n=pl2J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cc7d8ea77d18e30bad947332164ac02701e1ed9d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.af5f01223.0","@material/base":"15.0.0-canary.af5f01223.0","@material/feature-targeting":"15.0.0-canary.af5f01223.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.af5f01223.0_1667327791801_0.426983774508646","host":"s3://npm-registry-packages"}},"15.0.0-canary.58733ef41.0":{"name":"@material/touch-target","version":"15.0.0-canary.58733ef41.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.58733ef41.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41cd2949ef00a9df8288bca3ac63170948337402","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.58733ef41.0.tgz","fileCount":15,"integrity":"sha512-W60McTzc9mtQB1ZxPENt4poNntL8gPAqgedDDlQxqjP4TX5mC4IWEx5nLas0tiuEdP8zhouqNl4Tz5LDz8Nsrw==","signatures":[{"sig":"MEYCIQDq0sE+rQKeyoygwQjaueMfgpeyyFDPGaRtsqqpCqmMWQIhAKFVJskICQATE1UE7mwqonTOFN7YoFA+2JstiJ8LBEaA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYrKNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp73xAAnAAWB8Gs7Mus3It7s0wmULehXO+zz4MebAOur1F00JcK31EX\r\nhISNFIyaYqLzOv3llSUWJEhgmsztMWSSwNxnA1liHlB/mdACxglb1PDwlfNu\r\nbbTqfoEXYhbCChuaMHKFAYF4+3NZRJq1hu1YLgGRwJ0XUravCP7ESTexXWQ5\r\ngkiL3rmOj8J/OFq7WTxgyT1XX/J1UVjAaat++XJE/9FnfLYzhPYfshPu4DDQ\r\newhnopBRhGNaBsq8SqGG/7VVDXRQ7q0vjUp+4KoSgv5rM+VKi3rBte/e89yJ\r\nFt9dQO4jFoJKGdv+Q9LJQjcwYpQLaCdsG0/DwvcB4osc2GxLUiTxtnh+E8ST\r\nOpVVO64JDpzG5CLbHnaf4TFA1xfVVR0w0ufRs5QCL0Lmkga0k/KXtP58hOaN\r\ncqzDNEAxk3Vs29CTdKXZ5pHU0mKpxfU3M4zeInt1BESzQbILjO77ptBEoiRe\r\n+uxz0eHq/nogJvNUchYmZh8afF9few5UU+0b358atyIY9YgaRVwp2gM97ECE\r\nsM5ix2O80hFGeATajf+0TJKQnsgw+nZR+QBiiJR29jP0rXhZ7C6vF/n7ayTN\r\naayNQl+f/db0U+u171lvvrSZ/PARJm5If0V/uRIjcqihYQB84GupKZcihISn\r\nB4OONY9gnsbwlHfJUAZea12D72A5V8P5ihI=\r\n=Avmx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7754bbdf66b8fd61976d3dbbe04b991d9dbc0caa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.58733ef41.0","@material/base":"15.0.0-canary.58733ef41.0","@material/feature-targeting":"15.0.0-canary.58733ef41.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.58733ef41.0_1667412621009_0.8175151153713616","host":"s3://npm-registry-packages"}},"15.0.0-canary.909b48215.0":{"name":"@material/touch-target","version":"15.0.0-canary.909b48215.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.909b48215.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e310137f192232746a9d6db3fbfd8e7e9a0d2341","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.909b48215.0.tgz","fileCount":15,"integrity":"sha512-SHHKgkEEKAmjzfJ7fycdxcGgI0bK+1TS7BzoLWxqSO2PhPPsyeiVQb7u8zOjcm9jwHqLAQizJKRMM+eMqD6RxA==","signatures":[{"sig":"MEQCIArVhwBEtV6SRSfto4VwKrV4fkiiNRXqbb9OvCPV+kKqAiB4U6AroYTfxDNZE9mCByAJnM5nLOlscodl45jtKYUyVQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYz5/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmro7A/+NZJwW+u7LDk6Evnmh7xMu+nfW1yBC3WoXHoBKG4MT6p7fvxk\r\nH7rVRv0M6dlnmuHvst7rsEGjCK7JsATpfSN/KgE5GKaT72HjBtoNG/1qXlIt\r\n9YuZBGpC0Qs0yDRbtId7JDobrhd0DSKwk/qdcdw8B9y2GTNvtySxMjgFdib5\r\nyVWIGHokJ1/TtJW65eJXmk2+n6e8v6niR10wwTR48FNoyH/4n7Z8WTtXTchk\r\nsJftFN5DyXLVuUh9X8tAe6dXKe33UFzsKqxYXnlZ7+LYk0KRMe6wvtpjPJVc\r\nLQJa/M5D60zqBCKg96VkUL/VQYCw0Dxk0gl3FIBpFWEpzdXCEfC6+TjE8gfF\r\nGpilDfnmGo/sknHZMBH1jUVHAZmcEor1VKeTdFiTiuAIv+Tzm06D55+FiA8a\r\nxUBSeZpCESIZdCHbgR4mmyHzazCRpWHug0yH3K1wlkruOVl7SQTs00L7cxiS\r\nYnPKNh0hGBkv3x3uBMkbbOCRBnWFn4kh6Q4OH8Siuys99lGwTxGeCJLah8+T\r\nSmT9DjvUuvp/gHzJKaT89qkAwVp/IOCMpADnXLnww5LdvyV/cYX9ErcBEP/r\r\nbTqTz/s/HhhpZ9W1znav3fcLsMGNk08/9AX0uUWw26K1XWnNBbDdMzSwm3DR\r\n3lBDNWwUCwBqt346py+WbU8s3l7z8mXt3X8=\r\n=/Tyv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"68d372ae12d017bf28fa2ad3c86cad4f70609116","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.909b48215.0","@material/base":"15.0.0-canary.909b48215.0","@material/feature-targeting":"15.0.0-canary.909b48215.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.909b48215.0_1667448446842_0.792296497092406","host":"s3://npm-registry-packages"}},"15.0.0-canary.7f17127d5.0":{"name":"@material/touch-target","version":"15.0.0-canary.7f17127d5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7f17127d5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8eccb001d3cbff10a9a806e28ae7fd419217997e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7f17127d5.0.tgz","fileCount":15,"integrity":"sha512-lJu/soRhyD0y44wcG8E/BIIOSSs4AqMQXEpCKoB+kZ74DIRiEu+LyQ8yK+sFgvS+MA+jt0Psf4je0a7gngM2Zg==","signatures":[{"sig":"MEUCIQCpyhkxzsC19M+0jGvA/J3bP8QsZjTayBRTse1Y/LXZWAIgXGH9zMU+etZ8UoKL5+TpPIveD7Hef3ag4DNaXCivwao=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZAYHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIEw//QqEYCMZJzG3X27V0wci5n5FFpz3JSj66PmYeELAoYckfR4KW\r\nLzheG0ZVa74usDzLjor0T4umEQbVt0tbjGsmYn0HMIRHRxtFWX4hUaEcTmyH\r\n6GyP54UfVA4QvqcgU7iYA4WReEXzMfyXPkhC0l6f9Byt2XHmrlZHlXcJhSD2\r\ngTc8vZlvOYN092g/4pX5D8TckjzUE1f+kq2VhKQEh2WkROATiJZEP0dYUezi\r\nJdZLBstM46K7kEIOYAxUkAW5R/GGrxh1rtqUokx1PMiNHP5tgOKJzpJYN7NE\r\nsao+yQnUPq2zUSKt5Y+Q7DnhG05MMzBMOPFz0C0dqRzzRPSfehVf2XfGZ/Si\r\n+Ppucd/OOdLQRMC0RTowF7yhcEQYgydZbEiprlaTiMNrkRYWv39eq9jTOvW5\r\nCtzYxWLI5u1Oyj175b/McbqySppNwdU3Kc0RLdv61sfhTDzILe+03nP0JjsW\r\nWtVGWhormWTF51F83l82MK/ee8IcfUdYur2WY39gAQ1e6IUhatsFNqRQ2hZN\r\nKqwCUdO2PYB835ugxckmPCtNpiaBdKocTDsUwVwtsMbwmiPWn0B66IvVtPOg\r\nqc658gqzyIuM0t11max4uFWWfH1EXCzCtB8Vp+Ohcd/mu+Qj/aquXt0ClS+U\r\n8Rwj5BsuiRgVy3ZJ2V0JZlLJAfxzIk/NwQk=\r\n=R0td\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"26e22af93057c0fa00e7fa9eb104abdc96131eec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7f17127d5.0","@material/base":"15.0.0-canary.7f17127d5.0","@material/feature-targeting":"15.0.0-canary.7f17127d5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7f17127d5.0_1667499527025_0.6562274617917616","host":"s3://npm-registry-packages"}},"15.0.0-canary.da95e2a05.0":{"name":"@material/touch-target","version":"15.0.0-canary.da95e2a05.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.da95e2a05.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"79a6aef4b8cc8459b1bd6a6569c58d10d539af80","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.da95e2a05.0.tgz","fileCount":15,"integrity":"sha512-Z0XTlRoE5g68NKhZ7lEDxRfIVFAp07nXF/MKI6kn++axdII4iZMHtCYGWoclBn6aLHLj9b/eONdvdwomAjKSmg==","signatures":[{"sig":"MEYCIQDlqRkrYvt6I2aqS+akGv0opJMG6wnMyesd9N77vuNttgIhAPYBURHptoY18GpjL5BLnavoDWfpsbUQ7yDfI5MGLUBX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZUTBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6Ww//Yn+rQJtHme0Yo5qO2hK8cQWZVRKQXifUhqff3zyAS2yyQyz7\r\nE1/ZkKXsWNodOHvU/+tJunUM3Yiizf+wSvSMPPhyceARFAbWRZVqsJgI04MK\r\nRDWABbuGVkv4rGRyeV0KEE6Gl8OWT9w9xypxx0g4lgLKBB2pk7fLDb0vKCGk\r\n3RLSg/VNK2tmZrNsnRiQaduet+4HREee5WNpiXIp6GBZtx0zT668ZLgQDKuh\r\n3dRRAHLdCLstL3HjeP7CnSOVYUqs28K53HIr2g+iXWJ3rD/js5fVJ0SGGeRB\r\n0XLYYnc8KgM/qPxW8NGMjFDApLOZl6cuQPfaUffYD//iGTGw15A2lNlSuk6e\r\nW5C8FafrF9sW6Ew4Q0BwuUhnh2HlJb0w5nNimFvpGgrQefXPOnD/+rfyWKYq\r\nSUqx/aCYQZuoLYg3G4O64DbEDHVs4S7RLZTklMxHhLFJWXskbYv5RqKpagYf\r\naCFP5i/E58JYdlud4wcP26ZfwSctpS6ldl7RNtOrFzeRV2DDpHBCI2M9ybg7\r\nnUrTnFsTDhNENTySDRCoalgf2PFMegdx1Hu0DWMmX5cZeIcTglLYKxk2NH9Q\r\nA22ZYwGT/JjQA0VERpChOa/dSW4pFeFB4SGRkKH3QREsHyu1QxNH4oHBjdpj\r\nkmcJb9LmhOtP/sLmjpQ808nvVtEbfcfncgQ=\r\n=HYot\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"eb47dc6e824d05fe1a33c55066101c99ce1fe241","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.da95e2a05.0","@material/base":"15.0.0-canary.da95e2a05.0","@material/feature-targeting":"15.0.0-canary.da95e2a05.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.da95e2a05.0_1667581121614_0.537786345380521","host":"s3://npm-registry-packages"}},"15.0.0-canary.4832e2750.0":{"name":"@material/touch-target","version":"15.0.0-canary.4832e2750.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.4832e2750.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5aec901b19fd8e7cac00e509b0e21aae5e7eeefc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.4832e2750.0.tgz","fileCount":15,"integrity":"sha512-AWxHEOI1cveB6RAm9OG9eYTSzfQ3h6jJoCOMm3pFsZkS6FNsLGVoCTcKKhJ6pfdr3zJEjok5awkEuUBW3E2v6g==","signatures":[{"sig":"MEQCIBIgN0mU6lsKHchygsX5aprEYyNK6+rHHkHEClWJjQM9AiAINZ+tMQjc37kAVIIYQJzq23MJH4ghPcHrBEJ3ldXYpA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZXyHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZjQ/6Ag1tLggeLFHB/uOav65LXYye99+oyxL6SKS2puFmJNReWHLj\r\nOELHeZ7AYcjMLBsY/ZqEBcKLtqjFxqIDOwnjFl17k8YYtwoZey3yZj8ED3rL\r\nQ/x4ILGTnIOEQav7+h2uQpsDz8iRBcMBtkkQHBSxpbDYaZmJkaoVBvy2rXXx\r\nIktowpfZRydi8dJPq0uIZl/V0zOk4mMeeGyUsHUzNZO41q8Y7GfDzNJ/D94p\r\n5fY1870MS4ktNm7NSdmwPO8Exu5WR5LK/GsB5z/SX2impceBCCBDAGIGL+uV\r\nP19mKPSv2LUqqo5tk3ZyajFmBl5M5xs4PEX546ZYtp/Ac5x58ZZwzPCaR53s\r\nL4GYUIh6PgJRlF+a88BpKvrpSt+tRhMt+nAjfHdDz2AHWtpBDoQHtnatTd78\r\n8EwTmT6612K6FmiqN1akh4wlguz2uZxqezMkFI8Tiw/XHHN/YqTkSMepyNNn\r\nsbQv0OIJDwCcWemrqNFEiv38JuxTJOt5W9/M/EfHtRQT+XCbCMB3VKd4haiv\r\nB4eN0AZ7ZkdLWmRhh3afrwB4cL6FC+OtkBqIVlo7GtDI2bACHvCDPGAvlV+a\r\noC51Kp0R1aETOVEHJYhCUAcuLfPOme3DUQLXstYuuH5F7BNz8l9J3TphwZvv\r\nCaeTxas47frCeKrPBOMD8pDqFglBSAc8vwc=\r\n=3pVg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"258def578bdd5ff3b52dbbfbe6f06e14b2b74045","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.4832e2750.0","@material/base":"15.0.0-canary.4832e2750.0","@material/feature-targeting":"15.0.0-canary.4832e2750.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.4832e2750.0_1667595399244_0.1522791400524992","host":"s3://npm-registry-packages"}},"15.0.0-canary.215506426.0":{"name":"@material/touch-target","version":"15.0.0-canary.215506426.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.215506426.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"88c9294a11cb5e2d030aac2b221e2cf7991a702a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.215506426.0.tgz","fileCount":15,"integrity":"sha512-fJf8j3sIt1Zgq3JRn0wv2RS6pHKx1C6cC+F/bAzQEZovDQZTmSSRDdfGA6HJ/oGdl1ePjKUL52t/5l5CPNjK0A==","signatures":[{"sig":"MEQCIDuVrqTtZXcrwhIN/pK+XqPZpXozJpyfhY6Ugrs+syXiAiASJjALbR19Ks/bNDM5LAYkYb24byvkhWPlsSG3hp9Hjg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZbbhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrfA/+Ncs7yV1s5OBzrGAxMPbzP9kYALmCV9Uqyz+Kix22c0MRxxLY\r\nIiw6KLOgGGGmKKsxy1V/Zkrn7rgTD8BfKhZ1ZJeQKmnIunyP0ipLA3Z5hHme\r\nbjb1SmtbJ9e6lvIluBKwoC6Nh3qKC4wfQhSnrWNvQZVReoIO4cISItr1bd+v\r\n1BzMUB2Hop5s3iwvIStwju1tEWl/zeyiwlfcHoIvvcORuQKSMyyi5Y3I9ztJ\r\nIz3LAFq3/3qjeRWl1w+038H1I41tG+7RFT1+nA+sGoFn/T2sNDY+DVw/6Mph\r\nohC1krsss/iYbXx6OBWxBKpqNboRIUG2++AVLj2fETrxYC+ZxnpWwCJXUaT1\r\n3dY3nE+XgXFJgKVo60IXZYwMFeqyfYvel538WbUfR8o0/nEM25P4GJg1LHsf\r\nPUmi0McZrYQnVrhtuHosyF4DqrlCm9BSC/hp3+nhwvVovNahMUygon/9OKvr\r\nngx0vpU98xdisnZMHRccDqbBU1kil5hdIn9ACLTnFljwp4hgEHckXkM/gj9r\r\nYK4ec7XcD02hWzOYybusqxMdXPsnh+GCE55mfF8gLSY+RgKrb9St4I084kdi\r\ngXrl8WhC4OZBWOGyJpOmhcD2VUXbRwxJO5pYW4Zgpj+eMLzqcd+bujOWmg6i\r\nNHi809YKZ4ajxO9oyTwN0MdTTNqUdSuaEvI=\r\n=xLBs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c7da5104ce280eebfc1b0cab2279b8acb906babd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.215506426.0","@material/base":"15.0.0-canary.215506426.0","@material/feature-targeting":"15.0.0-canary.215506426.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.215506426.0_1667610337504_0.872225452272138","host":"s3://npm-registry-packages"}},"15.0.0-canary.4cf917476.0":{"name":"@material/touch-target","version":"15.0.0-canary.4cf917476.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.4cf917476.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aeb56f25a8418606201839ad302ac025a86d32ba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.4cf917476.0.tgz","fileCount":15,"integrity":"sha512-fRxrMOwsndUJUjL2rFOzbqLJzDICf7Xbxz4/ID7XsPpT96AEtBRBT0EprP6+HW9UPe2LbWBlb7LppBp0KiP+HQ==","signatures":[{"sig":"MEYCIQCDkBxzzNr2GhDjqri+OgaEXr8+lMHqxvR5QEekE7wdrgIhAPZrHBslxgNoC5sCX2QFzdbGrk8aivYxhZpNcT1SRRnT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZqV/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGHhAAjkDJK/CIfeeWs8xJ9JcNsafquuk987TpGvxepgb9r7iIvEvc\r\neVwrsziEw8Fv9BcvGsRRbSPC1pRqVHk3gAKZWJqhisAqyLY+Eai84V3bbuXP\r\nkni5Y5pqvfsdO4AcVO248mPyl/OuAu5nuBxQNN8KJidzNaAr2lntfbjhtH5a\r\nQQKx4nh0Qj9Bacda5XW+1Q7PXsXsZUbLeKf7OqJqFTALLQ+PNSm33yGCI1eU\r\nrJC65HLDF0nZTRmZ2lWu9+7tp8Z2A2pvVRqcjd2xAORbez5Wufaj0mkYbyr3\r\nYqCCbP+gZP4+7aDuBCjeebYoVgKPehQQnQRL4RkufFdc7wk4RkIsrIH9+z40\r\nou2lrTd4lFL0+C9ZEfH0OJ0F2JePM9cZ1M93++Q+6tIrEwrVGIlqWw7ftieA\r\nH8aX95g1dtGROADsoo2hTG63OHbnWyJfAP8iToCMB/DLjYK7svskow4tklVr\r\nkBabVFgaDxw4XOGPDh9xHQ2SdoXj0p+4AvYn8PksxIapEDZUtAYcbveqFRYc\r\nJO6kZl3B5YKS8NFAsguDBTg+yq5aImZsZ7lOezTtkzcI80fll529IrqcnVG+\r\n8eDIkJKp3twe0Tht3TOGz0KIpB3/IWbn0NW6R1kzLpLu1ABSYUNe5a8H8t4+\r\nSVKRQuYZSL4gyJit9497NSV71SJJ7RkZg8E=\r\n=7b0d\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c7ef38a54cc085b34eea4d38f143f3b65dc649e2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.4cf917476.0","@material/base":"15.0.0-canary.4cf917476.0","@material/feature-targeting":"15.0.0-canary.4cf917476.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.4cf917476.0_1667671423502_0.2440354713401396","host":"s3://npm-registry-packages"}},"15.0.0-canary.eef14bd32.0":{"name":"@material/touch-target","version":"15.0.0-canary.eef14bd32.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.eef14bd32.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e8f84e5f12a17ad19f4bb577c720d0b4b654143","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.eef14bd32.0.tgz","fileCount":15,"integrity":"sha512-AuRX9cZSB6/2Ww26/WD/RQs8wLKsKAxGZ1MtOTfIuNGQdhBAtIyJFvUCLmwzpYQ/WEgBNo3zyTIq4Zvdhi6RDw==","signatures":[{"sig":"MEUCIBD7gr3zVPaY2R9xT3AuWpwHWKi1NbyDG2nvXRHWRPUyAiEAtuSVaoSVTIDw1P0R4EV8xaJMJaR+A4rzF2ohZyPCn0w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZ+2+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppXw/9HYRUs190s29p1U3Z2QZ4xoY15qXsINN9OyQHTey0etLGbZw3\r\nlesdAsLI/8LYKeK8GuqO1MO1z7Xl3P/HKeF+nEHFt42zyXdWbb6cUNtN6xgv\r\n2nWxX/nKNhOMciHPsZeMrsPipKq0TaNqTGYGwm8DtX8Yji9Aide7/07paK71\r\nuCuADPmI2q5awn10V4AzBI2jYTkrAWpb0hKggfeCHXK4Qzi75sFTpNc3t8BM\r\nJEWBABWlOepn+HIoF0UGMQRV5IVPxxz2XlEXGqPnpeLe2BeIqNlwf/yAG/MY\r\noUj3+ax9zJZe09Cti0/Usouvlt/pAsQlUWcs4yAofBU9aaAKuB16Lam9JeLw\r\nu+0u9cZDyfATLGGLI06YpFQ2LhkI5YNkWHxByO24a6XkuNaJ9DUlNg/eHj9f\r\ntfdQIzApZmUonFhLtOBrwZr6CrwwFlTI/hr65C6PSDyGhB8D2QRp/ZNEyqWx\r\n8tDgpr0fSDNqPSkkX2qx3Mmc4ls6iu5eWmFfNNQ88SkuQXoRV+rN0rgyvZwb\r\n7/Lh0GuUH6iJB9/Q/qrZSqL1CDOlupXsGFfZ4TQZZ1OttYVltcsHbVtu9G4I\r\nLgU2a2CobY+SaBBJezn79FecmkQn1cKFeVQFJYV3zWR/AKaOBLZfs1Gk+o85\r\nUT+8LFianGPDiS/+Sw98gkGvw4GeXYfkeqg=\r\n=aatp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"40acb6cbe1201f5ef758bfb96da3145ae3c4c1a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.eef14bd32.0","@material/base":"15.0.0-canary.eef14bd32.0","@material/feature-targeting":"15.0.0-canary.eef14bd32.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.eef14bd32.0_1667755454207_0.012308389747017978","host":"s3://npm-registry-packages"}},"15.0.0-canary.6faa29fe9.0":{"name":"@material/touch-target","version":"15.0.0-canary.6faa29fe9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6faa29fe9.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bcba696b67b4746f53c0241dfa6c73cac336a8ea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6faa29fe9.0.tgz","fileCount":15,"integrity":"sha512-yKpxrLUemLqX3VwLjG52UVRZW+TF8uyxblD14U3817j9kq6uU2ebuEapG9JCZ+wgDw0CtaCRtaaNMsyY5unNuA==","signatures":[{"sig":"MEYCIQClk4tae1+tzvKE0XGwtu8LEPpYUmhwa5bqX0FDSaCBkgIhANPAP9pHgvUNtt4XPEt3bXjOUJvL1cOThTJjotEwOoyb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaHfBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1Xg/+IV6nHl1pt/VDgqftn6bUm7jN2vDw5LvB2kvf5h3kitjEPCJy\r\n2qHCFAcCDKcepiFVYwuLki0WMmkCfj/wAat/lThT++pbgO08BW51ATKOP1BX\r\ng4e8TpLDxmJFkT/yCif6GZIKMnCv15X3ohIZtaCrx+PecQKuCxctovto667p\r\nntWivTbQzMGnchj5uU0ChIbgPVws86jTBpPlB4h3CQEkwyar3ZY2BcihxKPn\r\nf8xSeaWDGoP3toznV5/ZypKa8j9qlpQIRNY2EXV4f19DNLKaRk0SmUicwlgT\r\n31scB2rwKp6wejqubRfCvF+8fb9t6vnGDZiY6OwcjZ9w1q1cZHaOjeHGT4u0\r\nO3vXOTVbtXe26LxMhejBrsr3CNCg7SvyYHR5AKUPBkYX3GgwHqG/KJ1gReoJ\r\nvg9lYBmdGke0r6iR6ziX4Sr0nedyNSiGtbj9eiNvPIDNVksjDRTilvCdJ8W3\r\ndrl+jgOYJkxrJ4jkQOyn0Expp6w95pAXOEeLfnqE14M3Fghwn6NAcLk7t5vw\r\nLqiy4eI0WR53jTS+Eb/Yn+QjQcKsaJDznVlJQNQMXixSqyXz/jWopvjGQyNd\r\naFlE2K+4ELmwIuZKrrYBgQWf7cSKZlykpYzYHU3Tv7X5J+eR52QKhenn2iJW\r\nh6B0376NP6UZSQWdpn3vGkNeFC1GRtWhMIo=\r\n=nawo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1403858386443f73c0593105b5654b6ad8596a9a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6faa29fe9.0","@material/base":"15.0.0-canary.6faa29fe9.0","@material/feature-targeting":"15.0.0-canary.6faa29fe9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6faa29fe9.0_1667790784824_0.10401616447963247","host":"s3://npm-registry-packages"}},"15.0.0-canary.9af09b967.0":{"name":"@material/touch-target","version":"15.0.0-canary.9af09b967.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.9af09b967.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c065bc7725ed0811127ab6180f6551d45446e2c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.9af09b967.0.tgz","fileCount":15,"integrity":"sha512-Bnpwaf4gPxgu3U8Y1vzSm3LxmYyvOCFtIoS3xugzJWSbZYls40SlFr8cY/vMUvq5ZooANuqIpP6reyza9M0MRg==","signatures":[{"sig":"MEQCIBkZqVacmlfqO1fc9QxzdMXm1kWsNwuxn9SggvzY/pNWAiBNeAnZdvjh6XWtZU9OcmnpargsgkuqcxZMgfVetB+vqA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU4KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHdg/9GXAFnRPG8EpJ6dn+FgDxphJs97pCiq8CMPgCw3kYqRuWC+Wb\r\nFd8O3RWNkbm/sVUZUQZtheBhbeCkm6tDSS++7QgFVFJ6WhRHaj9d2nKRVrGx\r\n/Sw5yT4OCJqAVBQUmy+AcY7ZwP2H02pUhrDgXZGEu7ve4MM+rt+BgQ8tJoUO\r\nETtKLcPNh4xSQaaFP+2ih+LZAkzdEv7nB0AlH/y8lXXEdHR5FAiA30YTq5Sv\r\nF6Fpw4d+HA9BsIL7RgwLijSK10RKYXlounv4/3Vz+9fG8KB8OOcodu1WTZbu\r\n/Mjg1/BDxaFSOMxJJqNV4FJBeJ6i8B5ja2Mho9KJD2BxgDe+AlInDGeWU9Kr\r\nciYM5heuiP2MCUbghZvya004LaIwNVbgQGRYlJ9b6zFG4OcRCG42cDmB0azX\r\n8biMO6IrGNDdaTnInZdO/H5p3rFyrgQs41gq25XJZpJlxS+HtdXgy9UhIvLA\r\npEzRKRXkiIzVr1zM0H/hltDaLdCRkphn1m3zNhmLoK0LzQYaXaaF7yRdy5hf\r\njOkxHKUT5QW2lWYYwi5tJfTN/FUfLfWZyf0gQbYVYndiWhDulY91HV0Y33cj\r\nb7N26PofmstabL9oaGcA5aT5F4ZdEwKo5oGRXb3M0Je2UiOsIWarHpmbuIoR\r\nOjlmWJ1jsSpmTnduZAydLD9RyzmH5Lh0Jgs=\r\n=j6th\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"745e702463a22f4c5de6e94b3527530a9bdcc9d9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.9af09b967.0","@material/base":"15.0.0-canary.9af09b967.0","@material/feature-targeting":"15.0.0-canary.9af09b967.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.9af09b967.0_1667845642325_0.9521127091130435","host":"s3://npm-registry-packages"}},"15.0.0-canary.0f54fbb93.0":{"name":"@material/touch-target","version":"15.0.0-canary.0f54fbb93.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.0f54fbb93.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"32aaaebe49a9165318b3db375c20d599d52e9984","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.0f54fbb93.0.tgz","fileCount":15,"integrity":"sha512-jTN7IHy3uIBVVKgq+K6afWKotV7rmibGl9jZmBJLJDF0tyPjcgGrR4G9ss+fXvrdo+53+VSUUQJFfyezxO+fhw==","signatures":[{"sig":"MEYCIQD1gY8984vCDiF9wjzf1rusKqIqqI1W/wgYclFYBHtKJwIhAPNJsnu7XM3eIATDYqlJFWw52JxZxWoYfm2HkrWw0F8h","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjatB+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUhA/7BE0BfbOEJwkjOcr4a5UO3lwu0d2AW+SV9CEcGAhYjCBerFAM\r\n7IyIk52I/71FFcDOODkXSWfCjL7rKSx2nK5tMnnHtJZIpnGSaIIgc3h4z/1n\r\nNmL7HDPFEj+sWnhFL/ZEUetkToON9GkLd4hDnniYqRj+guxaO0+M6tqgmE5e\r\nRrjhjGLFb0E0wCidZQKg6v4ptdP7N6fAbb72wrf0uS5R5ZVcq9dt0jzj6k69\r\n5BNSrzwDic/7fE2ITZnMpHvQ3quKuyvPhWE6rJUUQhHbzTCeKN0BnflGFsYb\r\ndqG5HnpEUA4mAnNj5+69TEJ8MOawk63izz3W0YJWzF+W25/O7wLkG2DfC2+K\r\nuHTU4ns39bwEWr7QQ4sqOWkemCMGygbbA2uDEC8rhbIo0gTZvL42tHnioqCv\r\n2YLCgRg1sEpDFKs9gJELBeCilroFWiZLfd7ew0zuxmA1VxYW8rEHFaBcyzqu\r\nIMNcwuHE1hOMvSE9rGcoGsz1tqmPHiF22p3nARI8JUL83ZpcdNAr7jsczxPF\r\nUliFyk0MHoN6ERsGhJO+TBmu0swZYLQOxC5zcDJnvrGhem2D3GWPRZGkkVW8\r\nEr/UAHRsQ0aynfIdWJgJCY2yXPZtORYNcbM7itVmDIH7fundzqodfJVp8i9+\r\nnW5nLRrcNufksAWFe6qUYjEljnVcsP9oMPc=\r\n=9Vy5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5d2d1814fad8065dd869bd95c156c04ad45926f7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.0f54fbb93.0","@material/base":"15.0.0-canary.0f54fbb93.0","@material/feature-targeting":"15.0.0-canary.0f54fbb93.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.0f54fbb93.0_1667944574329_0.8426753747635995","host":"s3://npm-registry-packages"}},"15.0.0-canary.a8d47f9fe.0":{"name":"@material/touch-target","version":"15.0.0-canary.a8d47f9fe.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a8d47f9fe.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"957d4fefa7e70809cb22ae5e92de5b25519e25d4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a8d47f9fe.0.tgz","fileCount":15,"integrity":"sha512-kAsRpy4GLMOcnTUNdEsFPHEjaNZN4LKAyBsyY/jQ7nPTr/7yWT3Nz82BpCRowvWNhk6JOT6R6AanFr/0g8ethQ==","signatures":[{"sig":"MEYCIQDSXE2Rdjj8YbHkKvU34VNirkyq6UG0sOQCsGREO9l7mwIhAO+XoZcdFDPM9B8//lrGgzYv/eNKh89TpYFsTUM6KcGm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaynPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEUA//SXEP76pbFE8hW28VAMASuUF9cQ2RcVMsZyrqlHBmGVJRYSXI\r\nUJ2lueXoQ584eJteAwVUXgWk2cDy+b6ZCCZWk6yqgVd7tKVhp9FHv+JdHtNp\r\ngzqnzMUacDfWY7xxNzzMcJgHrUkkl2BFRQfsFpcoPOjKyhMqwjt0xUhKWD6W\r\nnidRuyLABVfRiKd4zyQj9n9vZ/UtbGXxaIthtnTOhZSalECjXdnHtB8XAAQU\r\nMMgcvgvF1g1Ij9VyDf6WDRuLHk1vjP6mxXrzTYL0Ej6oBSr1OyFzIV3Hi4PG\r\n3noAR952iqxEcoBsmmB/RaDJ6glGTAN4lSb7Nz7EtI+fh5PrX+cx7zXUpJiS\r\nNqFydHCFJbvB4RoS9NNoNxYE/Tn/R8U2xRs35ZVHDvwP58zzavxGD2/4s0Zt\r\nohzGZDtnw3/zzWE8JgcSHUkOKttbSEWH7z+EtsR6WKcU0/9RS5qz4D3+irnw\r\nftOf0KQwQWUBfvVpkGeVoAroR3kyd3sqWJOJRGOhHqoroWXEoXm/bVQaz+ci\r\nNxYF3neViLvI7YWYab7W/rOaWZsuYd5RAHMSVmJLDuIsb/LzDDATdxpwSl0M\r\njN9jxDC/GeRzDzRMaUy4qmfhSrq1/xiHN1n1SOJkWIxDZ2xs6wgYLvUDZKKK\r\n0pEEpJcWYHvstRadRom3VXXBzhluu6IfgTw=\r\n=rJce\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"37662af94525622cb00ae2dd17f31f6a93b4eed8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a8d47f9fe.0","@material/base":"15.0.0-canary.a8d47f9fe.0","@material/feature-targeting":"15.0.0-canary.a8d47f9fe.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a8d47f9fe.0_1667967439081_0.19881682104776477","host":"s3://npm-registry-packages"}},"15.0.0-canary.66a1e75e6.0":{"name":"@material/touch-target","version":"15.0.0-canary.66a1e75e6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.66a1e75e6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e4cb81127c26dc601c86e0e56db9048d04799e7b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.66a1e75e6.0.tgz","fileCount":15,"integrity":"sha512-zlqAWBCsArZd9oZHOEOSkfi9hM+sn7mZcmRa5dWGj+MtNSajAJ4XaK8Lp6J4/lKmqm+N73OqW+Z2+REDw7OlRw==","signatures":[{"sig":"MEUCIQDbK6CJ/ZCR7iE3tTEVz45A113h5d1XbSnVOWKAYapg7AIgBVS+gR+Xi6jFyCSDJgMzcKS6t8QuyWoHpFiZLidcO/I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJja3RRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmofjw//W1Y9yPdbc+aMdLvHj3webb73zc5n865w1+Wau2OxrIsyH6v+\r\nyUVmncY3OXOrfvdyDSEqa82Lt9NRpGAvrk2Ga15VuAkJFs1bx2PvB/XBOfeZ\r\nMbAgtjctiyJE6LVKuGTtGaMH1RcgUs8zGzlOBIQU5V0k3d5ZsOAJvvK+Oqha\r\njFy4c3ixTdCiMy70EmsZfp07vlLNN//bIfRDXt792oHZNMeSZY2IhiXY0hct\r\n7linwE2liS/Ef+t1yEXj2u0sDz3ZFGcyWxqwUzhHbOCU94ahM/2jOtqREajz\r\nl+k6GnLt+dSUPwfsPGbilvnDFDU7tliyUOJHKfPKxbOr6dFw4K85rBI0SoBZ\r\nzA7JLJq5U5oosO9o5uLVU685zzU/0rxo3VmTTJTGk2+bV/5yQKoqj0JJEFIC\r\nE3eleNtyWe1iuEDx++H1CKrOnl6eJwyV1qDKT1PHv5hNPR2EVEH4I8IVnOh7\r\nFmqawInNFEWv+PQKjA1mYnDAzETE0WQUjAASs5K7h5xWI3onm6/t9z7ezQyB\r\n5sQfCgLNnp/4xhpd4mHUbFGppnlxCaJecL44pPN5MbABd5eLk2XS99De6yri\r\np0nU7AkfnCJ2M4N4S1ilqgNrfBpoDRp4TCo4a3B9WFIL6qR0VI2tFeISmiWb\r\nYRwakUqGuXclDyzSBeTNnP9U6mDNAsFP8CU=\r\n=ipKq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8ed0cca778858904bcff29669c6dca407f25ef98","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.66a1e75e6.0","@material/base":"15.0.0-canary.66a1e75e6.0","@material/feature-targeting":"15.0.0-canary.66a1e75e6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.66a1e75e6.0_1667986513154_0.02433701232508212","host":"s3://npm-registry-packages"}},"15.0.0-canary.5e5c2afc0.0":{"name":"@material/touch-target","version":"15.0.0-canary.5e5c2afc0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.5e5c2afc0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42442ce7e162b0a80f708dfd97f2c4f2305ae702","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.5e5c2afc0.0.tgz","fileCount":15,"integrity":"sha512-YWvUriYbgPmqmVaepxK0yGpQ0qzJ9T0/lsCt8sHQ2mlUvBYtlSXhvoCK9Kjix/aRuBRDdV8lYNKO04YJudBsbw==","signatures":[{"sig":"MEYCIQDn7MrpILpnXkW+T1XEXZYe/TylcciaEsevNUwN0aSJeAIhANE0uRZbPb4/WZu0Om5fVxxqzxu636YpS1JNpckRwC+8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJja5SWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+Wg//VONNKCEYEqAvIMETs0RBHQV/+rgxd2skQWaXJ86d0+gVMOjX\r\nl76XuL7q//N7Jgll7JMRHfqt9Y2wGXfXVuo5S5mBgO+CYqLV6vnsuNAJXSH2\r\nwiEj82+45eznxYldsqqwsmgwE+RBsy31VNnrPfqgDZ+QaLBzWE1Dfmy4ezw/\r\n5N8dO8lYr7LO3eSDWYFRTLjQfbjPKBUdtPfjuTsJsKuQWgvwy3eKwcekdndI\r\nN+y0nWVhtVJENQ02kMGxWyJ3LUf4JHHEmVkrPdYtmnu/msvDpQy4BSDfCKhv\r\nS6KsfXh5DYlBDLtpCqKVuALlfL319Q8IUusf65DgIa9Fypu1cPqKX7mxk8PR\r\nrh+1Ldg3SDlqntDakSIluwG5tOwoQ03RmkPH9UL2xFk+5rGDQ981WlAlxlKp\r\njz1WnlzxdRza7PNkJOYIOzKTIfrj9DGDrfp+JSXma+B/oIl2HKtHswC0kyRA\r\npRDndyaifcGg+540mpWg7rSEvoYbwbl6idtVlxJMuX4aZ9Ue0x4gN8tJDz2z\r\naJaR0ozRuq+XXC4rL/AGgyRlcOS10qnl1mSuN7tovogFUjSbEMSCm4GRQ9m9\r\nCjHWuqVTBJXKbPvzEj9q4IQKvt3z2fYKlYuzExASM+fqCLamJQGm+PxSUwmp\r\nHYj1lhtUUGZAQk7gRlsGV8hjpGy2/25vrQk=\r\n=ElUy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f14204a01be3c79ff286a8287a0ab731c371492c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.5e5c2afc0.0","@material/base":"15.0.0-canary.5e5c2afc0.0","@material/feature-targeting":"15.0.0-canary.5e5c2afc0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.5e5c2afc0.0_1667994774013_0.2566494974378668","host":"s3://npm-registry-packages"}},"15.0.0-canary.3e3f43359.0":{"name":"@material/touch-target","version":"15.0.0-canary.3e3f43359.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.3e3f43359.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a5411e1c51efa8222ddf723e5ce05f1937015c31","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.3e3f43359.0.tgz","fileCount":15,"integrity":"sha512-ST6dkbw1HfafjzMixNpxAUTibOKmQMXJ0QzbYxt9XviddScm2kN35ZlX4sJCS7Kye/YJrZqzxavA2RIYWkM6YA==","signatures":[{"sig":"MEUCIGQ85CYvulflO/h+gUvbl5lYLLL98djf+F9saL8edduYAiEA1XnK3ankaR+ilu401m+YwkT6EhLC3FT5HwxXY+HORLk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbAdVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrGg//Y44qbYsO8XA+8I5Fp2YMFbbjt59Qc+zHR8RYOj2rF+ZCFSSA\r\nOCqDXglnnm/ePXtjhhVo4ASx+p7JekFzKkw7EgcoTL4Le3j4mwALFeo0YHoi\r\n8zDeVIGqqMInwtAJV1gQ6D01u4A4UD1ied7hImDq8Hd/daLls1r5wDMgiE8A\r\nK85fsFiS9u8Ev2JhXs9qN+TaBLx+eUWiI9SucemjmO9oI5/GTCNAx45gZkY2\r\nBrzno0IGowBwbMgC0WdbdH7do/cGQYVDQFX6bjtYppOpIfoQraXG/xaJv5Ei\r\nCuJXrNKfcX5Duusruptw1dJRhLO9QvDWJgwwxIG8vYW2vl1Hy1v89NTQKG6w\r\nA0N+EzYS7qalxy0K+6BTBlbP2ha/Hz2LSZfL8503IP8seSPRr9dLWhhLDHW1\r\npXLDSOCoOOtgEpcjtQKRieYxjEE9jcZWwQYAvcBKJOcvh21WQOarp9iHOGTV\r\nDzPypKU5D3pZN3ph1ZM1jW4waggoQv4HJcV091GgP8wwtiRQU3yS862KwoJj\r\nXDQaIVRRQyzCRph/3U6Kypq5ci7GYi6/PVHHTB92HG7RJnltdMvGsZ2U32Xt\r\nEkzR7qR+Ca5xRcqdkdcIriULNUnw1ksiKHqU5pMC9C3px7kTRtI/RxQhuGJQ\r\nLFlX+EH+4N2eD8qdVTCashm3PeieNQouP/E=\r\n=Q+7Z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"722326ecc6026aea1f22d8b4e1c9901bc13141e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.3e3f43359.0","@material/base":"15.0.0-canary.3e3f43359.0","@material/feature-targeting":"15.0.0-canary.3e3f43359.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.3e3f43359.0_1668024149154_0.39057643524907704","host":"s3://npm-registry-packages"}},"15.0.0-canary.3f667fac6.0":{"name":"@material/touch-target","version":"15.0.0-canary.3f667fac6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.3f667fac6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8bd5d64d3992c82fbd73103da74246de0f6f680d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.3f667fac6.0.tgz","fileCount":15,"integrity":"sha512-vgaiLU730KOWr3guE+pezaqUtEU5q8LKcH6sn9YrncYOp6c5MAzay5ca8yHI0j584/qPm0vfthtUpJUDRNVgLA==","signatures":[{"sig":"MEQCIDGOGm1X9+Cf+HRfAqL1+Bhk8k7EbJSnTAV5/dHTc80VAiB6UcNDtMSxoSD7BHsiRO0jNbQaKFgYLAodxDkVOAF5CA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbCQzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+cQ/8D2gXrUwlaDMpdNig0i2XAvYUas8ZaAG+wlQ+J57BD+7JsDaG\r\ne9LxUJAmeixcV1xN+tmMeCWJHePJRkn2yumJc8tZATup37aWB7e6q4/nFc1B\r\nEZ03HtDrKbysosKhOcoDpqIajF9Lsx0t3RNAiPCyDDRUG9Y7lc5yFYqEJDGy\r\nyKaXlmpzD2gjuvg87obWuScLGQEh/3KjXJQwbTA0vIgICO6QvkqkS6+uOv4S\r\nN5hRwzKX8THNDNk5VJfjs9E4kjVvsAqOWSDxbLYTDwAuVi38WH4cBbfFnY1w\r\ng/C0mi88qy7XYSXTLzugcXlvudih0lU6p1yKkjrhaXa8PiOGJOHIFkTxl2RW\r\npwMCAw5i2w+3lh5yJnM6VW/Uk58wACi2HaIIjaPPM7cWEUImi2A2R+Wk4h7x\r\nn4bwzZO5CnrUThgCv5pq7yKYz8+AWaIlaHtFgn409Wzu2zdK9Ul1bvEODaBe\r\n/Qiw22UDwnLpMPo/TjAySUaSV6FNfXnJV1R/S50qtZyB5Q4t59KsAaZ7Lnzc\r\niwbR0jH70pyau1dI5QinnAg+s6dzZQiIYTnB3f/ReNnRqZbl/OpaGEVZKlrD\r\nUEG3cf60v3hll/eyJXv1rZv1jCLeklnrBd2uKE/a8eapDem9ehh+p5gSdFqa\r\npoAgsTW7H6NNbzplgBQrn0wF+GI3QQVaQNQ=\r\n=QOEa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0980467335d47e19b4ec72e32644ba0a08bc0c34","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.3f667fac6.0","@material/base":"15.0.0-canary.3f667fac6.0","@material/feature-targeting":"15.0.0-canary.3f667fac6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.3f667fac6.0_1668031539269_0.8777692442345637","host":"s3://npm-registry-packages"}},"15.0.0-canary.faa28c1c5.0":{"name":"@material/touch-target","version":"15.0.0-canary.faa28c1c5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.faa28c1c5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c01287631aafa1b510cac850cb5ca94aa8587112","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.faa28c1c5.0.tgz","fileCount":15,"integrity":"sha512-/JjfyPrpZ1KqZB8Gpde3rdBzZsZUhoDQ5RCSzRUB7LqFYLTf3bB6BB5y+AhjA1iYmyWvbGj/D+RKH3LTNjH8sg==","signatures":[{"sig":"MEYCIQCQPO1feZoK4w9t+PobwcI4KBmg+HNnWIK13+rBrLwqNQIhAIlj1Ve8lKUpUnpvdbt30y49EhtTVxt/4WXwHryTURvl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbnnNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCGhAAmyYfS8udyPx74KrORihfRXgqMMzBadxG1cyL2CeUBgz4tKEd\r\n58RLPJdn0KeQyAxI/sMkoqPdon2aJWe32qcOSjz5paciOABtDPnwKOb352rn\r\nzAVE8t5CzHMUOFOm2mmrt9CZFJfZnb3gWhUa3xO0Y+BpaW9hKWFoajqE5670\r\n1RFEYIvu7Ys/Ve4UWNz6joJmJkffRrKnn+y2g1mMqtf/WYjn8hN1OWCf8KRD\r\nsKYPJrI0YzqKMpulXd4JftFbxr1ztrgUKFUuLZ5pAuz+kqycqf9afGmvCtZj\r\nq9TxUGhwG5U9784rIBs2YiHdgx3812oZvFwn/JsURqkFnleYwrpOLQRDVhQ4\r\nAygo0pxfGQUwzfZHnYzm7lad5Rx46HGN6kJ5rAmdmw8cGnnnZVIM2Jc/wUUQ\r\nwaBlQAID09ZkueAPkRO5RFcv9S6gpsSr0sMA03T8Mb/XZ/Nt4xoEraf1zSK8\r\nu7i+M3vujLohfMdM0RBYX3o3E7OiJhCc5J7t0cVUOD3sDRbU6wn0IAxFFJYo\r\nMIoBd2FsbwnDT5VjJLjR+gZkodHpgSs7AKwckGMFNTTy+fim5uPuPLJhh0AA\r\nE4rPH3N8vWW+ytZOGj4S3LBWjVtrazI7pBH4cVlX3PGIqHfRyVzbtPYC9zXd\r\nO0U41vqOgS5hTrNijiOwmKSW8S/8EyxzOKs=\r\n=q9Rh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d36350ee1c0fb11d053acc0cd521939199fd696f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.faa28c1c5.0","@material/base":"15.0.0-canary.faa28c1c5.0","@material/feature-targeting":"15.0.0-canary.faa28c1c5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.faa28c1c5.0_1668184524990_0.31230132211533834","host":"s3://npm-registry-packages"}},"15.0.0-canary.a868c7866.0":{"name":"@material/touch-target","version":"15.0.0-canary.a868c7866.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a868c7866.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51479316da05c7759767bef4886f801b3ec2628f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a868c7866.0.tgz","fileCount":15,"integrity":"sha512-ekSuEASVmRZWGDiialqBePgcAuIHiWSu0hLtCFsIdaZe4qRCEsVrhcgjA8xwgjh88Iv+9QFdKPoR9TkTk1wtJA==","signatures":[{"sig":"MEUCID0Ju/0pjkliXz43Mee03EK0+2BGtaFZDF+X6Pwbt83qAiEA3PapUnPnS1aozvy1izgnWhnja8foj2DU7biVo7gOnd4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbnn5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqv9g/+LUzuJ5h1F5Bk/YatmFhlSIlunmwsTfg8963+g0uVYdXnW1qW\r\nb5rGRAUXmSV+vWQisAk2YhahHCi7ax7Oq1BGFXNUpcHXN4VVI/s8uVF18rYk\r\n4mva6He9GjpGF8iAzOzgecM5mut+3FFddmw16mNF3fOGyvetl9IHbFxexuCO\r\nW9OQNck27Zn76sgPswXlFZHMjSv1OYO9IipSxdxEgTrYiLntixgV313Fo2fv\r\nJy3/0giMsjRoBVHsgjg0/EyVxfdDuvRLB5mddhNlrGRj1W/aoALz5sR4DSWm\r\n1v9ADbKjq7YM8IPVY7qBclXRcpHxBlsl223fVivud91tXpO68VtNsaJ1MirG\r\nDEbmb0YZ1TGAMVsuqPr3Awv9+aNfnmTyDa0GDgnbKn7s9xddpix4XKtY9c1p\r\n1nusVrJl5JE6OE0E1agbQCYX2f13otbIDCnvQZVPLGzMyXM17JRntMRiwBUY\r\nHcUqXLxaCEBBozq0eshYVIzk64jhMykjFdBoFlfOWDU3saVOdzKFcNJowl9a\r\njMIWxOGFQYBSx/g1+sVW29pDsc/GeNq8EX2g8KqZoIjnmuKaHrESmWZEPNyn\r\nknWiJPvL/5itrBp5fo2SUMJK1tl0X99VkECc4/stuzX0fTS0UitAUuTaLgEV\r\nOjIuFt8XKTX0IkOItCuLHfyH9j0nv3wL7OE=\r\n=2mjQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d35416d7d3365898437e980f43ade48e60904e85","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a868c7866.0","@material/base":"15.0.0-canary.a868c7866.0","@material/feature-targeting":"15.0.0-canary.a868c7866.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a868c7866.0_1668184569266_0.3374804360381638","host":"s3://npm-registry-packages"}},"15.0.0-canary.602fe8efa.0":{"name":"@material/touch-target","version":"15.0.0-canary.602fe8efa.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.602fe8efa.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c281c8f192a6e24fbf34413baa0f6c79ec2c3b67","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.602fe8efa.0.tgz","fileCount":15,"integrity":"sha512-E55jDc6LC+vtE6S5QmjGZI+u4byahuFrVt2A4GqmGVhk5w98aKzWmJG+elbf7ly7HP2c0vjFekJIuSLlhHcuMg==","signatures":[{"sig":"MEUCIQD5LrqqQPf7+GE0ZD7k9OW8CJ9Ak2YjwR/JR5xo5y5WYwIgAKGgBCCG+z46ub08ihT9xfRsP1bRC2Pb/t2pRU2j7+A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjboI+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp2Xw/9FCHyd0QxlyGQFr+EGllr/vj8Ry1IzQABKHGGodFOAeAphxXl\r\nb/VNPTn1SVn9dbNtkvpR2LDOeCRQdYDO85Q08F224z03YnHuYPc+ZLx/Ztob\r\n43hLvu51NlxJ+jcve2xtP3Ru4F0A2xj9jPz5rZ5hoUby0jaY8jUT1ciDVPe7\r\n7EsZLjvzE6/cWlL5wmlDQ8cENTUqhs0XvKvmVfMS0MagDE1deGyJb1+coJhR\r\nY1JWMxBuGWnKY0PWwGKcVPRH5gAh4RO6xzqHvvMQ1KwYx52tzXlC3OH5m0Ov\r\nDWLN6mDLRKj0tuH10/BX6wuExqDnr972HWPYdIXIyOi4UjcGUAGEDPVTS7ye\r\nh9C/gsmrhtJEHLXDyRwnhfMbrE5kzd3yUASj4H2KDv09La+qgGS/A/X2I8vI\r\n6pHgXj0+wVws4KqR4B3QshXyDMwnXeldEagJZjsKuYjzCZVNCsiM4XtU8a8h\r\nSjknKVngFbgcAcMyu3GAtP9npjN2/GSYAdvm7nF1NAjuUAX3VJnQg7dQ/UBc\r\nvRXz97pVugkmDm50RFEQpaa4WE6KW4rqHBhw4N732Fes1Vqgeq/SzcwqJaih\r\nD07ds/7B3MEJ/53dveC2qnSs8d69sE/bPNCJk5VTCg1IRepUtIupnG9CzrN5\r\nDC/pwV769YbJ23gIENYbCPMKW+7IY8CBN60=\r\n=O7NK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6bdfaf09ca41b2fd7e3db4797bc2f536f8fbbade","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.602fe8efa.0","@material/base":"15.0.0-canary.602fe8efa.0","@material/feature-targeting":"15.0.0-canary.602fe8efa.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.602fe8efa.0_1668186686284_0.5369332126894506","host":"s3://npm-registry-packages"}},"15.0.0-canary.558c2be62.0":{"name":"@material/touch-target","version":"15.0.0-canary.558c2be62.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.558c2be62.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ebcdf72babd1bc526be912b6218aa090a170901a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.558c2be62.0.tgz","fileCount":15,"integrity":"sha512-Rhyftxa7VaFHgPFlu22Ge0JjzGStHMGh+Wdl3U2yXYqACVcgBY0b5oCof74S7B5EMX7dkyueR226Gu9kHERgAw==","signatures":[{"sig":"MEYCIQD1sQwZHXq8JRAoEQRF7klIXBdchSeAHU2czdc5IuOwnwIhAIYQWiVTq7ftr34tXc8NVM5EmWBAhyVv3z4xaruyu+i/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbtBmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyeA/+LbnQKb9u5eqTjFZvcEhyHrNRpuryhwiqdyGO18dav8OrHGL9\r\ndlx9D/sR6dw97jXk5Etml1JwUWl+4GEyo2/Mskc9N32EkG4ONQ20p+EZUG2s\r\no/pxXardVIQhG05BprmkNzpnNovFeRYv6lo1x1Ex6XQ6pvXWsMHaqiuN7Rrt\r\naISObhDc4BrtNsXmtaCEKkX1dxu0ZhEZekXBntdBHLRdpAWOkqfYcel+PiNO\r\n0zrZqX7ZaxJP+JgteuZAtwUg4z8hov60Vd1TPelIi5d/YfbxZkFmiw2DIkiI\r\na4bbpxcEhR0CRXIbFrPMbdZ33IEUUUUicF0dGTsfc8ggF8tOup+ge8C2rh5w\r\nfVqACj254ZbCD4gGmPDD+e/OhqF25RxFR92mWP05A9+vtpA+bc4MxSBFufhf\r\n6Jk7dmSCKeoReqWjSfYOiiCx1RjgE410I/sReblOK+L0XXhBf9gbKOi17ble\r\nZ0fhGvIqoJ3lleZX2m8sGaZ10Bhpa5H/Y4WYM14aPxPi5MIc1Uf01UNQWXlz\r\n4LZZDVGos8OddF08uSwYfV58013GtkQUxvSHcBOdHsSPOYqYaGBrAqYBgC21\r\n4tu0P5CjEotrIhQfO7TzZnqMNj0/TL60HNA9JcbK40Eg3TUoS6vZVf6SXJ7z\r\njjd+m+AhwReapnW0Rbv9h4DeFVUMFMFHlB0=\r\n=bYsK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"64666caf2aacf562ab6ab5b701e89f28a9bb5c74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.558c2be62.0","@material/base":"15.0.0-canary.558c2be62.0","@material/feature-targeting":"15.0.0-canary.558c2be62.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.558c2be62.0_1668206694365_0.935157289666324","host":"s3://npm-registry-packages"}},"15.0.0-canary.b5c13a7a8.0":{"name":"@material/touch-target","version":"15.0.0-canary.b5c13a7a8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b5c13a7a8.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d89bf75bf83766740a5ed4db115f81a808632a1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b5c13a7a8.0.tgz","fileCount":15,"integrity":"sha512-1oAAEBIxYVKWHa9qRx5n4/fae7lLRssmh3DxHQf7t3YhoBQVC3IHGtW9+9HqNSMx5fbkN0gEdWrwcyKUGLwSBg==","signatures":[{"sig":"MEUCIQC6m9AO0lo3NHhOPnnCvbrBhKps47M0QpOg+DZG3/rbyAIgSgJxdea90xQ5UUnUR2sYHbnP3So8RVoDZEzXw41I+cI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcmWRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqoXBAAk+tAvuykSxj8QYhgY73kpQR7JDC6Iz1pHkD2MTIx3EhMTbBY\r\nGadsQHnFtcgxG+usfg/RU4A1zie5+1qJMagusrT3OIznAQvP94NYca8g7GE3\r\np7En6tU0EAfU9Em6mR6e73YvQxRGKf7sDKrP+XfdmdRswaK8VS2L89e2nbij\r\nrrCR0crbkDi3BQWCQT+gDYakl7usVeLRQRUBDW3NBCUm+pK2Zuzq0/SSauc9\r\n39jEfn4XyVWbOMI3N/Co2nyZDZMrMMDQAZt9nMbQtEL2gLM+lG9kCaLeZUw9\r\ntaJ6kL9w1ihjtDMzFB+1BTcUndY8ioyn2PjGWNffA7h0c4LjzA9FlfWr11Gx\r\nz+NISojaTyJCyBgNewz+pL5x1BMCZZ751QrymBghVYmI6eKmUarQaByfHn0M\r\n/5Jv3uql7VgkaQE1bszoF0HtLKRIMF7mn0ggMKGDiBECafvulOQbeJhOXF9T\r\nwXo0cTZ2Kx15TJERpCRQ6sZl9KgWtvVJplvDt4tOBo0HWacK6TzorNjrBp34\r\n62pLbSV95TyUs7aa4Id+hwb/X7zDi1vhiPY/Gc4/S6j+5F9UxoYIfvtNTiQ1\r\nOuDXZcPDxgp9/xp4LKbCb/NFHvzsR0WvF9p5KXrFHqruIRWcj0ja9DsMXAxw\r\no9/yU2M70EsnmDxXqFovt+/2k9wdnDGUXdk=\r\n=vrtR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d7e326425877e3ba53b64755680e3503090a01cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b5c13a7a8.0","@material/base":"15.0.0-canary.b5c13a7a8.0","@material/feature-targeting":"15.0.0-canary.b5c13a7a8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b5c13a7a8.0_1668441489313_0.5758362155629799","host":"s3://npm-registry-packages"}},"15.0.0-canary.a6e1c0702.0":{"name":"@material/touch-target","version":"15.0.0-canary.a6e1c0702.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a6e1c0702.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5f601e0748cbc98b5b1b912ab2cc7f277d180d98","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a6e1c0702.0.tgz","fileCount":15,"integrity":"sha512-1OfrQMdJJTQN9dlD3oK78pAqTKB1ZaKohaZ/AaxLitnF5VBOsoYF9AaGMZeMp8C42eeD84aPcqAaLVJdSEhZ/A==","signatures":[{"sig":"MEYCIQCLYyiYiC2dlCMjgpBQqKlcZ7xOhRjfZgz+L6JIPLW08AIhAO2QcJKcQk/1//JygrgO5c3yFpgwaRORUMGoy4ugA12F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcnpSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo95g/+O2EYnqrF7RuPYREcfnfRdwDzRs0qN7CAVF7nBK4ei9diwVcc\r\nUnI3FLJm85GB9CReU5v0cE9TfaflBEGnsbUiet9f7gIfR/I9hB7BDkoQaD5F\r\nl+8DqyN6S1TvArP0IoSvXxjvNpitNtU9ErjxsTylhcFwM4HxvlZ7jtVAGyTx\r\nRur5Z2zFJC0YQQ86OAPbxIlgn5AzJi2QwjgM8hugQ+wYMNv07KTtNTxnCPiu\r\nP5ogiCMW4qsVVj5Qw+BVaNdey1e9y+fHYtbNUaaUNM/2nbn99kz02FWi4Sdg\r\n0TF0RBhhBpD1b/NO8ssiL7gm5zy+jwfaUTrtkC4Ssuxk8qwpkhhdsxP6oud3\r\nqSzu+2bWJt6pmd6EM6330CBewvt5TrdTYPuDUW3zsC2yMpSvqj1pJZEXn86v\r\n3+WpHx0SYIl9pgAFdNS4InafDs4O6V29C6iguGQ7SZhJ0HF7C8fnJgC2WoXz\r\nDIRzaOS1A4k/r5hqtPdYFPTxd6cHio4v+QqU+7pn/v3O7TmckA4I6YpVrJST\r\nmjlx+l++CcTFdkryu6eaV5w+QRMXqgQwUFtZx2HMTRV0BScGQAkH7WUVHbfh\r\nsbjQcTn1NhUap1lYd9fVKrx4rFW6pg5J+FfJ+xGGPQW5xcMchMjo4DWXPkZz\r\n2qtNAxhDmDHV9pENAyP5XKJyp1nF5+SlqjE=\r\n=fmzG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3c1ee7333cad68ece747437d4bab1a737d6ea96f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a6e1c0702.0","@material/base":"15.0.0-canary.a6e1c0702.0","@material/feature-targeting":"15.0.0-canary.a6e1c0702.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a6e1c0702.0_1668446801965_0.28518334076946106","host":"s3://npm-registry-packages"}},"15.0.0-canary.b6f8a06de.0":{"name":"@material/touch-target","version":"15.0.0-canary.b6f8a06de.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b6f8a06de.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74733e382d0d8226390fcac9103c13b3dea3828a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b6f8a06de.0.tgz","fileCount":15,"integrity":"sha512-mlwm6LEUrF9et/ZRbOBMQaNgb/H8PR+u7us8quzjKzkU3VdjzrekjQFDV1CO3NUel1IwCuuPd5NXRPrUMHD81Q==","signatures":[{"sig":"MEYCIQDs54jLAjhPzZm+Id7NlV70HZcrQY3gdxZdBtLoQXHg8QIhAIQ/A3DY+XYbSIm23iuEfyPhTWA8g1CFXTdHtigipxb/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc1uZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrfA//c+xEekvFurIvDTOdvHH4JULj6N+uEUjvZZCH/wRtbeiN5eNR\r\nzymr2p4QqVrBMr/NvdgQfKFo7X7Gk5SGHknIKh0DPIQjUxo3zpEirfn/uer1\r\nkflYMbk6V6QfAxEiN5fuC5QsiI8X/wls7SjU4F6Bgn6cUvz8+90NaI0jLQWM\r\nexO2duOtZyErR3ckfr/Ol7g3XS2dVfpdwUVExxRuUdjuPXupjxqlTXyRxXp+\r\ncl+PyF/n3Ig02ChU4MsN//zn98YyWciLl0K8jQH+Bcklra1pPsRABI1lk9M5\r\njgtJ8cF/uw+FP4No4AH9ViB0aUL7JE8U7artHNzRT9ZkY3dLZvpR31yM6Ei9\r\nZf9xaT+nTpWEX5Ml1Lk9mi2ozLgZu4rAxHatlfCgmeDtzk2q4cCrIE+DlCKr\r\nf2/o4ibUPcuXig/dLHBTitUapLeXO3UoUp8aThe1e/xgv0wu3+yQ5uPF85Vf\r\nMkqbQquPZSPMgEA4g972KMusTNJL11/aFvSikoQn6+8DuIbHlfx/vd8FPRQ1\r\nVcBZeh8yQ1nUuuRWj9afO6IJJKtelRCrEkCicFtijL3eA6vp4mZGH0ZZmHAd\r\ngz2y6HYCzFcdwUMmXTgEEd/K8BmJA1pofxZSlQ0XN9msMxNDuC0ImQ8/TMk9\r\nBioE2WN2ym4kipu/lJhvwfSM5rSb/F+AUfU=\r\n=02wV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"92681882b16f14e6a94df4b1ac983fa86e242640","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b6f8a06de.0","@material/base":"15.0.0-canary.b6f8a06de.0","@material/feature-targeting":"15.0.0-canary.b6f8a06de.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b6f8a06de.0_1668504473608_0.8902067314485402","host":"s3://npm-registry-packages"}},"15.0.0-canary.0163f3ba5.0":{"name":"@material/touch-target","version":"15.0.0-canary.0163f3ba5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.0163f3ba5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ec3f69ab8876a5aa4bafaec6e55f7dd4f4aa256","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.0163f3ba5.0.tgz","fileCount":15,"integrity":"sha512-iO5mg6TyXieAsvWBhEDi2PO7bzeUvzoDrsfyIMtdKElCYRffz+MndYopbm0WHkkUAyPsdDU02rD6cjUqAQlWVA==","signatures":[{"sig":"MEUCIQCFcWmCoiofj/H2dTBfY/mGqllsY+eJyTz+Vrz2Av5fOwIgf2ZXsGGIFt40jsuEb8mgMk278YvYPvzAsT1w4cWUhNs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc9QDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIbA//fWVZoSagSfrHxa/9rm9wNiD69AtUhrF7MVYULdep6ynAvuiz\r\nlUvJnFMSuowMMS8TXWrLGV6dyiUA7mtGXDANv+KHlgYWAbMwZd6BkMPXWsZb\r\nPGf+CV3D3WwJcKCL+UElWzlA1yKhdYbmZ0Z6IOgiVkSSZR43NlX/51GcYz4n\r\nQpR+S7W3AvlDQn8sLqIwja0J3P5hBrsi2Ux63Q9IOO7YcezUZWkpnliBpsWX\r\npDBKNsVaOTMvsnk6P9ix+/6hxyFldVlIvOFTOg2ua0Psfw0cwJ1elDnmEnaW\r\nqnVv8pEbKLf5cd9cp498+ynOGWl/IlMkMHzq5pSGsjq0yiIqT4WBFzYIxxa6\r\nnhdXWhQicrOTgULv3ZdlfQHZgFza4SC4LBKigRKoqiEzoSFYgIK5DoHuBdyi\r\nLxcrKcjYbFDDsocD4EaRC336O1OMSUytWCb5IYtSnO5qeImstW5tnQglF/0+\r\nAZykn3pUb5oHsCoY65Fo8Es69PyNdmjNiM/rNwOLiEEUUu38LaZUeHfDawT6\r\nJQlUFKWanzRHJ2/8broQsOgKHF2+6YscjnO6NevYCZV+8pitnonZ3a4eTyfC\r\nI3wSlfUfzhXeWMVPgH49oSPtNL9Yr0uEv3YTROpIj+HstkTJvc5WgNzGa2LE\r\nklkT3jVcrGwH03vPixQ902PsHv17ROGXOB4=\r\n=3bOr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4198cde77ba33a68c74eb5e814d92df422f464c8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.0163f3ba5.0","@material/base":"15.0.0-canary.0163f3ba5.0","@material/feature-targeting":"15.0.0-canary.0163f3ba5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.0163f3ba5.0_1668535299270_0.5003988946198727","host":"s3://npm-registry-packages"}},"15.0.0-canary.66c5cbb94.0":{"name":"@material/touch-target","version":"15.0.0-canary.66c5cbb94.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.66c5cbb94.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"879299f2a756ac003923e6f627618cbc04e9bcff","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.66c5cbb94.0.tgz","fileCount":15,"integrity":"sha512-+4BJA4J9SjgYSZWhEj0RGuRfkIv7l9l+0+n5XoCV7LULDLORuQdfWNTECPB85rnfHyCx4reexqXyE3nGP4TmJw==","signatures":[{"sig":"MEYCIQCDEM+9sS/GEjCNPfgutw/JA2l2WBXq6cSiuCrqcOH51AIhAJIHvTz9D4sVXH7Tb7YiIggZDb7XXvMBS+YGPiPPa9vD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc+iiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRFw//SkDTTcRt4cGrmKZU4Pwx298SChKVM/ysynfdftEPE73PiBa8\r\nolRYE1IcuhEUHio0XlEACVQHM7OFvfgGyoaT4ZMLa3Izr7qTw762eg5F6cZV\r\nw6+7CIsfZ4KaYP23fJs3UpN2v261e+29CiULGGo/9kegE60BHaEKAv94xKnM\r\nbLpe/2QLEujQC9yL7hk3kTBPldeZpsmOSn7ClGtOVitFzdFrsMe0O7liMj2q\r\nozeKPwVNTho4yAqoLNKMrIPqMylyv6iWHb1oQVQdV44JnF/EWkr/au5XElBm\r\nPdVg6klGnMSyMDc4ITpn+WjPtbYbTrpES1ewqBXNceY9FsC4xSULtoExkVqx\r\nvBlEpLH74jMWIuFuYUVOO647UYojPzI/A4bOsoQSJF37D5jjqDoAZ9FbG1oa\r\nv1FDYML5uGX7tYObkuq/iie11URZxDMfXfrl8UMZnvrTwWilcv5Uevfailnb\r\ndaqS86E1q9GDZmFyDsLfnJhxk42pyMAGbS7Ggway+G+zCSYzg6bgGrMjU/3L\r\nkUDluJEaqy89J1hsr5aVOAhSoN3JsfDhUFRQb7QfPOCR6cDGvkWvGGBXRAIO\r\nzqXm6qIJBw9hwATG0ojqn9zakufkOqdWVo+SFNqZUrBiqJrJY0zeMLZGrBMT\r\nak2zwbcxuIk1qDg25TOmCJ6x8pDCRTBjBD4=\r\n=9D5f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5d01716a4e4556657b2c4ebb469b826660673327","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.66c5cbb94.0","@material/base":"15.0.0-canary.66c5cbb94.0","@material/feature-targeting":"15.0.0-canary.66c5cbb94.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.66c5cbb94.0_1668540578488_0.9222505938858374","host":"s3://npm-registry-packages"}},"15.0.0-canary.b01136063.0":{"name":"@material/touch-target","version":"15.0.0-canary.b01136063.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b01136063.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fdf31b6b3f00a55f3382fe7952d4eaac2e64ad82","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b01136063.0.tgz","fileCount":15,"integrity":"sha512-LsYPoCav1Rs8S7iz4mAlIGq57eBnoxzr1nOda+YbIBv43sTIXpscEaKlNjoQoyaaxuE8JFTLi1FZzp0W/x7AEQ==","signatures":[{"sig":"MEYCIQCMw3Ld1ctkjTrus5KT90/BCDoRhiaC3sO8/f8m+Kt4cQIhAMxu5YZN+VoUjYTinBCSays/2t9KOZz1wsSYsWFLrqt5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdCuZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqauQ/+JuzaXcLVDDYXjFpcum2sAMGsuJNmC79Mv3711RdLiltdrxOA\r\ntz9X9MpsDyZxaPSg1HbYn3l/buGGGaW47m+9pkZI2gj/uLPINF03WHY1Naic\r\nJRqyLP14mUmxq8psYhLpAZM5VXI5WIIYaBm3sSNeCuDCoFxSXJKfEiLTnhIy\r\nyLgViQM1tIG734W9XSvQWXDYb33y8Ehl3XgzSmJRWLnmcRHQeyRSr/BzAC5h\r\nNhatpndi6nhTizB8dCvChGC77qnZqS4Tqe2NIN8R+l051G73JAwqBxUBYNRX\r\nBC61htwqSR7jB2R1wkT/bQgPQNRsFbjKeErfiMBc5s0qLozoMsHLCfIH+xh2\r\nawsYo+vVKbi5kDech+6FQX32MAFqy9PeEh0HR/qzGqjLFUua4fiMRjcK705Q\r\nvlEJ4i4enM7vT4oWKh8cNVkixDsTqV+Qlk8q7AP0YNJoxRjfYNY1U9HfXm7g\r\n0v4do7KIjMPbyCpXuSSPM6HLlFH3+KGzdefiWnFJtQBoMze0iZl2NseppLtt\r\nsxHZFrYCbEn9jE01XZTC/By17zDUlHxY/zyLC8Q/h2sVwRRCwm7zF5rgy6d8\r\nux2NPB6ZDOlTgm5PJiB0Oxoe4/a7LEH/fED1i1Vj0OXj466U79kY1mUFDCT6\r\n7+BWVdICEI+O6HvaI7I8je1Jud2/VeyAGDQ=\r\n=nR4n\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"125921cea459cbed7dbe3e1c938761a0cc03a263","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b01136063.0","@material/base":"15.0.0-canary.b01136063.0","@material/feature-targeting":"15.0.0-canary.b01136063.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b01136063.0_1668557721657_0.905323338269413","host":"s3://npm-registry-packages"}},"15.0.0-canary.01da0cabb.0":{"name":"@material/touch-target","version":"15.0.0-canary.01da0cabb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.01da0cabb.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c0142d8f0f94b3e198867d7588dbf8e55a449e33","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.01da0cabb.0.tgz","fileCount":15,"integrity":"sha512-7flfG8a8Es8ekIchYkO+EYd1hk59YPqApks5lNKQfUs3OJNl+fU4M3Yw85v8tE+fJV/BtT2XDK8zrw73SvmUaA==","signatures":[{"sig":"MEUCIQDJDUt3/0ceJGlh2xNszHh1nXwxWp/l45/3WKCAnCuRxQIgLXnJ1P4Or5FB4c2dww4nubeiJmutmh1PJoIfRQBPQ9c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdKmSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZJQ/+LbEhl0skTlBtUXvQBSpmJkI8WIA4wQvPCSNiKZs/TNNIkSSk\r\nHkf6V9ik7F9KM6b9eNpPR8BBOkspoWVgRWvrpdubZyfPF8x5QcdOQ/mykAyw\r\nN84d9ogL4L8oWb7DqMeI6YSmcqg6GOMDbEkxtzH0sx5VWpwe0cHPnVxww5Zu\r\nHmBwfuiJKjxXtSxdN6gSV/1Zgwll5+LBKIhzVatNmCvz12WpJDN+nolstvYe\r\nK7S2PM5R79ItxLLoSLigYB9KRJPgntZdVYtT7xN6RWL9HuXE3iO92o8HHgUR\r\n2bMf50rRq5tf8ulWLuOgZXusnG1w3VGHR9nYs6Z2UGuoFlGNVtVUgED4hyxN\r\nNmQbb+jqF7yXoOOQ/ymQmB4ZdFgUkU9k9yIQLLOptAYw6KNK08da35rrXqg0\r\nr7hRrNzmRGwDmXq1GbH2XnMT4wGPI3wl9DbShuM5Jdb6/XQhOPJ7GsbxPR8d\r\nUZym8vxKuVo+W4IZKaDNUA/XkxmERr2opaI3EhIXOWqcn4sFPhYjOU4zbiVM\r\nwLek7DNdww84oOXDxhJpodYUIFLQv0AhvEPvUVRxmrs2fk4yZt3VDKEpYI6t\r\nsrJvuHI1OJEYht+2F4vAyEqan7+BKcYr40lAodN0qmWI0JYk9h0BuNfCFlWL\r\nc/JuhNoiAPKwUw6Fi4iAPzyFGxV9c02Lbrg=\r\n=nEB/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"63a5ccdac9b23a6c70c2bc776e20ab703cd1dbfc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.01da0cabb.0","@material/base":"15.0.0-canary.01da0cabb.0","@material/feature-targeting":"15.0.0-canary.01da0cabb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.01da0cabb.0_1668589970664_0.1570358451856948","host":"s3://npm-registry-packages"}},"15.0.0-canary.4ac393164.0":{"name":"@material/touch-target","version":"15.0.0-canary.4ac393164.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.4ac393164.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6cd852ec9ec353c9373cd9b05c277fc8f72a9cae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.4ac393164.0.tgz","fileCount":15,"integrity":"sha512-cQe8CV5iaCYxkAtCgqZp6Td0az8902N8T7i1kkoyHz7NWguxWRTf7vnI3kSIzMRUlJARWIaeTt8Xwe5hJ8tmtw==","signatures":[{"sig":"MEYCIQDStug9V7VsaIVD8ETXdv0UvksMw/pRq0eTf+A/92qBXQIhAIXJAV4llNmjWz/EUKIZLSPh5rgE7Tw3n2F0kyZCmfbU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdQyCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvJg//aFfbJBvtYmd9EeRN8xp1KV8Y62guWjmc5jkUBYW3pFYIJ9mF\r\nH7DnVgJdSrGMLCP5G0pGBxY9WeWCg34Sr6vu3VMyi8upOoBHJ1b0jDQ66/HP\r\nYkAlxP7i6EJHCRen67PbOlr+ShYYFhe7+zFr4M/NfKJfT2XgpHMMXyZ/wo7F\r\neCmZAru7zRpz5BbhCHX0X2mQfWFAUOmmYG7+QHY8OHSHQE+B2Vga8wSLgC8X\r\nS361DSwODGAUui0/vhvMuYmp15uu9/VTs1nHrCIu4tawgL8J0YkRMg5/8war\r\nKUhGhnUL9QAPX9jP0RYl7o7rFtnmeTNBPfC98027U1dcp0J1uDfWibzTPAlE\r\n0Y2dAS+/OyhSYEyTr9P4c7MXtKkeSq6AqQ4r7gPSBBPVSbI3hcSFfdYCdyIk\r\n8LhSxmFSM9mRosjHCgQb+5vENM99gTQIdIPwsoXVYTnsYDk1h2wWhqIcxkA5\r\ngP8vA5w6DRwhd4bUp9+s6Vl1/T4QW0L4S5k3P7cZfwwjGHyQPeRkpPlnvNIn\r\nKTz2Kj48USGtVPZTtiFTx11CTeA7D28yJnbQ5UgiID1OJDHTlnSkDcF/HejU\r\nVX1EBG88hoR1dYdp+u4z7mGFrC5CMcTyKGUSvFBIWHODmAMQ7kNn8B+W3sul\r\ntWNwF1ZomX3ievELO2Jk4HLULrvnInnkSKY=\r\n=bCBy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f14d3444d266ac4c6c92142c377275be3fbc5d0a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.4ac393164.0","@material/base":"15.0.0-canary.4ac393164.0","@material/feature-targeting":"15.0.0-canary.4ac393164.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.4ac393164.0_1668615298435_0.5132806540715174","host":"s3://npm-registry-packages"}},"15.0.0-canary.6048fb563.0":{"name":"@material/touch-target","version":"15.0.0-canary.6048fb563.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6048fb563.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a19201109eabbd74361509112380c79389aa0f69","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6048fb563.0.tgz","fileCount":15,"integrity":"sha512-vzKLmP9XW9CN/Lvlwxawdgi1NoOos7lKMYSO2MttVGwb36VfKjuYHyXCh/Y4F+bQpzw0iMnZA8DABlMc7Ej2ww==","signatures":[{"sig":"MEYCIQD31XTNeqEJtRrttbHJD7jxf40eV879C7D8LjLLW4MZywIhALr7GE00aYqY2sDRvKArzHpDtemUN/tfa0Vb5cADDjMR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdQ0IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8JRAAhogs3J0FDPOXXooemV6voi46vyv+ZaTNupHMaN1sLJplS9ly\r\nOpt2V9eU33iMospxZ2bRgqIerW4BvHS3QksdeW+nhF1ROVfGCXlBUH4NNueQ\r\nn81z6ZNy8j6team7GbFNyyfmsFTu1JdFtWwgd2pOMRzDd+VFBL9sGSsPLxN7\r\n0e4y8g0HFuEiDZLhLdGsq+EAoxc25CsBf6B8sz/4PNuh3LJdeENfxwfbQx5i\r\n9Ehwu4W8DWp1LqFxhQy9lhuEyo1pHVFOUy02VeuvEjsmKyip/eBKEBGgmNRX\r\nZI36Hs6r1gtjqFB23xReINSVWzFbFfQ3cjbmaori1VjMtaDJH8tyTD3Fd8NW\r\n5uxAM2N4rpcmxKgRMUFVKgMgD9+q5g3bH59zsQ29jvjFuXVgjLxGlHXQNjfK\r\nFX3cEeLO9kdcWSrBCPOgtyEG062imP97/Ch3MPT6MkZ9X/DgGfJmRaJ4cGJg\r\nVHkMDXNE8JqYupFl1UzRGsf1f+JHXXT6Xa6GGabcAizGtJmawTLZg+JfF3r1\r\n1vJAzSdeIbgqiOLZ3tDWZx4vksks9Tpg3vkqiWfX4asJ7FQz5FYzWzGirEPK\r\n2jJwgEY6X1uWGYj/WVTqLtgoWMnnXoEV35Z2xVYJoUf/gO2r0SrrNJiTGvDG\r\no7rMcgPq/XZkc1vq8WCux3xngqNmXkvQd9c=\r\n=uxvN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"590020431978794ff2128a91f19756dff9dbc37b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6048fb563.0","@material/base":"15.0.0-canary.6048fb563.0","@material/feature-targeting":"15.0.0-canary.6048fb563.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6048fb563.0_1668615432638_0.37361596768403427","host":"s3://npm-registry-packages"}},"15.0.0-canary.3777b03cb.0":{"name":"@material/touch-target","version":"15.0.0-canary.3777b03cb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.3777b03cb.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b900809662656a7cf43600de0089103c3b8528b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.3777b03cb.0.tgz","fileCount":15,"integrity":"sha512-KLvZBZNvCcx11vKFPUYwrrvPNSkO7De27h6oq4AH4Kn7L+fi0H9n3m7y44Itgb8zls674nYj22KFlCZkgNesEA==","signatures":[{"sig":"MEUCIQCiUcaGAN+GBPK6KxeKZiOCMi01F7onEiQsexMDXjlFOQIgXvYmvUrHPsI3FrhdA+ygSBsWGx5JwUlIWw8zS0oZqMA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdS68ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqf8g/+Mvs5MrJSCFyAMqdzPdM8J2ztLL9RwVK5ocAeXhqQz4801EMU\r\ncWTE0eNFOhQs/IRicxmwiMOoj6lurDMCfD9z9E+Lt9zpXrT/HhUtEB5UCxBj\r\nC2Sc5pBLJX4Xpcp3PzkZXtNrWOVCb92jVSc1xsGfUdK3iNFtl1y7GL5Rp2bM\r\nqpY0Rd+syDyTXTKMJorkheCc2pCtKEN8lXMDxoBb/IQFI1AqoiAnSGu4ocbd\r\nLLXKmo89M5h9cLKYycrIP5r1w2AqE0WaWR6hcJ6UlzEdvNFr3jbOsg+KpSJB\r\nl4j9pAObv6BXvHBRh18k3DMoM9sDhVEbxQSG0Hk4LSm7i341LosmChxzZM2K\r\nWsAeYxyA66YDsvTSIP3hv8a1XQW2b/kdYv6c4EpMgTvNFeFzcE0RpOtW941+\r\nMhrqhn3Gn1OWOgdH2FAF5pDjrA97ooVQdgBkeQZGXsVTdDgR/ezEJakbh4qW\r\nyekQ9z4mS5iMJvHd9XbpmUJ0jGZVOJj9st8+/SM7eS+azh05wVB8hO9Ig6if\r\ne7oTmPPqY3COMUUN6KZCyFW80vl0oqjDCj/2EJKehe5tjuFtdRyq/afcWkQv\r\nayFO6b+WoOfsaq104BcKmPsyaTf2ojtyPmHP2uYow0xec2oTVo2LQkC2A4aD\r\nrSK9M7Xv1sA8LTWYvNHCeQ/ETlr8Gsj+Oic=\r\n=oupu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e02f6251b19559b874fd1998a9f0bea7d651e41f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.3777b03cb.0","@material/base":"15.0.0-canary.3777b03cb.0","@material/feature-targeting":"15.0.0-canary.3777b03cb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.3777b03cb.0_1668624060526_0.6279679956997197","host":"s3://npm-registry-packages"}},"15.0.0-canary.f7f56fff7.0":{"name":"@material/touch-target","version":"15.0.0-canary.f7f56fff7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.f7f56fff7.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc501ddd4da3d948416513a515d35128a8d6fe14","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.f7f56fff7.0.tgz","fileCount":15,"integrity":"sha512-OVhOf33OPiK1CkSXNfEG4G0EwKQWDUe6Pnf3sqpPyW/xKtntScZa1WrHjtuuJkIs8UiSc466J7cWylrhcKZ+lw==","signatures":[{"sig":"MEQCIBWxQfWISEn3kv2RrusbHqVhS2/AQDGEZ9efDsWC7hC1AiByG5+bN+35xe8UgHiIJnDPy2eNEO24fc0PQeg83csXXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUA2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxiA//fIEa6WbUuCRwdv0wu3Ob9NZUd5+B2OBFOX5ia4cJX04bflvL\r\nLM6n+prngNsxncThcEP3UJIiKkHplGWLIBU4sWOEubNcnXuvX7Yfc1nF8LH/\r\nV/n/fUw+1sRD2Vz7raIkN0Xs5l2tgykSgXBRwUbiZhYK13ec06Gb7rk2soG5\r\nUM1sRwK3u7axHW62E4JQHgqO3sAqQDVTvpscOBQ+y0PaliZtznGkJngQ6ly0\r\nAMfocuGT26ubCnDCKvia0h1ASasnin8qp8A9qHp5pYYVafmErIMgk9L6nZPa\r\nbOrGkVrZowT87P9Yh0/wGgnsz0As8ZoMJsJgHMu1KRUcc7XGq82n11tfJXKq\r\nIJnhZT0AekUl9RtrkOns4Z6dGiARw8tuu0Sgs0eowQhMW313lLkzp0PYJBB1\r\nFYERNxoaG8ffHhx3RqYJGlcv0snJIW8i5IkzjmczBX3oT0H0hmL7bit36qIF\r\nrK1JjzzpRryH1khJXEYBgs83quQ4kIhOG/BnS47o7yGr7PA7+Xm+90sibweg\r\n0VhWwYsW8qxmnYG0XLlAkCLlhR9ayQ6Rez+oC5dw5XRbYYgPUjc7/Gq/gwGU\r\nnz2RJlsvvd0P/EK69gokYynSxTpzKeSAMeVyWhnUpc1nirnHJi1y1NfNdqOg\r\ndvSx8lVHlhyxqFAFMvlC/uDu+rwvhX4uOUA=\r\n=lor8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bc90613e754d04f738197ec3f3f4602e9b362d8d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.f7f56fff7.0","@material/base":"15.0.0-canary.f7f56fff7.0","@material/feature-targeting":"15.0.0-canary.f7f56fff7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.f7f56fff7.0_1668628534594_0.4327741968818064","host":"s3://npm-registry-packages"}},"15.0.0-canary.7c73f6134.0":{"name":"@material/touch-target","version":"15.0.0-canary.7c73f6134.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7c73f6134.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e4a2028a28e9d588d0548a2a414fb3dbbfa99daf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7c73f6134.0.tgz","fileCount":15,"integrity":"sha512-D+TR/f6m/ZAjM/FywbHNG+76qOpleoHGmvEsgmiuSXIrXKZSTywfY5rINusn1SrnnktYBkngjZbwFYsgmeK5+g==","signatures":[{"sig":"MEUCIDumjXp0uckUJyA6NNNQq0dMxMcBeZ8SzF9zJqIwS7d2AiEA758GohgdCrUGYzEqyYS3+f4VsMxOC1v9cI1zCfI7pd0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUEQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpyXA/+J3pO/0wjeqeFML5jpth9qUZVpy2G+ZYtbs9L9Ni4k3IPR2E+\r\nwoXjH0mTTOefGXSucynem7UGXMJHh6nKZYJhwnb5TRz1bAsUpxZvT48KyaVj\r\nqzqOYLVSICew5AM+yGw5Bcub8eDOSneqK+dNsseW3T+s3rqF866YYQ/5l0Vs\r\nxwDKy8+WobOe8gg1/95IJY3aNAwT1uoWrVI5PBbobekSibw/cRCI2S5ayAMs\r\n8zP98xVCeOwdqOOfF+GweGVkIafQwc26ejpSNPSjc6+f5h70sxlmU2R7MpHS\r\n/hBCnVO4tOJvcvZO5kEZEszwARbx4AUgZBRJiqPowXrDuX2YDmSPDH8VndY7\r\noPwgLwCBe7rKfme6OFP5dr7lE7wlaZPqJSyyLzW6oGgpdMH2Xjb3yNWSgxHs\r\ng3mVbmj6CpNkV4Sy9Q3x8s+vPXmtltdfNdhgRW5YsCCzr3k8Rs66Kd6PTaDr\r\nhsnyMYsbTNs1b8JOTCRDELwWQkiXZuUmVQy5nvVaYUPLyKqRdN1ZYs2kMevi\r\nBl4INFuChACGWthhZZ2oCdn9ylhWmolPGtQO9NZcc3syxwCMwk6OIio0fE/t\r\nDIjk4N2b0aZTXMxZ/UCwd8MVzpYCzhkBdfXnveoobm0Q5Q5rSbwFaezMTqMB\r\n0CnRw3zW1TX5RSBSnJWuBJ4dopWGAk3PTNY=\r\n=ByvM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"14f53e565ed77defe907254a486b9ecce4b45146","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7c73f6134.0","@material/base":"15.0.0-canary.7c73f6134.0","@material/feature-targeting":"15.0.0-canary.7c73f6134.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7c73f6134.0_1668628752675_0.988443152503532","host":"s3://npm-registry-packages"}},"15.0.0-canary.f1e037150.0":{"name":"@material/touch-target","version":"15.0.0-canary.f1e037150.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.f1e037150.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"84f0cb860c3b3bac1e9bb3d11a74e60d477bf47b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.f1e037150.0.tgz","fileCount":15,"integrity":"sha512-mtk37r/NqRuTWcL1PSeYyn9ASBqhTTlz2wYzi9goc8LINAosO2liSSGUfzNgsBmnJOxYp+1uLfgouh9SOFd44w==","signatures":[{"sig":"MEYCIQDXd0gQq7Vu4xichJC/OkBHS0jZSu5gogf7+c0lcel27QIhAM44ICwOgGJYcOkiYEIFXNE+pA39DBf3ZeBo53SE+8Ub","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUJeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOfA/+LXFe6GmyEdWVkc9zhqCAqNJe9YQwEPZhetRtAZTTff7w+pNw\r\navCN2iKGXt5pUTximglwmu35Soc0SNeIoAwPG8nkoihd+4V8cZmqOUFTCsIs\r\neRmoiBStrJWeMEmGgjNe7b5if8FKRJel4kSIazFN/qo/M0xa516ysgjFb1tf\r\nf7+6+maDEHnWOfkN/PkzRRLl0+0qfdatyhc5L9zgm05Xaru3rZvKcdYXhmwV\r\n2Uh3DebU5LDR7hsSEtnqRO2C5QLaoUeE4QiySaqcqQLjTPR7DZrfnpW53V4a\r\n0pIyC8Gz3e9wSVkfe30JcYQHooHL+/oqzGe5n/2WN82+J/291P3dWF7pASvg\r\n1Dxm4OtPje+TS8lhlSZ+9UZUrRmu8Gpy8F8qpbOZoJMmy+SJEs1LL/mVp53z\r\nvL9EG/x8Dlfhdkqy0iMmFjJX3lwaoTtD3I++ltroSju7Vfxabkxixve1zLYZ\r\npY5FFeHLK27TsPtKnsYDS/dSsUqEAW06EClQD2N+Dc6ixCxOPLY1nROIW0fU\r\nX09I1pEuw+X9L7N+VayGto8mijIlDQBJ3uc8DoH6sSGoEInU0fuH11sBWsGp\r\nTdVRZY6KqcNcJjOe6292Jxpbnf0iqLiZxOTHLL3Ys/BI6RIG8cJU5lnvVVgZ\r\ndWlmfYjL3vcwt2bexWgS6WDdDKGCLEUDoL0=\r\n=7oWP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a639195febefa28bbed957ef46942b3da6a4cecb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.f1e037150.0","@material/base":"15.0.0-canary.f1e037150.0","@material/feature-targeting":"15.0.0-canary.f1e037150.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.f1e037150.0_1668629086349_0.6197108009698595","host":"s3://npm-registry-packages"}},"15.0.0-canary.40b18d043.0":{"name":"@material/touch-target","version":"15.0.0-canary.40b18d043.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.40b18d043.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a68824c1e93c79e8a18258ec45d0de02969a1cef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.40b18d043.0.tgz","fileCount":15,"integrity":"sha512-yo88mOouVani1/cPNYBgYATmG4JR/KnxdQDUAzDohQKzYJdcBxN4Q23QjpvWcoVDP6TFvxhzTecaF6voa3SMUA==","signatures":[{"sig":"MEUCIQChwYBHPKolg7OMBm/tVUbITnBW8rUjUtwXbFAJvWIRqgIgQoRn54CzIU0jXzRD48x1kIZWsw8x8gR74IJIGYD3WDQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdWsQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGUw//RAFJVzB0fMhrxb5GHIsLfV3xt3nrC/Hz51pTDBI0lxSuPnPW\r\nmTRdSe9wo+v/IR7+L02az1xeHJvHzwBpTVVzd/u6ILI0YOqZ4ZO0y2BtHM7s\r\nwTOtA6VnE9TWH1ccdAqtmfeWq/ExQ2MIW5WDLrM4Aep6wIV46JKpXyhG2gKK\r\noPpZleSproF65ruDNiOy425X2JRyCS6VzmejhsnMWh0yRBQJ3fp8BVPfmypA\r\nqs43nGbHIZGQMS8c77hesmaQX/5OyFQrKHQa+ZwI9wwEO7NccLBYTFFV+oM0\r\ncuQS/7j31kkHv2PHaQlBG27TnV0OLL6Zc8jy0Js4LCjUJjNYSFmnFBS6y7fT\r\nUvMbvAIYu1gT8eVc+A8yXQ3giA0f4KuYQKCdOvJmsmE0zUUa6ytvNlNJj3Wp\r\nBv+fdS1ePHasAsyjw79QAfxa6aw5ikWaug+T/Icb986kvJXfXHXGGte5A783\r\nn6+uwGY4RcjO7YS7vpwlFCaNRem7TCsCiK7qoB+toYM/WZ94lpr0dHRt6SXP\r\nu2mDMY/rwU2ke3ug1D+K1C5cm5VjpwB1I5uetLV/2qddJQ2Kney95nFdATbJ\r\nDLBSumsD8nsbjGvZmJoxBMqyMZvplnpRLzJC8REZnQVUHxyDdIX7vmj24RpP\r\n2hSSip7nNyYwy5DYeaagHB6xHUxFfs9tmfw=\r\n=kj8Z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9ccfc97518c89cfcc2b5e776dafe81024d137f31","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.40b18d043.0","@material/base":"15.0.0-canary.40b18d043.0","@material/feature-targeting":"15.0.0-canary.40b18d043.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.40b18d043.0_1668639504765_0.7022258528302503","host":"s3://npm-registry-packages"}},"15.0.0-canary.86bde5c06.0":{"name":"@material/touch-target","version":"15.0.0-canary.86bde5c06.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.86bde5c06.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f9bc34284255a7a48eb9d3837a112da8f959d0c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.86bde5c06.0.tgz","fileCount":15,"integrity":"sha512-54U+yPnpZFP84YT8PFz0bjSTpZoSC19O1mGn8dTnBTVGNuwxnvjdR5P/j5+voFp9TaYupLuDg6k/GSBEfqDKrA==","signatures":[{"sig":"MEUCIEAt1TRpiiIhfT2ajRRJ9Qbs3/uKJOa/e4KrJpgGVWNqAiEA1hRYUpZtmjnruIIXDiHZfg1Bq9R0RxW9iwLyXzlMsl8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdW1xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpgwQ/7BXMzlUetuxvgePYIBF3SDuFz5LCyk86TVjSwPbg2XMtyQYjm\r\noDXNUodGIPt+0D5Uasm6xju2XgLNlmNnal9dx6qKEeNSDgaswHdjgxhFwafe\r\nLJmEfE1PZgsYp0UpxV6cmnkdWmxFseLSXbEBVLtelpuKvaxmsF7vr74Yf9mU\r\npKuwZ/tVZ2BuhM8Bs9LstRKjyrjz1086RKFws+RByADT4B1El0NjN2/hf1yf\r\nS6mJpltn4bXuO65Mhb2JnION+gFT0mYPlvYvO3hiY9vqmbYkPBvAtwexPw8J\r\nmiTksxZ3zEs8qLR7KTyGbo6O2S47KNepyo8kqhwXhQT0Hqyx5AickmZdbg+4\r\nhZCNjbh/LgclDFnJUV5yKDTFJf1aZpmcvMQtRQwZYs3j0dnDymnFdAkkNUqK\r\nlOJORV2PvYpdbNGwEsj+V4b0zDaePdsZF4aB8MG8giSsH9d/tROVCaI1GRaB\r\nKCrhbRI4qtbf908fO/bhjiPVlSP94ZOjJ+uYMZNVe1fyZsfEIp3f1KLbna14\r\nykWPw08WJvzUw0YKqiRY7l1HE16Cc45jdV2fVZO24yHRUMQr6UR+/ua+n62Y\r\nYeoaN41fx8x0V0w6L4IBlLSG4ZJztABX2UJsXBqrOEn0wfHsh9nGbRp42YNx\r\nfdZuCxiqt/Yi/NXjCHL80oBQaijk44cQewg=\r\n=TWgI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b9cd39d4936a1961536e39eb1df855c5164d5840","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.86bde5c06.0","@material/base":"15.0.0-canary.86bde5c06.0","@material/feature-targeting":"15.0.0-canary.86bde5c06.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.86bde5c06.0_1668640113614_0.2606495565913578","host":"s3://npm-registry-packages"}},"15.0.0-canary.bb7751002.0":{"name":"@material/touch-target","version":"15.0.0-canary.bb7751002.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.bb7751002.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"468fa7973808dcf126fd1b469f081db441517110","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.bb7751002.0.tgz","fileCount":15,"integrity":"sha512-7DZSLaaDeuk4e0ugHs6yTb0BTDiQdnjzuXskgAhxUhpgFrgaDxb70GB6NzAfm/iUge4exrtaKnSmi99kA3wfrA==","signatures":[{"sig":"MEUCIANdfAbo+mNzPmBYlKi6IIKb8nUcV5lMSDKWniw1tvqxAiEAmGGtTuVsgekAc11sr3DSqrtSAhQqQxhlFfP8n0/65SA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdXlyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmryZg//Vj0xznRiOGfEUZ40K67IaGgA6Y6Q9KsLqlhh7Sp9Cjr44kVb\r\nfzE4PsP2OMJqStk3JYpR2IyRSHZ3x5ZQeA7KtcmKGdvoZXlCOTIJjMDKjZRD\r\nx0vePo04rClxM9OyUl46HI35ydnltSNhelNnkHylpYNZBfx+DnO/V7zWUx0z\r\nJ8ZtuqBHHj4+E/VfDBNBYvkIAY/DAY+Neck7tKhqnStVbRr2PD0VR+HU/0kD\r\nWtD1REKDY2B5cYxfoJwCja0S1T050IMpk0wg0BIPMTyCMsiV6gSa9TIH9sps\r\nWSmHLFuszB7JZRWgOx2Q4uXs50j6RrmzbEXpvmLGNaR7bcEtM02qpBmzULG2\r\nYBvWMH/+fVeoD26R0VXDMsPwbdFFkWdk+VcDl1o3sxkQwOwkfayjTgt3avpO\r\nR5DZxmQsPZsjNK3iEcChW3piNHmObQKccawl5a+2tsxWNApCIn2l4misduvP\r\nWkaIt4bKYW/PrqLBnG3vFPvH0YhuH74FJksUmXPSjxYgHSivPwSXzGx/Cr4x\r\nUJoTN42DhuorUjl7DmNyvE+T1RD3g3qCNYb7brjpDV1Rin1Uzf7Kbu4gYcMy\r\nUqNqMR78rFT+ay1efvF0YvlCbpJke0GQmHm+xFzrc7rY6oYWin+oxLGRqHSO\r\n4KOH0EyN5c7uCSFpehqSaQaY/dX0X7zDIY8=\r\n=hKXq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f83cadc3a1330a69930926dacdce7fdf10432f98","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.bb7751002.0","@material/base":"15.0.0-canary.bb7751002.0","@material/feature-targeting":"15.0.0-canary.bb7751002.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.bb7751002.0_1668643186209_0.111771074252204","host":"s3://npm-registry-packages"}},"15.0.0-canary.63aca9af6.0":{"name":"@material/touch-target","version":"15.0.0-canary.63aca9af6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.63aca9af6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d93654f89f5a5079234a5ef6311562f139a59f16","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.63aca9af6.0.tgz","fileCount":15,"integrity":"sha512-52d1AohFZWefKvp6GF+6jNieQarAjH5u9NvbV3xq7v2S5Ik/MuOjFb6DADwvBuRHfknSI7TykWX3bEHrDd6aZw==","signatures":[{"sig":"MEYCIQC/n1kYGOTW2qC/fbUSLLCaqfxu+D/L+k3hbsO/SyVpiwIhAMowLrnZuUuA0km7RqBoXRXCQLv8k0pqgAjh5VhYBhM+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdoTjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHMg//XIg2IWLq/uFHQhgNDngSWcIZ+/jrMDUK+ePTHL1rxrMK71QW\r\nWNzMng5PrE3/J6r2wnrSEi5KzUQjEnt7iwDnoMlmOxhllO8OucDQ9V45VwN7\r\nl5HMf0gno8JlNM+MwPqJovvAgRUeyLGMeRdWJbxd7K8h3pb+MOy75rHJ4kOr\r\nmFeJguk2iPvlGsZXmrtIsDEK6qwCLj9DxDM2ANdFV4xN7bN1IU6BqZA6QqHw\r\nqRe80+ZrTcy/Ns6BLUP2P+2KUQnz6gDMOq7WJHm2rZBqr2Lzv6E+IdMpqjPV\r\ns2dXEcP/lc5SMQDvKUYPB3V3ODIeao+spomg7XwIFZNoFP6/lhgwEk+IHNkb\r\n9f1SoCK/V/VlLjto5ysm8mdP6PhzWhKALsFcBuvdoFq7JsygqR9uIDbGMXWE\r\nxOMhEDWLokUq1et2oe+xWh1O0cDUXKTDJO9fdZPZPln+abSfw4Sq7sX9iTiW\r\nptT+lBnqWFMTVC5Eo6j/mgYrVS2R1UzI6QcM+XnaMmCAlRBpAj/qZvNozway\r\nXJD+zYRqTGc5cqVzDiHL4Gqo0qwr1Hh7584zf/s5WTkuuxWRVhLwtOb/fRIK\r\n72t1CMC02XqKt8tN5ScYcWEvbTCF5z9A3pYJeXKcP6moSuIoCuniyaT96HFf\r\n8FsUcLm47qpYtF9BpeGjiv1OIR85weBfEDc=\r\n=vj+G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c2c841973403116b6a405bb9aad3ae8476bc028f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.63aca9af6.0","@material/base":"15.0.0-canary.63aca9af6.0","@material/feature-targeting":"15.0.0-canary.63aca9af6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.63aca9af6.0_1668711650802_0.4680924380594773","host":"s3://npm-registry-packages"}},"15.0.0-canary.56482dc2e.0":{"name":"@material/touch-target","version":"15.0.0-canary.56482dc2e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.56482dc2e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"58a21e10b883b69d58172134d0f7ddcb32164930","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.56482dc2e.0.tgz","fileCount":15,"integrity":"sha512-LqpFXM8AD3PGrkhXmY9ZnHCaGt0JqitNWmZmA7iBSf/o8jegobpcYBkMHY5vpPhOMQAzm42kHtYOwl73v59iZw==","signatures":[{"sig":"MEYCIQDcXUQhRv2cJj8DiRKZYJXD4DBj69hffZkSzBTquW14fAIhAN+fm1C8/8JFxEvJQXcTUhY1GX5MEwev2j3qWkYNCPgi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdq2rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVgRAAmENd4Hg49gQ9kaD0cHeN0jm+hzYzPjsuCTa2SnNaBQlxAFnn\r\nTQ6GwBE0CJ81nfrDrr3o7Zfnv/BlR5jQbqW1XgbOAAq+gbOXp5RocfjnTXUF\r\nFv6flPTKim6roPCxrBsZbcJPIwHSsM7o6fIVcR+ovuBMKt4FzmTIGS3ni4rb\r\nfahicXPAPsnEgoZEd163mU/Hz/p8xO5SH0SZLOoQVYTLZNT+gYA3DEOs6uUI\r\nta1UPvW+Llo54+VXMskwTVZ5fUdPjwGaxW184nj9lvnvSxLZWF0CWFFfcJL9\r\nD9bYYoYFIaPhe/uMpEa7SM3Clb7ub5VfDVb0zuwEjou6p4iS9rOr8OO6+yu2\r\n4qqAyRnlUTTVZG+CtO+/oJFKQYqopnFN319OgKuryxxT0P2FLBF5fmDp6OO6\r\nk+02mscq5bpzug4+UKsC+kw0zQZheMe0sDG4118peEPpmLCgFwlqf6xLM1jY\r\nJWsaDBFWvDyqteMMC8ntJvhhzvx3xPM1im/gGhuEqHtSwtjJR/RfsEmKq+nF\r\nJxiDImGDuQhk0qYCnYq/6v+/MgCBpVJI3KHioIV/4zPcZCmE7QwyZ6NuWYPi\r\n5Gx7Fr7eg+3ckrmNvzA/749ada2a8fJUnzdPxzHvFCiz4eDJA6eGcxqjq0GS\r\nuGeo2FrGsAc9GV9MMspwK1mGJETLW+OBxVs=\r\n=2Nvd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c65945fd8948c8e5ada035d0f2538dc2ced7a28f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.56482dc2e.0","@material/base":"15.0.0-canary.56482dc2e.0","@material/feature-targeting":"15.0.0-canary.56482dc2e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.56482dc2e.0_1668722091674_0.7845708055906391","host":"s3://npm-registry-packages"}},"15.0.0-canary.953e689f3.0":{"name":"@material/touch-target","version":"15.0.0-canary.953e689f3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.953e689f3.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59af558409e0781a390c054fd5c83363d4bb8f32","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.953e689f3.0.tgz","fileCount":15,"integrity":"sha512-y7zpQsb8Bdga1Jga6BrydGIwUrzfDHOxKQk9TExB7EWmo9O5ZCQ3+zzaIuc4mc7zSU1nS4hPyz1Fip95kgxC7A==","signatures":[{"sig":"MEUCIAl7kSkG/25Sr681bE96iVcBJY/8KBD7CDh4v6frGtBeAiEA7R+SIHlvszkU4uTfNUHn4sm5XCC0HI4nbuGeSASn9vg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdq/iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMbxAAm3nD0rd5jq1z10l2gY/uItYTUGshpW1UU4X+FhxMnGurElPE\r\n+bKUj9I1T4S5ubUdvyDS/dCsKihsj2RoCWCeAL19rPmUlNFW0/J/BC8Y8Jj1\r\nwxYzAzer3NG53F9EZw4oTnP1seqZjVl8OxOBx8wpEy3s+9x5N0tHtzpt79ZN\r\nTXOra8Uq4HkskKtL0Obzmn902bHTFXiuf7Su0+o2ahEgaFx0v1ADuxMuFTOM\r\nxGYToFQOBzSBjF4oiyu0F14yFiTqFWZNfE6WZ8dEI4jrkWbVS+9ls52A2a0O\r\nrG1PtwTb2ZwPIqcfrkpaz9CHGxVYaLPeoyJb4zvoBp63hKgqqghrCTd6pKPk\r\nQhSV2htXJOOrq3gHhGXytfCGSOiSG2AJ/svjxwQpcOEfCtXWftYOg15+dD8U\r\nAc4aHYpKFGyPqK58GfZugRS47AJF5gEw97+ibflm1HC8kqpY4Qunz8u+2j9B\r\nwZ5epE65J5/OqAUv61ae11lMp6+KPHR7AzjJe6sfrqvmg6MhYsT87OlCoeSN\r\neUzuU8Vp5K/FeWBqafyC9WKTB7830a/XQiIu2784S7zcD9yeLfNmfMcIM/bj\r\nVe3BR56QJblUNc3Z7Fl2ovl4khUnHdST0WbRN5kX8c6OpFdHZ1qRvYr1GdgJ\r\nbIZgACjrKb474I9Dpit/K0TEnAbPLn72G9s=\r\n=sJZu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9b9adee0b4f10a2d6d77fc10e9291c3aac8be42c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.953e689f3.0","@material/base":"15.0.0-canary.953e689f3.0","@material/feature-targeting":"15.0.0-canary.953e689f3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.953e689f3.0_1668722658486_0.9028142182768066","host":"s3://npm-registry-packages"}},"15.0.0-canary.b5606a793.0":{"name":"@material/touch-target","version":"15.0.0-canary.b5606a793.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b5606a793.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9a91768ac1efe15d77b684488890f8b00c99013f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b5606a793.0.tgz","fileCount":15,"integrity":"sha512-1b3yKOgrWgdD7v6QV1E2QKqTE8uO5RcSXT/K4O1efWho7vR+s1MfwcjQgqeN0hN9O2d667mMGVDNKkHujTIMXQ==","signatures":[{"sig":"MEUCIHPneeeuKPJZJ3Pfx1S/bEnf0URxk77m9oua0MkKUVRCAiEAsGnbxB9RVoqruo7f1ptnbxkfEVxwxKCjZeV4F4HH6/g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd1yAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGew/7BSE0raiqagOu7+SLPZjtENXKrIgjhhJRI6xjpdVTu6UHbXkh\r\nPYCY4eRyHnRUfNqKz3l3o73Ch2S87zJgmWAvk541GpIi5o0BCnMwjdRInnhx\r\ntXI7/wLptU7j2P9GgX24bh6mY/jsjmypHNpAjyn6vlSXisJ6W47e5wZ13owJ\r\no2I+OanHJ/bG/tdG+8kLWiVgH7enF9wlyBrajx+joS1oU5gtbnZjFAhHzhDh\r\nzPC8H3OvvR2ROknMCVg3ZqnjBoIfL3hJA3ujiepnt+wdj9zP55ji6Dje3t2I\r\nnarIjpH3Q1gxQXxNqPoY4cdcnurryEuQXyRd/aKPKAaExKuTnFvc1B6/Bri7\r\nEwt6qZe7qxdL75k4bWuiCfIa+0ATKGUv2B7OpH5sEEegsfvwRPOikq4u8Kbv\r\nMW6+d+cmTus1Az7c7dFieOJr+Wu5XgU2dmehTgUk9moSxILPep0PgnQzlpXQ\r\nzQ9WAIGjxGlHq6DDNlONK6q+42U+CQTAB14FIhbr/2+NO4N/YZRpoteE5sed\r\ngyqR8iV2rIFgRK9iY+bSlkhdSwYwFtgUettid1W6Xc9RJE4y8nh1N3uOc/W9\r\nbKHnOy/OlEDJzF7aWTzKXhJR4OwjVb5a2gey7xFvyfHxXo8RhNaNlQuPTT0b\r\nRuWM2mT5LQrM7FvCI54u6fDq7+KMTtWyFdY=\r\n=Z2dq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"681685532cfc9993a6190aedd85bf5cd1b3f80e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b5606a793.0","@material/base":"15.0.0-canary.b5606a793.0","@material/feature-targeting":"15.0.0-canary.b5606a793.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b5606a793.0_1668766848108_0.8833916014543417","host":"s3://npm-registry-packages"}},"15.0.0-canary.8c5675942.0":{"name":"@material/touch-target","version":"15.0.0-canary.8c5675942.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.8c5675942.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"90ef95d5e534230fef94df897ccda1143769fd9e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.8c5675942.0.tgz","fileCount":15,"integrity":"sha512-eXRP9eZWCUsmMdGysuCuBbBKblm3nDj6Cmqm3htWrbtWEvODiUpCZooNkl0+Cfl8GSEdYjJj1uCb8hxXdg1ddw==","signatures":[{"sig":"MEUCIQDySVLYuLE6UqgKxJxQF2AlbRnU67oxssGJqjWa29EHzAIgM3HhQmxKMgzUiF3iuKFSd4HBRGGf7Je4wxgZPgEmGsc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd6GkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrblg//ZGnrkgVM2jFU2cU3wlqT0fziu16pzOtfKexkjFbIrO94mHop\r\ndwP2o+/cb04ASlfp377gwyOEHR6YBZ1fa33+R3quaCbFM1ZNtFg35Y/UNy2N\r\nKllabLAwm94iJG57MHZzPmwKpr+0C3wfWrLc7ebH4BgyzxEco8eiaxsrotTG\r\nPLa8dJY1Qs8a+CDO8tHqsv7c+/irr3DV0Iw/OYHQEJbsUkelbUVU0HH0yl0c\r\nJFM9jNDbEI4FL5mZvLyvf7LBKdPdjmQsx7upK7rIuGPX9el6SLHL3WcdOz4t\r\nZkAed8a8TxDoGZtPNnz+WrIyQanN+kzyW5MIrFvt2Xlj/cSlqaOEz6eXag6B\r\nw11QNUXu7HIDzZmI+brtu6iQa08HGg4K9Tkfax/kemOCmvQ0uU/CsboTxsIm\r\nx81sfAGx1Cu9zGffJUuNXnsWLcwhhw/LcSpNoWqCnZjO+GHbyFB+ylY7ytt7\r\nTA+u8XX/iPu7ABJ8yr4dezQL1ta35x9xL/KffiihGP1s9pGxaiVsNlUyUjMf\r\nPrkOxHqPhxpMFEgp7fUt3U1b9HY6xkNL8y2sTI2Nu/KjA0Kd7bkn+jHNMCbu\r\nSxaaXWuNdUPlH6OtzAjZj3iexjR9Qj64DT8y9fJ20JRBJa7db6glgYuqbKZb\r\n7bPmp6HZtRAR2xFHN00D6ov7I5/w6gM+Ws8=\r\n=Wwqn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"46367ab28a14e7ab75dbddad4b3a00d97443debb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.8c5675942.0","@material/base":"15.0.0-canary.8c5675942.0","@material/feature-targeting":"15.0.0-canary.8c5675942.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.8c5675942.0_1668784548354_0.35045807427837095","host":"s3://npm-registry-packages"}},"15.0.0-canary.697fbdebd.0":{"name":"@material/touch-target","version":"15.0.0-canary.697fbdebd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.697fbdebd.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b5110556248a4d45c088d281b18b6fdec6834328","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.697fbdebd.0.tgz","fileCount":15,"integrity":"sha512-NzlHkxtie1lAJjIM1QwIrjOYe80JgS4BUNPNkEcjUe0g7FV7YNaQLoa89DnYusgfFVyJaWpIMJyfC4jJf/pL8Q==","signatures":[{"sig":"MEQCICEh5x9Ys4nVQEiAPWF/Ul2xFUWLUuU8hajqnyF2d4QWAiAQKln6JDJJpMhIcKPazoDIu9rg/EL+ObOO3fAAEvx0Sg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd7ojACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFZxAAnuLec5n/ByKQPzXaOogrxRjkYLKAWD8zjU3EKuH3fcCOjIQ/\r\noCCrCkplKheYRvJBb9rnkYVACX8z32xr7mA6bH+LO0aUm/+KSUSsy4SLg5y8\r\nFHpZgHnmp93IDdJUu5al5Oqq1n1v3F3s481ycrZC2SOTDakK8fN5NFa7Eymo\r\nMt+JWlZngvA7eIYtJJClpx1HeQWxM5YGmhT4EXTN7TE7G7ce1w2pu5fKKgay\r\nPV0mrNBrtHScXD63YMvmqAGpc19rjtyHZbHBYVeLXmRomfrJoQOMzv9jw7Sb\r\nG0qHuGy6zkLH7AkfMElR+BLxKooezT3A67Eoey8Zm6v8vhqGrS2UBGkEm6mG\r\nf+FYxNTCHRv0xGML8SCgyu7nsnFAi4tlPUpDufm33F6GatiOzGfrJblUAfem\r\nfILNCYC7CLjCXfDcqBw2cV41zwSjgEgN9LjNmsjy8R/V9Uh0+YfB5pSENUVI\r\nlCoCyNUJuHGQ1Q41JJyTHZcIASjCk2qChTM4sAogjbltLlWKgDxduPg08Vmv\r\naz/HJSPgl7E6vPmnpm9Rhv9+JnZ1wwKqWK09/dMJiEDNCwDFvO/GEFdQZVfg\r\nUHy4mOTnJW4EWu+NQ0BOcnRWhllYJQko46SueL4/aUV2UKXTJlkzqbJPSORH\r\nPAD1spOf0mFMtuQQZlmll0nCNAbzlGRIGUY=\r\n=r8bp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"633705dd01d68334d80bad5e354eb7e71d9fa30b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.697fbdebd.0","@material/base":"15.0.0-canary.697fbdebd.0","@material/feature-targeting":"15.0.0-canary.697fbdebd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.697fbdebd.0_1668790819716_0.02713931115380719","host":"s3://npm-registry-packages"}},"15.0.0-canary.d58410453.0":{"name":"@material/touch-target","version":"15.0.0-canary.d58410453.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d58410453.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dadf0d2306fa3773e3d7f7ab3d74d18bc09498cc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d58410453.0.tgz","fileCount":15,"integrity":"sha512-aT2vv1STLgrw58EOIzgBjuHpd6iLC3zU8mgCt6cS78ryuNyzn8CNS+K75nV42SMZFF7ZAxgXmL7RTKKqo7gZOg==","signatures":[{"sig":"MEUCIAMEd2J8sr2UeO9caQA9udZx0MWv20wXBWBQldpUcOpTAiEAyQuT7nS0O3olZV33U3DN2LllbA4NO+3LlBC0A5t+4vQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd9v4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgxQ/+OyLfG28wFbiKtcWMYxyvYITSB6FeiY+I+wHv85TmoVc937cg\r\nO584ONF+xU/55m+blAoNz4itADeBxvkbk2Z3S+vjD51ElKVcuSiNPTaF2W55\r\nWZWT9h6m6hKy3DN40y2RTFISunJ8iSypJtJWkao31Rdrqgo4DyJFVqhHudnE\r\nyCa8eg7+9sbBoiaIwRjL3VLB6RmNwCO5+BbkfoH1rgkJMaJmzSKtnXSZiG8V\r\nn4unVTb6OmpGeGwKhoN6JhvSOj8xwj+u2/8Gos09oFhdbYzC2EuRjQ0ss2Xr\r\nc379Nr7Ma2Y5U/VwdGXJEMiVCB48QmPUSL+BB7c+4lCYwjI1xhRxFfuq0zT1\r\nVl0qPSS6K6LNES/+CNMz8IJhsT6wtJhMKqJ1+Eopved56CKdUPprvg7MQjgq\r\nBSf5feab+2HC3t9ysK5YQvEWOK2NBDtrAQk3/+zO73KIo2Rx8r39zLsRdtuU\r\nKoJ2+uj9PD3x/HEe7SDOujdHuikt5DIafAMNkAkMr1SYh33ZadK7EK1cHOCZ\r\nMG+DRAgWBIcEq/pE02RVg0MuMLqshm/wt1r3cGO+OAPu6U7buX5J2NEcwfcd\r\nlxTinYpKUz3/ByEtkl6Yd67LDLm2M3lMAUKA9t1l2raBHW3U8VGMs0kgv+lv\r\nLVPNn8InYQZbZImpqrrqc8WMbb+r8b28HRU=\r\n=oixU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"65248afd9a1318b7afdd324f3def6a9c8e67c90b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d58410453.0","@material/base":"15.0.0-canary.d58410453.0","@material/feature-targeting":"15.0.0-canary.d58410453.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d58410453.0_1668799480289_0.5213701864735871","host":"s3://npm-registry-packages"}},"15.0.0-canary.7971d6ad5.0":{"name":"@material/touch-target","version":"15.0.0-canary.7971d6ad5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7971d6ad5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86360daf890e67f34990f5118300b5528a0e5d6c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7971d6ad5.0.tgz","fileCount":15,"integrity":"sha512-aT8GyRfH0TJuF53HWKga+vuwJbJ/euN6T8CS/+RP5F/rjzWwxSd8RtyBmVUzBjVzOxr6Os+El0c3TFfEDxRdAg==","signatures":[{"sig":"MEUCIQCQDT8vCiVwTbckjSzHjO8CpqxkwXRdOO1IkyGzynfh3wIgLhZYN9Ek7s66Hu92rBbyFAUxvxhBeJlRIz+qzeg46QU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjeJeEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFzw//WTtRVGYC1h+sP2l/HXmC/uyUzv6evef6zpm54/1hJwFgJzb/\r\nUxSITvFxGnNWNOXKveCo2Koy7Ee8TzucoHKc0xEsAVcgDasgddGjiyKrDa4P\r\naJLuHr4O1KSOTzBBFkQyGNRPYiItx/CZ6Ldq2kKY6X5Pv3R1MY7gkoRvH2nq\r\nVwOG43ONFXnutF+FDmQ0+agE23AxTvGXy4VDyXqRgG2jX+WDE000Ayv3TlaY\r\nP/V/S5PN9MktY5QLbCQlPF9kbdQ/914qgqEHFvf8QrRMTCIu2WBZBIOpz+Vu\r\nZ1kURP3KLf1q9D3de3kAXA0EKo6ry/BhDut0KQilQ82DLJBBTw2kxthRajt6\r\nFGCbEWhaDgz7b4Y+m87flcPxEayw9xq/Hnab5fmm2CPMuqx8Xnc8hrq7ePZ/\r\naDPoDGTXoPsRKw4Zo/4GSIYvnrT0gG5iizT4r1HN+9HQUe0Q5RECEauaOGzL\r\nSd/11fqefy9c2JGcOTqlobD5MsRt1jBK/tLB6PBgd2LZUFlI56BJS8eeBh5W\r\n5bI0yFMqdslweeyPCTxW++16GJFjdEMGRVZkS0tRBgVH0b8x/R6FfQNihXhs\r\njEP82JvQax5IIkF2UPvCmzQvq45jz8ufzx7SNh8N72Jj7RzW9g8Pq4tvIo2B\r\nAXPTLhYhmgMAOyo3ELv6VzZpl89Dy4AJRr0=\r\n=0bSw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"caa68cd6e7b5cf4d64e037521bea18e312048e69","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7971d6ad5.0","@material/base":"15.0.0-canary.7971d6ad5.0","@material/feature-targeting":"15.0.0-canary.7971d6ad5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7971d6ad5.0_1668847492407_0.8407500933143794","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0ae73b0e.0":{"name":"@material/touch-target","version":"15.0.0-canary.a0ae73b0e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a0ae73b0e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"07f1755a0e39bf4721f6e623dd1e6bb1bd2ff1e6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a0ae73b0e.0.tgz","fileCount":15,"integrity":"sha512-gC4VCyJ1FXqEzsMylsVCIVTaWbTiL5OFNJvJgeCDdjxy3R2BFX5p3NlfscDLu8ghwiCPtgMFOJICTy7AJAEWyQ==","signatures":[{"sig":"MEUCIG3fRX6cJ3Ldc5zRCQ8l9T/OpVOqx50dqPMTB9GOlNMhAiEAuSnIC6Mbl1tcXEEUmSZmPWU/YzBEAdaJNLJhaKqnfW8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje1ihACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocLQ//Y1R4X5UkG7CJ7mdnmDWTZj0hEYkwn11wZSUguK+BMrCE7qkL\r\nujwr/Q+YYBgrA4IfcZ13v6ZT3mUUfwtPHpbHzLy+hOe0ez/bxi0yAtZh4Icd\r\n/bC08rBlwVXrvEqYq+ytmKlF7AptQYi572vp6crH2AyhCN2GZcPDu2xKWCny\r\nm/BDDAgrvFHzQISvSQLa4JkQFMMqtvaYn4jIMbE0kTLh0A9grcRFWeXA3Ue5\r\nBu9xhOhcZ+gr7CclHc38wLDH+ujUlt/n4c9Jt6DVul6eF/ii/Tq15nlGmW9h\r\nspJL9zP8EAdZT89WINqjxrB+wg6Qyi8k/5YXpHH9N7NqoiIqwIk62gpYkf/N\r\nGVvxzwyb769vsF4087aQDJblTUWdGDqRLGdX4G89d3cQzdh9O7j8UFi4epvv\r\n/YBZF9P/uw+hLohoQz5v5tVcrL7VQTbpSudhCRzq/1HN5r58LFoea0lHauOm\r\nMebE+D+nICjd8hzMWqJfNNwgTvENmwaThVQjEXv9DezdHR0qcuXMzMgK2WAn\r\nXw8iIVlH38haiJ7YxbY+gQcMqe7vxvwGlq726Bel71sSEzeE89pngXWsGnxC\r\nDeuBAG2GC4VqFysMJQ7Gt4pkySEjAnsJzdSctnSwM1V3z/18OpZx0JVc1WL1\r\nTBW+453aTDvrAz3ui08k4waQRH/Xqe2kNFI=\r\n=b+fk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"92b496120a9385203165ec42657a2edf41099000","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a0ae73b0e.0","@material/base":"15.0.0-canary.a0ae73b0e.0","@material/feature-targeting":"15.0.0-canary.a0ae73b0e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a0ae73b0e.0_1669028001119_0.4780838287699394","host":"s3://npm-registry-packages"}},"15.0.0-canary.96f472604.0":{"name":"@material/touch-target","version":"15.0.0-canary.96f472604.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.96f472604.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d3f9bdedb8054939962a6583ffa2e342f5552654","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.96f472604.0.tgz","fileCount":15,"integrity":"sha512-cNNhYqysUarMaw++i6yq2ferJF7UuVLuIq4AWGyUH/W7b6dKpndHyYg7+y0FFtw6eldU6GV6CwJ6/DGoixkl2A==","signatures":[{"sig":"MEYCIQCPuwKUt1iC51UHJB76JtyBBwAExTCsy4vcHzfi3mRTFwIhAN+ODBhAml2tEYlyvNidzij4ju3dVWAvxqT+xM6esUvK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje3SDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrt9Q//X5MPyAbxmC82JzT52e+WllW53OApQMuWzMntva13EQMrF5HM\r\nucImXCNfbyOq/VNoqETmatPirthGTLiuCRoXKFcHB57DU49PeFc4KAEClsRo\r\ng52OgL+PWzG8+e1wmXFxDhNC/ImPZ6xP7fxgL/Ta1yw/ARWKw2ZRvqQvS9Jn\r\ndzh2vTzhc4f5w8oeHpQjB0HSN3NPj155EBjl5QVLgk52BVhNzENqk0TqJdE/\r\nv0eGhcUYDJNezej9hZh3LLabx1a0kloojh5OD+CY5XVyekgmo62vyVrxaGEd\r\nAeMq8ggYvSm5Aw6FPMiztscW9yj7T4AdTDlvWrC0lDEoT0Y78XzdclbXVO6E\r\nd+b09reI+EsNirL6q+0WV52bN56vYbO+aLUp/G3iGNoBJdeC8o78ubKGm3/j\r\nbhbud29jfPATvDBaNYJMVFOxT995asszvGhcfT1CLE+0bu6l13QmqqQ8a5uV\r\nl7QnonktZj8SDeVlCv6ZdFm3J6Ty1ArlsAZy1gzKzro5Kw09l1vo0ihvh70S\r\nZaFkgkyQm2TINfCXMX1NiH/gN6ioK9SN27cx5w8hd/BdCNiinLCFSRikb46U\r\ny3BHwP8OwHdgYDAvjm2LF3pHuwkzOw96WIKeEf1fj5eyk+ZrNY0BOXu3gf6T\r\nIocCLPJBsDByPB+7rB/kUGi1z8ttkQTGvmk=\r\n=l/Ec\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"28f313542547c982f69fc57b98811983600931fa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.96f472604.0","@material/base":"15.0.0-canary.96f472604.0","@material/feature-targeting":"15.0.0-canary.96f472604.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.96f472604.0_1669035139430_0.4707558650003607","host":"s3://npm-registry-packages"}},"15.0.0-canary.18b8f31e1.0":{"name":"@material/touch-target","version":"15.0.0-canary.18b8f31e1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.18b8f31e1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ed28a141ead79610ed2c76dbef7199b4088b4af0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.18b8f31e1.0.tgz","fileCount":15,"integrity":"sha512-ofWW+N7XAMwaUH4fV7dNfm54LlCV/BET9kP11ptbUs8jFrpbHsz231D3vB3BSUzV/RjY1CjcyTs8yJ35f6VYGQ==","signatures":[{"sig":"MEQCIDqZldtPLgY6tj3f7zMuTa4DHgWIh06PF1yEfN0aN9/BAiA0UESDBNV9oN+FDoC5DkYKR7UtVfShs+dfLLisI1Ne9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje6D5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmov0Q//QDAdqCj4Y38J24Oj+Pi6LXvC5UuMw8XgE3rS4g4FWKvSUGcr\r\nZk2Xgt3V+3FP9acnkewnfim96ubcWyn87AWHODSt1ws1g/EU15cHkGU+CMYo\r\n0rLRK4c6CPFy0iFv83rPfGtw5N/03rJLyyDdA5o31PsWRRyzfHde1YERUI7N\r\nwRexIODoiUhJukJzAQfM2k5lGiQXIkbbQfMrM4rgzy287xiP8LG9CuafdvLz\r\nfd0To2FyZXiQG/gTm1KblLPFc4FrSBDu3u7YTQv5Nhna9uN4bvDoJjHfiJku\r\nIQEoP3uF4zeOdT56ggfoczsRgrCzcWHXeiuwwYxvrfq3MRERwS1oCJmueUrf\r\nLRqMDFQn/9NIHdwsRP/nXw+7rkFi5dtuSU5tcK8399w37j0q4k2k9T4Nukc8\r\n8WXeBAU9PbBlax92IeFMzScO9S4qRosHV2+AOLTnsjiMhVt2ceYPOEPCKV7t\r\nZ+VDWQDSXpWGJa8fQICEZp9BHbAPSSPl6JzS0Mn8/fJ3a8P3ZxSGjqvoDNTf\r\nKWgfO9v0k7MCw0TorZAJWJ0lKGTML9RB4cibjEeILFOVdayN436iTusaXX71\r\nJU7ct3ZiNt/97+5oeoZ4hccjThTom63W7/uq8BQNeD8Hr/zTw0JFVXzekEZl\r\ny5rAi+jXzupkt/j/LwuLcxKv92ZuWgbTcLM=\r\n=DR3O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"99a6c50dcaf8c9db8b49ca9378d7bcc70fa3d276","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.18b8f31e1.0","@material/base":"15.0.0-canary.18b8f31e1.0","@material/feature-targeting":"15.0.0-canary.18b8f31e1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.18b8f31e1.0_1669046520776_0.5568448095643643","host":"s3://npm-registry-packages"}},"15.0.0-canary.912f33ce4.0":{"name":"@material/touch-target","version":"15.0.0-canary.912f33ce4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.912f33ce4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b369b355492896c4c8e7b9362a8ac82beab9313","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.912f33ce4.0.tgz","fileCount":15,"integrity":"sha512-igt4wy2gkpRduPizq5OP19x6OgT8hnqFodVscUMjkUWvew9pcpXuFdwMxovtO03m/RelC+SwCJv3YwvR5N9Iww==","signatures":[{"sig":"MEQCIDWNNoznVzV/fdyZrwn8TBs9BYp2n6ppZ1yW8urO1HLoAiBuWD2hpWhfyUP2+p2Wt18vo0iwgKvDxU7HBLUTDqlo0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje7siACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpj3A/9HOEAsS4Tl+71R7CH2SMahuHms8tqkVVqQJJyyKdhMBDkebni\r\nuseWo4UuUTM5ktM2Tn4oLa1hIPFYiz6HxfN5JvHjioykMRPFnPPMuroJK9S7\r\nMrXQrWeQ+7qagi7DmzO+PYkFtjnB7/TCyv+icS8XnOsBwthlMjGaSmy0yG8R\r\nJNZL0Y6V06JTNuxXMl6Zh+UpBumFejrjoOdtoIqCVNmdu01hviEpFkF1LLiW\r\nPO9lJG3tmaMO6b6FIxXhoree9k6Euw3euvgVvWrK+KIXBHvQIzz6wWoJpzz9\r\np1Mjp7XgwuHjh9MCsl0BidVzIw3dlBw5X6R4QjqGDGQvuGuupQ2iQj/cFDLN\r\nP45w8P8YzvpwF3q2eEK5YiC7249sgObJ6XHUY8ecuzkYoS3WZUwmY3XrOoSc\r\nJl7+ovwjD5Sc35GsDTDDTwa5KIXKZve1dV0yFpfQvo7Zu7I7vD7RAHCn8vax\r\n+h5gBRN84j73iaqqLhq6N6kddroUjL2A97+ogImPrfdlz/KJOWNgnEgE9LTp\r\noT1XqxD7ISqk5+AvPSnwEddf/CY+PsQmXGy9opIgXiWHGS9kF7XmUA4awSO5\r\nTO15d0mc1CJHc3vXd1z0QjITo9Cr4351HjgOyWfhSMTBhxuOKeR5aHG9pawb\r\nD982GklJFTmbojC7Xmdc6A+OtcvX9xtexyI=\r\n=lX9q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cbdf5145fa19b6681004b6c2d5de771b50f5b6f9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.912f33ce4.0","@material/base":"15.0.0-canary.912f33ce4.0","@material/feature-targeting":"15.0.0-canary.912f33ce4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.912f33ce4.0_1669053218664_0.8317958337265297","host":"s3://npm-registry-packages"}},"15.0.0-canary.1e1b1c369.0":{"name":"@material/touch-target","version":"15.0.0-canary.1e1b1c369.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1e1b1c369.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"935788c68d08eca8e92efe1f125a0ca6a5e12cb2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1e1b1c369.0.tgz","fileCount":15,"integrity":"sha512-1Jfjn9TXQFhb05Ps1iogIgiBbXHcfxIh9YDS5uWXAf6pX9BkdUG/+1nLRLUTDAW8e6rhDSmtRFs/QZt9VA46Uw==","signatures":[{"sig":"MEUCIQDDX2hi++RKIN+L3nzwSk9QJolMasQl9Tt/3iwn1LSFLwIgSoGjAvZLKgcJ9jRFH1QNBknlqwo5Mf5FS4ovMS94iOE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfm28ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzHQ//dR0ZU/zeCBg3kj+7f8poqhQR6PNZLQ181adFH1Dl3R5mGe2e\r\nEPFtu+gECisWOZG5sEdtobwSAcf2PVvs+opRQfzqwsN4nED7FpLi+dpxKb2q\r\n0wPWvGEyCG+on0gNaARPZJuMpcZo2kHf+TKon0yJ2SOH3654z9QiHUObihra\r\noQ6Yg0CDpWEluAmtF+FghQ/khi0Bth1oJ+GeJlHpgjVQGhG3vQpiRKnkG8DR\r\nezUlN3Pi8Kg6Zqhnu9UeLwmQJFNienY7DrT5Xv5/Bm4TuF3RLF6Ium5GVWrp\r\neqx+4LIieYnNAKDna+L7ZjjMnxeuaLHx1Q0JSSijAer5r4lPCdUVx7I22elR\r\ncIXzAnUPddAmCzj9rgpWI7/dwC00sa8aKV5okFW6hyd566Wvi6g6qZP9lAPz\r\nt10ny9EVlKMk3xt+9Et/SvWgL7NNkKi1DeqMSpLPcZa7LlKoCIHv+2zwXAI8\r\nyQKIWW9cSPbM5MS03AFzMYYgRNyWMz3qHRenYaA+aYi8+5jsDhQaTm5IH0bo\r\ngqTII8ks4voWtqj8AA8s8odLkpjptLcHkZlRXZl2NeyVvbx726EyjaJklvh7\r\n2TvglnxhJdhlM20eSNzaL2DI2CIJOZIFbii+dxLoPP4AThFYp4V/Ny2gsTTL\r\nOskNn6SsZE18oOBRne8vuzDRXJOi6Iyj5go=\r\n=Vtze\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b59baa6ec6a8114401e616de0c9d3675a34e4206","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1e1b1c369.0","@material/base":"15.0.0-canary.1e1b1c369.0","@material/feature-targeting":"15.0.0-canary.1e1b1c369.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1e1b1c369.0_1669230012150_0.7100585273524653","host":"s3://npm-registry-packages"}},"15.0.0-canary.a2ec49244.0":{"name":"@material/touch-target","version":"15.0.0-canary.a2ec49244.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a2ec49244.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6fdaf62e06e45b7c015c5af8bcfb73c4f14aceeb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a2ec49244.0.tgz","fileCount":15,"integrity":"sha512-F4TZ0yAh0Gg6VWmEBKCLs8iqQ9V7v5KALIw8RLSGH4egneqhpbQk0kdLBNVMh6ZQofIpfZl5Ov2dqD1bL3FqJg==","signatures":[{"sig":"MEYCIQDVunE4ThlhOtBybT9nzj9PeiwKDLNAxVmy3MhrSIDKtQIhAO+PwjHIm9kPh3p1IDVnYpYVrWr1sPXvY9PgAZDrOHEw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfnTaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6RQ//cUNUX+HL32r84THucSghquU9rSj4lyFU2tfA9zUNqgPd+ep3\r\nWWnsCgzsskg38vYiDUfDYVg7Ixi0eIJajf0/shlUHCsFW3Q71aDca02zLRW/\r\nV65UWuz+AHVJZ8bnrWa1z4j5W8P0L6fEKvQvKuytg4FBwSzLm7UbMbM+SL7M\r\nVJJ4xuTCX2O05dqZdVIK7TxCT24196vG3gikb2tjGeM22NdmGIjhg7U8kpMH\r\nDKf4GUzoTAXjOSk8xUntYDFvF+8a7KywPUAVEtpjCBe6hqxIphj61opnrzkO\r\nRY7cvgURUOQk2n1sbO6dgenIeuwZvEJJhHwKT0tCwhdU3h1JkavV8o1lMZmO\r\nOvv47PG7MBIf3VJfxcTAbnVdS1pAwUhGuL8YO4135JivN4M832Qv5pBNhaVO\r\nTUWKKxfoI5wZx9NmwA+iHKiiEv3RrPLTbuhnQ57Mczg16pIlKpsNu6Z1sIeM\r\nm+lsMAB6wkuw2VvWFr8bgwwno/xnZHFul4jXraOBmgQkfEK16Ic/t4CVHpJL\r\n7rKgQr67hY9i2IEHMG5rlwGfbsC8vMI9CK3Yg0zZPFmutVAbuE35j/iWsn2I\r\nrrM0duCOtz90YzxEQJ8oT59j3KVRknc8IYDoH8E+zftGnG8/PePx0uxgNYRn\r\nkE0wgPO3jGyC6mEouldL68/c04Vbq/bFO68=\r\n=VBFY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fc59d471222d0010e05a636e8c3a9a5a9abe2b3e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a2ec49244.0","@material/base":"15.0.0-canary.a2ec49244.0","@material/feature-targeting":"15.0.0-canary.a2ec49244.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a2ec49244.0_1669231834276_0.2955326558800426","host":"s3://npm-registry-packages"}},"15.0.0-canary.a7458ba0b.0":{"name":"@material/touch-target","version":"15.0.0-canary.a7458ba0b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a7458ba0b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"acc9bc74fd3097ac96c4ab20f099dcacd69dfd07","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a7458ba0b.0.tgz","fileCount":15,"integrity":"sha512-QavAFaKzfDMPrajnCJ23iYL+TKbVgFVU7/9pxh8/LYBi7T+XXN6FBz/7UvnZwS3XQ1YbSw35qTJyE13LciDjZg==","signatures":[{"sig":"MEUCIHnh6TLyABDtE32ZGmwuM95UqX8LHuvhqXQUQFah4gobAiEAloT5oJ2+u/UWzmlgSn/zh0rFZ821N0jrmaPXXAw7R9M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfn+EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoItg/+LyvL/59R2AHI+yQ2LK7e9w7PfVhlAFJCzuA/JVHTTmChaU12\r\nh82nGLG+Li/2aDWGr4uVslZQVWnm3UiZf28Mv3rc2b8s6ca/ibsUhALbG8aa\r\nGVno/Iahp14UKSpo0qTZ0WUxJAEENqO7JgfoneDI4z2k0/aylLgtidse6SaK\r\nbkew9+TELI95WJkWkPW87YnW2FlqwP65wRj31lZ8Wj0Djj/Iuqq7MEvhjr9Q\r\nPa04ukZDSdCSkjRep4+z3YOWfygvJ50khExdhMlk1OlTom2BBo6CbrIaFmeh\r\nB1iwvMjQNmgRXD32FYNwXcHo88tp7KPH/Qut1bYGVfQWd6bl5yASWyQRoAR5\r\nlIdFNzesk8Xgv/0VksllDxjxRfpK2iLSLLEd3ZHpoWqy1CSGVhuwiHUJsUW9\r\njV8UEvrj+JWZg+a+M7L6S5QJw9FkbPtM1C9CPyyzCJ7wUjPZlwbnPwnzmp1L\r\n6qLcSutSce+TWUJxCI9C3h7yyEx2EaSXFOjb35jNLUuFvWT90I3u8Jy4v09j\r\nDaIdHADL+fiJ+hqqrcy90t3pp2ZuHKT1fdeZva7SiSDxVHRuImeVkMMfLC9S\r\nw3pUAEJmx3eDHyymyW5bHFoQHkunb6bbLP7U24EpXhAl6dfwfOdJANNq+zWY\r\nWkYIAeV9XnCl14blK1B1eK5osAnrKSfXJHk=\r\n=vT4W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"62e6a15e0784982b77df0a1d824f81d5a15cb6f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a7458ba0b.0","@material/base":"15.0.0-canary.a7458ba0b.0","@material/feature-targeting":"15.0.0-canary.a7458ba0b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a7458ba0b.0_1669234563918_0.65115394856301","host":"s3://npm-registry-packages"}},"15.0.0-canary.7c35e5036.0":{"name":"@material/touch-target","version":"15.0.0-canary.7c35e5036.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7c35e5036.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"28f46bcc8b9f7fe1325ad7d71bda3d542b5a79a8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7c35e5036.0.tgz","fileCount":15,"integrity":"sha512-cqaS50bzYqyPmPZDOf+mpMoQF4ZYPTsY3VaMX031JzPGy/4G6usBBQUjER3JvPP0skT4t3t53w+CmGwzgDdxKg==","signatures":[{"sig":"MEUCIGWeklilP7nnl9b8HNnNY43ParnM0LGdim4CX/7IetDLAiEAqfUhf/8tfPs9UsMzz/4p57q4HXoCPY4WBx/fpOVyOtA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfy2mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVmg//b91DbON/mJnDYZTmHodn/KwdOnHdwiZhZ9CyA3o+ASi9NGrl\r\nAsKm0qXOSFSgKFNXWJWm0EpbgrZqz4KLFJbbQE9lJn5NzenJX/Kgv2KtVEyw\r\nPXYnKe3Q0jdrdg2BpgdjoGpOqyCYi/FqPnyBZhhFd2p3e5UGfIJy4NnWyLKQ\r\nANHD5bJkXq1EQ/bICf0DNVD21UdQQfCfCbtWU/O/hq9+7bfPBK//9Z2IXt9d\r\nTWT2D2ZZHBtpdQmgSnOEUc4y+3EwFhf1dBM53McqQhJmas3E+bwgkUTfZgmM\r\nqRDMErj6RD9ctPIXlcx7BcgqhILAH/NWPsrTjmEK11yXSM+8UBi6zrLrpNVn\r\n3nzDThu0EkGgugvPIkK8lV1ot0vKHh4ydJ5XZiC/BnU7NYxe67Qbi62NCgp6\r\nchbaYiKFiQVuKVuvY8SPQOFhvTSuikS/9zivj2OTqYSGV9GECfAJCWyg6chX\r\nT+91ZT3GrFmcIEdTtK+IX6Ts2BYG+TlKmtY0UgjpVrbZP3RhXANsQNhcaYyK\r\nNRLTMT7riaR1BHFrN95tq34WQNgFsSKyalABYTMuMsWgrD8M/E5rmVP8veug\r\nJYV/gpYsTUEEDJBcwvADndvn3g7ZfHX+YcTkJzlG3uOqrzXhuZ0FkERcENi/\r\nP+GKPpJISF+gZcEgNffaYr+ET1gTNUAj9iI=\r\n=lpo6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bb1e9aff747feef28ef92f415776fe33dc1216c2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7c35e5036.0","@material/base":"15.0.0-canary.7c35e5036.0","@material/feature-targeting":"15.0.0-canary.7c35e5036.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7c35e5036.0_1669279142802_0.17325813224637887","host":"s3://npm-registry-packages"}},"15.0.0-canary.4356e05c5.0":{"name":"@material/touch-target","version":"15.0.0-canary.4356e05c5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.4356e05c5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c799321e5a01e78c5e9e7c477b1961cedd43cba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.4356e05c5.0.tgz","fileCount":15,"integrity":"sha512-UvVYdlZr+1m5DmR7PL/hDE3iyInZMYGrJZzIwuMswDGlIwTrItJ6VfIL7jtdgQVRIPr51rYn4ePspCScVixAqQ==","signatures":[{"sig":"MEQCIFLSRdUY74zGYhNSqGUXBNhTQlFRj/RDAfrzOvX220B6AiB2IDCD1RgrL3gd4j+EdhaU8IuwxDSpf51ISc3sxIHg6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfz/GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmooMA/+Pw6MWb3JcS+66L38mTHFHZayUByzKID6LHnRRW4YaSp8twjo\r\nORwy/gcd6K8sZ0tvZqJj2mUEtne5vB3pYfOVJDCDtxaW26I3Z7VLLavVYTEK\r\nHae0J56Pf2nSP0s7vnNq1Xha8baqpM6YQGTkpONV5z6IPGmRCQZK/faZeaC9\r\nbuC884HFfsWB5rXZCZSu/3dFTGhf4qKfHc8V3NiuqajEaE6/83cis5up+Btn\r\n3/eHM5hRFDGdlJTA7OCNVUlifQfVYCyA4iutbveCAmttMOkopFki1hf4fIyX\r\nf50upwe4h1SXS2QguFN9/npkJJILzKQlwJVrlz9sVSZjDSuc7DhHel6mOhQz\r\nQ8yIhYgUlr+JAX0f5QsuR3UdmM7bDHyPBg6RqhxD8vSm9WX7+BFyzzY9O+Z1\r\nJnJpf7p5qycsl93TtXcNwlnfvHs0HUlLtK1kQMJL5PKuJRbgYfC9SLVd9g2E\r\nIDW65e5wvpK/gcvAjnpIZPUodi5xn0i4HsZT1Uf60dpYPODLFGhhAAQTWhWe\r\n9Ntw6EHZGNuiaDXQMsmRdq6sPa6GjckwNuyOmx+BOVThTzk52dpxrad01MLR\r\ncjgmgQJZYKik+DgYOf8xGEsPM0/V84mfX/Y00Zel3/JVbSV1KzHZlBJVIYtS\r\nkoeS+x+AerNSiI3/VGZING7uul+3odr49Wo=\r\n=zGAF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8f21a6abb8b52fe9aa5804b940eac0cd94256fd9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.4356e05c5.0","@material/base":"15.0.0-canary.4356e05c5.0","@material/feature-targeting":"15.0.0-canary.4356e05c5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.4356e05c5.0_1669283782172_0.2943829005752132","host":"s3://npm-registry-packages"}},"15.0.0-canary.cb605f8af.0":{"name":"@material/touch-target","version":"15.0.0-canary.cb605f8af.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.cb605f8af.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"744e9b12e5282b5ed24d66b3d112d99b165aff63","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.cb605f8af.0.tgz","fileCount":15,"integrity":"sha512-TohNNEVCuh8oXrjpoCjcMSGs9KztNCiGfVTWAunVSKXWcYVk5bkUQeCtLJI3GgUddCGftG/t7YqNgo6VQLX7pA==","signatures":[{"sig":"MEUCIQCGrsRjThzo/TEcKONreHQ2p9HQsLtBGuUbHFMx4c5z5wIgUDc99OauLvid07T0HamLKdxevQBloXwU3WJOuMtSFuE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf0QuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpU+RAAgw9N9FPXxmuY7iOsi2H4NP96Zw5d7Kxz2s5SBP8Eifo9LSYw\r\nxKd9l0aLBhdX6y3QE5bS+H0wsz+TUqKfmaE/hL81/h5fbaEaF7wX6YrD6brq\r\nDhyFaPfgzfy6nxXP0we8E/O2WH6ChWr+eN5r1y9A0qHswfH0tGRUagx6GHx2\r\nmcXtPDaD4UPbO4YRR1f/UbYYtcTedYmX7JhG4Hi0S89TMP6vSiTLE5eF4GrH\r\nb6FPrg3sn/73z510Mt2PQJhKPcub43Y+3oW/+3c16DqNRzdcVR5QykDhaXCL\r\nm6gsWYL/PrW0OmZfpsAPV97ZDDvItfnZ+C360kOVbk/Vi3hbgnFwe0WUpkkL\r\nhn5vIEvoQF+hmVvpiod0TubYAwax7NW061Q/ilcU4a1KO93FKVfL7jI1/juK\r\niX0TzH7NM+vXj3tc8O8GSaetztXsg+BY0pWnKUcMddbSf9i+a51ugSnfwjqS\r\ngnzIEwt+lI96DCkMsj2l+ssCAic1qYqvxXogJHEwFl9ur+FibeFq06whT+6X\r\njTBenjLCfE9Mc30LQ/dlfHqfa/vvThMvqr0s2L0cIpbVubsl81GBOtAmOD4Q\r\n+L54pHM+9qk9BwPZFHVnATaCtBLPXFh/8k39D5TorqB5NJz6vpUpfyT4gNZM\r\nMKJQDb42nVu80vBmWGhOeOQKQTJpAKLTjPs=\r\n=tpAV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9d617d11bc1506bf595e8a4f05413067775d3880","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.cb605f8af.0","@material/base":"15.0.0-canary.cb605f8af.0","@material/feature-targeting":"15.0.0-canary.cb605f8af.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.cb605f8af.0_1669284910039_0.2685545167887724","host":"s3://npm-registry-packages"}},"15.0.0-canary.05fb07f9f.0":{"name":"@material/touch-target","version":"15.0.0-canary.05fb07f9f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.05fb07f9f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"56ccf03a8701d7ced9041d61ae972c8bc6e86beb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.05fb07f9f.0.tgz","fileCount":15,"integrity":"sha512-ZYkWKvYZ87FffaVtfO/8DjvCvFlXWRTvpskKf+OjrNnCS3rxru0GVqiPnUHuhN4qERV7B4+8ldcjUtVVysu6jw==","signatures":[{"sig":"MEQCIHUlGppl5DA6AXkf5lFAPVcUIW7cehHH9Hu1Xtj4NWEmAiBO65h269tAq6PzASlHQ1ZVu/DRP/KclfE3hmmoWnyc9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf6Y1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3CA/+MrFBytxJ/83v1JE4zu8kleQBvQ9YpF+WrkIOeQ74IzUQBk8h\r\nuQnuXlIZoYYVyohp9MCZ6lIjKzXZ2zczD4WeORQ9qUgewR3F7c+bCOM6LsGA\r\nIq5BPIrAs8jhnLCu0SGiD9epUh3x8ea5wBOXynQp65PFKFN+ERI1aJamUUKJ\r\naHPzixrW3gpy08rqf2N9c83TBAtneUxtj7DgFyUqZx9SQDohk3S2aHUQ7zy6\r\n9KlPF4L6HbYcoJRjGlY0+OHMiedjqXtXC5EsTkLabgDa8zobx9k4y1tBpmib\r\nT5JKZ3nOMHjMVv5tgq0+5Q7fDam3J3dA/zjrRX1G54Fo06iRj1jXQM1Z/zsZ\r\nJmuxdi8r+/1jfEPjeETRuqs7maZN6sNQzXfbcV3HXbY4o/vwOUzxwT1yGrV7\r\nTGXiAxgxn6wMAM53bWXYTHCXeIzZqDTx3YG+OHl1KaZCzyzTCNtP2x7Q2h8w\r\nhQWlzgINIVD40mTV2Lno9zQgeZEy4nM2FEth3kbtNjkX8sCwAloX/erILehR\r\n8ux4nA1ip3PYI/SSDyFWEtYlWdk4uLI6ivbgg30neK7DOlbazdf2+ReWvJK/\r\nlyIKmguDCuIQOsj1KcT3kn/xvcYpwN7jlyEbaT+GBci6p449WeeTIO1iE2h2\r\n5mGdVKSH86/O9TeKgWB9vVH6HVGmBe9XN0Q=\r\n=gCd+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fbbdaff1715be513be46d4628f7aff9d8f7e27fe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.05fb07f9f.0","@material/base":"15.0.0-canary.05fb07f9f.0","@material/feature-targeting":"15.0.0-canary.05fb07f9f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.05fb07f9f.0_1669310005600_0.8708118139210632","host":"s3://npm-registry-packages"}},"15.0.0-canary.a911b386b.0":{"name":"@material/touch-target","version":"15.0.0-canary.a911b386b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a911b386b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"61b9ba0baeaebe25bb9709c6de8ef56809ac054f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a911b386b.0.tgz","fileCount":15,"integrity":"sha512-ctESgyomihPUewFyYKRT73G2M0R8Cbwz4EoA7B9hcWuw9miWAySyUKyjZ6F/gxGB2IsQhcR2A2WOtBAnTQh48A==","signatures":[{"sig":"MEUCIHOdxNVui3SGHOuqFdeX3DnYwLblc643oNbwQyrj/3JkAiEAwK/oMwvFdTIfKvn0hDssROq3WukftkC33WRRY2shuw0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhOYDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLyw/9G0Ayd/BKZ4B7WCzAUAUQXxvwaDcGbx7UUiFYvC7ONfn0mx2V\r\nGh099Gsy69fNbUqZceHNSlqU6KO2botGk4+6Ih532KxUThmoketpgq7CfXn1\r\nCTGUwguS9yZCaxgtnM8TmqANTfQZlLHS6IF2IYf50KFrL/Zl1rgNexuFReEZ\r\nT0EszWWIuayvR6XmXGBi+bes7BPFYz/XfKmIPHdCQ1ceJS9c8DWh/8v04aU1\r\n8xI5seTbKMv8XQ03pFOXgrPCfVFcsUibIiDUf5BqC2IN2ozt8iokQIXrIs33\r\nChooV7hTwMOe0pr8xQJrGmdWUBOUP3m2nOMbqTi039wATeRRormFgUwDiC5E\r\nzEsX5I1TRE37HqwtPDSQTGFMb3WVnOsa/m98apdA3iIaynF1lYn8auFY9OqF\r\n21s4gKx+IzBx7Y2YyqhHSiecbmkW9EQQHOhMdiZ1zvHMhQ4/KNfsgRdXyf8f\r\n/uZOL6hVGawixfCC0v0k+8WRRb3gF8t0ya2XUZ8oPRb/U3pQgyajpu9wwWsP\r\nXXe3FYk3tOCHAqZd3jK0gxO6Lffke0ldA3A74TSaxMqpT7BB92O6q295ao+u\r\nsWBxH+N8NPlwphqgysBNAKJ1x35q/JvIJZC2E8LxRMAZypb2EEgRhCECvSFK\r\nl8QMmmCPW3RC5UOOP9V9XVVDNHShR5x622Y=\r\n=Yd7Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2487492bf1103f4c82913b328eb64ca5b71b9f5b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a911b386b.0","@material/base":"15.0.0-canary.a911b386b.0","@material/feature-targeting":"15.0.0-canary.a911b386b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a911b386b.0_1669654018766_0.8460549854613928","host":"s3://npm-registry-packages"}},"15.0.0-canary.2aa8050b4.0":{"name":"@material/touch-target","version":"15.0.0-canary.2aa8050b4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.2aa8050b4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c5d53fd34c56413a35cdc2117bccbd0e456f4b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.2aa8050b4.0.tgz","fileCount":15,"integrity":"sha512-KpvYFZ5Jm+OS8ScyNkytkM+SGwT5zXK3RNPxVvy56aCFURcuwm7Ss/BFOhU7slAq/53w/y3D5ahSN3Nwk6v9Eg==","signatures":[{"sig":"MEYCIQChZEfgkEBXbA6apzntQcEg2CmGS9Nge0PvUF+tvw6UbgIhAOJG1Si3/gkBc4yl48KTSZdjUFnhzDFfxh2feUyrGOij","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhQfTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdBw//YAY0lgVctsFDcAlONVZym0sbokJlrciAX24yTtsxhM8wTs31\r\nLeWJ8/5YumaPT7VqLn9v5iFwI/H+moafjSipQ9TdXUYLnZ52oSzhl5zwJldt\r\n9J4iqIJdZL1QfPVBAymydMkhjImkl/Y+4YYgKR9h2U77XVpT2CuTj/DmJdpL\r\nWfuE6Y0IIOWtTYAP3HaGAVH3nN5ia2YxmqMdgojT6kur4hpJQy0HKsVOGRR1\r\nMGhOsOXxyQOoN0j8hmEh8zM2D972m9+m8bcq6Hi+psUYXgF5POt9Hb835ENP\r\nVeqbDlO0NwdkGByO9oWAJMqEk5tJH8ZJkNt6CkIVyCDMkHm7/ssJgKtI9nXU\r\nKeqxW4Frgg3tbK9DGgkFXpV3p7FgWTn8rSAgWtj5M/eKPcVX1XyxVWD/KAa6\r\nRXuKEX8c06G+n2i4oCOAVE4o7uRtU0rFa0ukQwWCi/1vkm6ELaWtt7A18Mls\r\nhqeL7fcu33EY7oHQDRmwD3pMDitcl/bzh3hZd7JHhNUeywH911gD1VwKMgpM\r\nbOcTYSDlXpSyxyGF+XwpVBTeuEZGKjPWrdTybycsYjeS5lYPBuqx1f3VkL1l\r\n6duBtSgAnWe6E6UCqcqZHpDyYR3aq0OBmOJmm6rsDvVKtXgoX8QRi7b2F30z\r\n35wZ1qGcZ9DtjxKl2FOlFPmLAnUO3pZLnB8=\r\n=JM8/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7ea9b47d90d470adeb6f1cbc0c1c98b88392e56b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.2aa8050b4.0","@material/base":"15.0.0-canary.2aa8050b4.0","@material/feature-targeting":"15.0.0-canary.2aa8050b4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.2aa8050b4.0_1669662675517_0.42468917711790555","host":"s3://npm-registry-packages"}},"15.0.0-canary.323904a9f.0":{"name":"@material/touch-target","version":"15.0.0-canary.323904a9f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.323904a9f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"689c93bcd30a4c3d95caf6444cfa4e6f49f05e6e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.323904a9f.0.tgz","fileCount":15,"integrity":"sha512-58GlJx+arDukUxIl+NNFMVqzC8UI7YaDtzgAc7/FAeQidDSJClVBjblWoRhvkxC2nQc5Rr4mm73CmJXpOggZwQ==","signatures":[{"sig":"MEYCIQCsBaLdyAlpER0Bdida2g5Qe9Kh40idFi78B9842PgH5QIhAJHAIpoI779zLjnLa9Exjt64IegGhPmI/d1EUWJAPwhp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhiZSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+wg/+K7KuMbjFEwY4OaNvhyI6SCURlOOSg7brLMltz7IahnWmkxgX\r\nOCAy69bLq6uY4e38rLeNsP2YOHzWx88nF8GeWtP6ymbD5vXdiiZfTeUpoG5j\r\nOenKBklTiPHCN6J9Ny9W+viadXeQa9Sizppi2S97ibnObqv0pQRmRrbTh8Xj\r\nk79Fz5ZrahupwLUIs5C1/Dg0TED5RiQZ/CJEmEBXqCVZ3021r04kji7LQBHc\r\nUtXp5HOiLsvZILZ2tvx28N1XmR40f988jg7oS2BamySLgATlPd5rh1z7qgWV\r\nMr7A/ObC4fZvc58pfnmn7Zu8XTjtYDWpbE5j12vZc93eNS1YEwZ8m51H16JX\r\n0oxJbCSAgcwmpdRI/pf0RFMsndZQqRTEJ4xQ71jEBIhFtq29bzAgaj82jOHl\r\nMmTA+3Avp+N6EJlSS5X6/HHtRRUDWJO+uVf/QTGCmNmyRCBi7xIjr3ZrJDDN\r\nA/dLrAKl+7awKwRnI8w2a1yrp6TLGtgCP1F8w5hbRxugtSeaXIXwQkxpoVZA\r\nbnQB1oLFvhBDhfwig/s8se9iDPzHzcJn5Ri7jXqCet8oqyLtUhsdnk+XNrvy\r\n3zD5lgwjNAXdgfiYqHF7XP8uHzpBctA5py3518mKHyiuMCXZAGqkf71MysWq\r\nL5G3dmMYZUHt541ZjuopAJb8cHoQbQwtZe8=\r\n=cWS0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a69fa8c7160aaa07d868f5bc365076bdb159bf99","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.323904a9f.0","@material/base":"15.0.0-canary.323904a9f.0","@material/feature-targeting":"15.0.0-canary.323904a9f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.323904a9f.0_1669736018381_0.4089843917276281","host":"s3://npm-registry-packages"}},"15.0.0-canary.168a629a4.0":{"name":"@material/touch-target","version":"15.0.0-canary.168a629a4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.168a629a4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f2fdfc144b2bde30635e45fcb22c182b0420829e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.168a629a4.0.tgz","fileCount":15,"integrity":"sha512-u2iVEnM2lu48AkoRxPoDEtb03svj73D5ei780BYu7wOYIIwBk42u6zVjtO/VXD65EeNg3qjmiCspb8lG8Dprmw==","signatures":[{"sig":"MEYCIQCJwxGJ5Ah5+oDFDT+S1gLYbnJlCac2C6eSgyNBL2NkcAIhAKPMp5gjwKcuV0w8JF7YJBdZZPVa4CO35Z0FaNKqxb9I","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhjfYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEiw//U6KKwbuXLlOkTCaRPhwq4mb1p+QTq210tNPgtRM0VOMXRSPj\r\nwPzSDTrubVzOYwz6zzU95rPXRZFezbM5gpL/OvSu6jhyyZJvHQcl1dH577ST\r\nBbsB/QIWBg/CR3Q+HMt2H6ESMeQ4ijADIrmx9I2ZelTpp+9eQjvXdqAxNVTD\r\nh53Lz67L+qqOnG5FD9X97DcMBQSHCuX5GHrSFOP5f3aQCqdNMXiLyBxmk29Q\r\nJ7fdzy3QW12Z3fhUTfKqc1gnI6zWh52R5W/r3c/sOjZbzYrB4kKhD/9zweZZ\r\nzf8VF6xLkTyJCCWQtnE44Y5Jn2vRVomujB3jN9Vu83l+M/H+/E/6Th8EngOz\r\nCCbK7r7R3XkucGJqUkLZlCDfCvy5WSx0fBVjtEweH4y5UDlqhZfy13NhVUPt\r\nV6f7PpRaDV1LylRxINicOy6GrBfPf+2OzCuoqHIYGIndtDqQNCQ3dPYYIzqa\r\n4sQ4DAOE74uVKLsvBGP5+vv9RFavejMgxsgE3nvri2HrY354X/DkMXZodNvF\r\nyA855wJS1TJQ3xXTYgHVWBuVnPFygSKRblqcM/LIOL4fG7hWwUVYt3vQEwk4\r\nhN82gVRFWSsEsP/2oz3ouEFFUEEHIrzEyl2GEtYd2bZF+8BZYZkrzAxEttWn\r\nhPQxig+w6hefBjzv/RK7rGLameRfKQobva8=\r\n=4iQC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3091b344799132cce493f92839da8e544fec7c05","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.168a629a4.0","@material/base":"15.0.0-canary.168a629a4.0","@material/feature-targeting":"15.0.0-canary.168a629a4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.168a629a4.0_1669740504472_0.7346381653245624","host":"s3://npm-registry-packages"}},"15.0.0-canary.65c411674.0":{"name":"@material/touch-target","version":"15.0.0-canary.65c411674.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.65c411674.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"477ba901fe890dee58fa1e94efbe6636977a08a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.65c411674.0.tgz","fileCount":15,"integrity":"sha512-YL+3RKPC7nUutonDbATStSbXz3cY79CfFcbul/7HPnVnyS1PYYt+mm2z5F6Ehb/2waLZ8yUCp7g8RjApVTdHRA==","signatures":[{"sig":"MEUCIQCQrc6AslGvcZkuwtNvlCabGcqKg1fQfIOURnTSkr0X3gIgZTfqccmep9CC+qKLF8zRGMXOdgLSbsAO+pdg/IZEvrw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhkNwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqiug//SYuBMOoXXL1R9coNF1XzAlLuYjoCDlecmpbaSiMbWlk1gyUZ\r\nPyOz3ylk9J9AEMmZlLr9ezegzPCPLA4OaWFLMZx7RmXxH0p+VPVL8CMI2p1z\r\nT+FKAsqksx6H1azWg9BtFLcGKyi3yqPuEVJNIExPQRGcgJUxMc9jKB3N8Y6n\r\noqS1NZRZKi6umKO3xbHSD8QB2RtnVlMkV98ctmN9JSgjQlXr8e14B9Hs+1pN\r\n7lHQ/3DK8ZtPJvxDnCUuhopRDSw1gxpbzkV6yAV+n3eNRoGKvzx+RAdDR+iV\r\nnXhR8XnPBuiHFjqygxMaoQTXoyXmgKgfKbRl6skaPdB8yf7A229Uml+Nayq1\r\nWzHYexmBFBRRK12TxDl/4va0K51TyMi420sW5pepm7m5xisv4dbkRTV3Lqve\r\nuxVG8k1nRszWtrLjAC/gIyUYUYcGyNIleHBLpdoymBPV8ClIOS9avi+rWMwI\r\n9LO3HI8NbNl8hJB4epX3m8GWfpeVWhQSR7wHLlRUxG/aEPSFM/qfd91Ij3hQ\r\n7T2pnBxLDt73FyXFYK+AjUvy8muweYthu5vgeXdAH024p8cr07ZD02KVrAEj\r\ninkwUeoOWMV3zBoLirzCjjxua6A68adF9qQtCcmTqgnkcW5Ln30EvpqAV7r+\r\nX07AVvtSeBXQ6fY+7EcMANhDyxcFmyFMpZw=\r\n=WiXy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d80879a8c467caf0f52227ec97481bf5b7f2cb16","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.65c411674.0","@material/base":"15.0.0-canary.65c411674.0","@material/feature-targeting":"15.0.0-canary.65c411674.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.65c411674.0_1669743471803_0.023538235720508727","host":"s3://npm-registry-packages"}},"15.0.0-canary.a86d36fd2.0":{"name":"@material/touch-target","version":"15.0.0-canary.a86d36fd2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a86d36fd2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be9c3d4141ab797ec60da32199d1d29c9f879712","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a86d36fd2.0.tgz","fileCount":15,"integrity":"sha512-W9PHGz3SVLDj6Hq5oGgKViFfypoyMg1sQKgOJVqLRTItSJ7CAPA4EE2d+iIj9YQz4SUuAiU1EzVrsF/RP3lN0w==","signatures":[{"sig":"MEUCIQCvLR05Tk0amcHPouSmHlrJ9hCRg560PnU3T5PhA9xTcAIgGFPiZ7JBncKNzuuhQJZ7b10BsMEX0wzFHYveqxGJCnc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhrxcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXtw/+MISFjVR/SgSKDDweoPEytjmPA2dREdp6WCps6acnsEbtIpaJ\r\ne+K1gtdGgNhMHx0cg7aJKbPkSShseQdGmtyQe+xCnbPdBsjGU29dZGYmSmw5\r\nA5qUEKTDav8tCzuc5ey0tmpOY945/DFzKfs7ABXwYRHayHKJMIFINAzQvDgo\r\n8FsS6jGL9BPJz0cOh3DMBkz/I4Vkv+v9m0ipkq5j5qYdN7kp9kdk438cWeOC\r\ntr993WGFATTNSY8ex4FilGuDaijipuhIACSUq6EibRxf2A/IOWSviG++mbm/\r\nYAzxUOu95tF2F8DyuNmBhNZguU1U3w43pkvxm8hkKIia4hro2qR9Wno32C9W\r\nQW+y0FWUXDY6ppVrTSe1RdXk7XwbuDH36gGh0vVEazIekVz8Ynj7FWkpWjUt\r\np1hJVxMCaAg9y5gubLk+PdoljBE/cJWdWIIc2AEXMdpEI6f1rfPNqM5X3+Hn\r\ntDsX7wCFSr88KHCwKBxmQrGvWQGZDC7pXVQIlGakPP1d7LX/mgvQ+INtMKNS\r\nRZTDt/b+LQMRrJaARoiYbQtEHJorsTUVfFxXUIZC3mCTcQU6mf17oDXcg5DC\r\nNp1VKd+6Ajvw1+o64EAWLjkxAWekBOHw7WqgvLyU14lwPQrpbLNpbGYixNWI\r\noD5V96K6zlZ/7yON50lV3t0pNT5LhAtMCiM=\r\n=OOE2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"85d3ff6d42516ecc839fe336441543c8df62326b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a86d36fd2.0","@material/base":"15.0.0-canary.a86d36fd2.0","@material/feature-targeting":"15.0.0-canary.a86d36fd2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a86d36fd2.0_1669774428695_0.2826167289647912","host":"s3://npm-registry-packages"}},"15.0.0-canary.3a1f46c66.0":{"name":"@material/touch-target","version":"15.0.0-canary.3a1f46c66.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.3a1f46c66.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e9ef7f328c07f8e9992dda4cf5fcfbbbbe82b218","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.3a1f46c66.0.tgz","fileCount":15,"integrity":"sha512-QQ7WXTb3RwTHjxvo2zM1c5yAeUwDTrbOl93KoGQqOgfzc2LdTuDCx3wQq7hI6psHmj5tjxuRP5nwmmsps0e3Gw==","signatures":[{"sig":"MEYCIQCrwCg5LFFUQz0G3/NuDOB6QPPeWf6wASRri+tFvVMujgIhAJ5MubuztLUMymQA+ycBFFC5f4mGNdiX2ix8UPf+d9Sn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh0dRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmraqA//ettdwRrpIoLgoNhBjnYQ0ERX1+Xiy/TEcKeowPUBTItW1OGl\r\n7l7CjXYFrpfaSo3hQwXU5IRY9GSXNBOTzbjOcJeyYmzcO8vqZLxIAgzW7MkE\r\nTeuemUEHBZ/jnwFsfVLs/y5RcdIaJFOv5bQ4QAENUlxHTPCeR4Ya+a2kitl4\r\nmsaQT7vImC8/z2MtmlrioFA84vJ5ogsN4bnYwsl59jl+tyDQY2AGVAoebDZE\r\n8PcPkeV/x9c4cSOj/vnLGRW/1tEvLW47QAF7DLjbocvKCwZ+iBc4tqVUcKkD\r\nAz49NuuN/BPJCp2UgVe0NntEtphDjozMarTaQQU/VYwoI7ylB8r+Mc5y4YFo\r\nYxvYNnGa7eCTulp01vVjRgWDsDYOkvUgvrXuyALp/zVttUHzTZv31CNmfDxy\r\nImH9QtWIH9vuREY8XWhG31G09BtR0pcoCsi4Coy9zWiDALJdLYEAvur/KMi5\r\nx1MliRsFGnYzXjwiBZ+eQ3sP4P9TIU69lD3NLS1zLENbGbNCGYCGfHs/1A5L\r\nJwQymm8vQrR/n3ycJVZkx1GEbiwFaOWpwDu1yrTCBQOvY6vOGeLjNywXASO/\r\nuK3t5Y7SyYvPPdO/PFXaRq6B0Zi/Zd/KBt0WYeben9Wgp9ZkAOWB7Z5XtfYF\r\nLkvbdWoHnScQd0DbKZVY3uqPBzcOwuquXXo=\r\n=ZmSj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c3f9c47a1b8fbcf554e1fce6da44837b6d412e2f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.3a1f46c66.0","@material/base":"15.0.0-canary.3a1f46c66.0","@material/feature-targeting":"15.0.0-canary.3a1f46c66.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.3a1f46c66.0_1669810001706_0.2146805862489407","host":"s3://npm-registry-packages"}},"15.0.0-canary.32d8a9648.0":{"name":"@material/touch-target","version":"15.0.0-canary.32d8a9648.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.32d8a9648.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1577d9ed33dc4568cdc6c585498f481348950794","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.32d8a9648.0.tgz","fileCount":15,"integrity":"sha512-3TdH5VsvwWgT9NFdqg6oz6//lVwRkWGd+okCsWxJ4k7cmXpxMDxsir4nzDuyNLOkSumr2RHPK/0SiCoSYaJmRQ==","signatures":[{"sig":"MEUCIQCNJ2CI6OOWVxJU5pIO9uAvM8DnbjDRfQUlm/L5Tnl4BAIgGqcra3D+ICNj6DqYM+Bc9p8m81nATVLss36IFDN+6XE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiORNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOEw//dV7GnDcGQ1iGRcuXIh0AiDu9lobQnfr2T/qgmEHpknSnfs9n\r\njpABXQVmDzkUlHYv9kmjnLPFXOvZ5hCe9zybrKkIV5OpQjgWViaJk8ezdFLS\r\ntoQzm21f9zg2MV3jD+81YM4MnNDmonon2GotUTVCIA8s4E8LEwWX3Vb8rGet\r\nOLayHbgQEPuZTyBdNT6V/Bvf6iocSoLpIXVT/PbTdt5qiPFfrXwmLuJ+uqxW\r\nX7/f1iDR4brMtaQqfcZdEjxUVRMiv7oeiYxnC1QdpsqGIy+gjwq1+dmgaEFO\r\nCGFqTQXxMMW/ntdXr6hcBhqQtC4tgLVW7Lyjb4+rULj9yKv8pHCt2lDlwoZf\r\nNqsywVuvO8r+T9/GcC141L2zApF0TGlOoHTcFAKorTvW4Sj0H4wyTW8Cx1yg\r\ntCBgTYelLlTq2gENHUpi3YY1yhpyGEzpz4W1a4SMWeI1d3V8JmJj2/+OQI1t\r\nF2isSOCF2BbhbxalcjRSt2mb7NAo1qjEFwgnKmX5dHeZizWyFby7gpc9vnVo\r\nIlfRdh7+wMOy1DM5JEVmdWNZlGCXhNaNiVuw/e5z/n3LzG3fbajsmVga81Zf\r\nE+cpEiCDpWY0WwZgq5GKOCP0hB/7rciIUSmkWRDKCSGV9RYO1/DiEqivevIc\r\nR6CA/wQWP00N7PgfHVVj2J1vMQX6asI9VzE=\r\n=uScf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5833a540d2f362be3d86a707323bbeb6cee2c627","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.32d8a9648.0","@material/base":"15.0.0-canary.32d8a9648.0","@material/feature-targeting":"15.0.0-canary.32d8a9648.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.32d8a9648.0_1669915725071_0.32802910322235945","host":"s3://npm-registry-packages"}},"15.0.0-canary.03618ab70.0":{"name":"@material/touch-target","version":"15.0.0-canary.03618ab70.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.03618ab70.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b269567cdb5fd2c94fe580c5fa107ec39a7c5e69","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.03618ab70.0.tgz","fileCount":15,"integrity":"sha512-EC/SfZQN07YHN3PcEIxuPdjGbuBI5IfDUGfyfaff+zZ4DFEDqawIQ4EgARaTvDRAWJ7kOs12C5FS+H87IanELA==","signatures":[{"sig":"MEQCIAGehR9BTJP9XBNNVkmv7YeK/C0tC3YNq3+VVhAfXbUfAiAYNwtYzObfBil8RX/P+S7OCD1AOowE9frqnrLJ1uDm9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRRwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1WA/9HpVb2bVJCrw+Zyda9q0HrPjYv13vXdEyP/loFo7YTtVFrRUw\r\nq64BYpVaBkIcHEHOJcmMTFU8ucwK5zxDXtqooHrpzotL3Q3ItNaTFaFm3NI3\r\nPIAg1SjH94OslL7rG54W6ahqDMKEzjRkPMq7EfP+OqS4qq27p18ns/IQzQUO\r\nHeHGcczCYyxSlKGu4gXUPwKUMWuevSubjlYTZvHo273aKrwah53HKIXtQoY+\r\n3UrOb56xFzFBkQi9a7KnYsvDSHHRc6rxNwDFv/jjV2pn1KTbwVQO1Enlyon+\r\nluuhi4hAq96faqAnWsQ9GfdlVeSBDB4stRrE/j1OeUhYO1GzOWiU6TAEM3eB\r\n2f0fBb5TSOLILmT0jFw7sxOpSLenDdJjLY6vtPOAV831Zq+l7BJx0Bl8fW34\r\nxlyZVZ46La1z8dJzrQ/tvjPnLpsLg5TYhMp2tP0GXwAiGI9lPNmkfbl1YfpO\r\nEf/Dr5xSmTdIsicqCQRt7uGDRflbvne0O9DRDBQd5Uk2VW0M07RlSJjTWr+I\r\nXJgKmngrsPi7BW24uyV2UvYhEmx8Rx13VWcompwZuwltLJbrBGBHEzMSKpPf\r\nS63nLc+MY1kHV88BmhPM2BBqf/KWE+bAjqjkIo/6COM3rA1NZH3mvXc1ysJ9\r\nhnRKYM3a/nFXlFob3lwg8bVfD+naEAefGsg=\r\n=kKn/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b7755627c14a2cf095b6ee87d1ad15c14430ebad","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.03618ab70.0","@material/base":"15.0.0-canary.03618ab70.0","@material/feature-targeting":"15.0.0-canary.03618ab70.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.03618ab70.0_1669928048336_0.5281055356461211","host":"s3://npm-registry-packages"}},"15.0.0-canary.68aaed940.0":{"name":"@material/touch-target","version":"15.0.0-canary.68aaed940.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.68aaed940.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d5a2637096b7ebcc89dbccc89964fec144c535ee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.68aaed940.0.tgz","fileCount":15,"integrity":"sha512-f1EvP20p9OmgA4K7oLn5kvc9BiSF36rQNP20guIGgF0jI1kOjYCxAiWFmqxXuYgrbpD7yPTglLGB6HYokC4j+w==","signatures":[{"sig":"MEUCIHKc4jWPSpFN+n4fw7c4C7wEYjeMLyh4TOjJVzc793OVAiEAk0gC704Qc1+0wW3SpjkUVK8ju8U/7Obul7kGoG9yfZM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRtiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpreQ//XFAYxiGkFDMOFFUdGJ2dGyjwfjgrRQxuGbeZWKMZQdr8Me62\r\n3cpjavZGG8QMmyjAFWa92K9MPCRtnZe9zUIKNABGsyb6hHA5osFP8xejGHKa\r\nsPeQ4l6aAjReCPWQ7hyzWlIXGI9LjLrm7arAQMdgAL7HZG1R4OsK6Nb4bSVd\r\nMxqWu2fECZVu5lK5WeQbuGZyFOhRv2n1V/5FQGdmYt6BEALDFJ8PmMSOzxbh\r\nNEyed6BNMOxkbZ9I9uec/p04jzV9n47ql3DOnIsE9OobKL/l+E1G/BeGV/ks\r\nzWwBrPQDzGP+tiLoi/kzZcZDXN0pkwts71PF7ErvCUloukhzshEAy0rsE3OG\r\numBiWV/dwO4u8jrxvlrh/8zbzzxBpqM+qjMw69iG2jUTYt2M9hAtUInGDBkS\r\nQrQe1iBkZbBfeCN2+NLnUNDt/nwizNO+Oi0XzZyZFP4KRhODRZAo2nCQQ+Vt\r\nL3kAhRQK1EToWO30f9Ue4hg4PMPy9ezheanBzXoqhAXEf4HtTif96BdiT7w0\r\nknN/qj3T6uSYHAdW7sjNtwyz4V/OMJ8vJdiJEMP+AK206oMBznsDfxCVnDQJ\r\n5abMioFiz2KqEKbRy2rM6j+1oWV4yHqpohBXCBh/DLSMt16jnM/BGzw0ajZ2\r\noDmyfV50EG8vX53eHX1xvKu32DnQzafDnmo=\r\n=pXDo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6092c4f3bcdf41ae7f55d37c6ad51793eb8f040d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.68aaed940.0","@material/base":"15.0.0-canary.68aaed940.0","@material/feature-targeting":"15.0.0-canary.68aaed940.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.68aaed940.0_1669929826226_0.3881751743951467","host":"s3://npm-registry-packages"}},"15.0.0-canary.f0a0bbc75.0":{"name":"@material/touch-target","version":"15.0.0-canary.f0a0bbc75.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.f0a0bbc75.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d88d4da0255765ceddfe5d914bf7c084fa86263","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.f0a0bbc75.0.tgz","fileCount":15,"integrity":"sha512-INFUq2XC/0Z2wSTBhqvefKVYfXoJgwMlBUfzvjf9l2PunLLlu/Nqh1t8b9cYG5BH35ETvSBJnyYIiyNcd7xUug==","signatures":[{"sig":"MEUCIHIquGNcwOz857c5kcPLbFARMUD/SH0ljLVMTztzmnQEAiEArhKYsg4xifBqDnGiXs8wFdeFBwenJtNuzR2/WbAYTQE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjib7mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGxxAAmtHJayuTeyaQBqbCANc31+V4DUd2S6wRj2AJQEMH7ImEYfLS\r\nKF29TuenQuIMpIUcpsq2TdddrybNq+TR9uL869OdW5mZyBCtwQfGelLq9tPi\r\nZ1KyTuaa7k8EpBPP/0FDREbVBzK8tPTSrxPkSwFrrQiJCznoxn9ubSjbmnTd\r\nnRqcWLPi1S0h3yAegq8IbT2eSX5mEhlbUSmHAdIdqSfZs8tMXP32p61QuaRr\r\nVk+wfabJzvAlurJQTo4fzCQ/t7zHHf6EkZ0mGGUjEr2zvUSBjmZGu2oe7lRo\r\nz4D7k4Bh1Omcr+4eo9wdV6AV3nlvqXO20eZpqoBNhQ44BpscFh6mvnfZODyv\r\nBodLgbSIoCMIpDYt96OrU57ApeLr1u5GHx1lWQK8YFy25UwCe2/+3tmVvC1Q\r\n0jQfpG39+sw3Hz0tTp0X23q+/pg4mRVW05d+9JZ+xXwLMdvQRJClKhZ5eZ0Y\r\nbO9bVCeRkHgwqu0wSljHhVtxyU7iUMOgVsX0V5EHKBMmqk9lPYvbPhuamqR8\r\neBWxsiRsK6fqmBejwTV3hIDBSOndPZwpZ9z75r3nJaNEwonp54AsRzocCjzh\r\nafK6/SEatFlhu0QWXdEXllKT3DoKVJcmC6CHevQyLYiXxoWlP0c4BH9nzRt6\r\n/IVHw/m2UgMrjSeaA4cqTBaISwY5sPnGFmI=\r\n=8ayv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5111125522be9e3847929d9bbaf323f31e9057c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.f0a0bbc75.0","@material/base":"15.0.0-canary.f0a0bbc75.0","@material/feature-targeting":"15.0.0-canary.f0a0bbc75.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.f0a0bbc75.0_1669971686097_0.3814522070204984","host":"s3://npm-registry-packages"}},"15.0.0-canary.dd99c8764.0":{"name":"@material/touch-target","version":"15.0.0-canary.dd99c8764.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.dd99c8764.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"13e7ca5ae94c120a4f57f843a1202fe334a49a6d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.dd99c8764.0.tgz","fileCount":15,"integrity":"sha512-s/KYouEh7TyCCa2LOIW8UISsUi7Nh5CkjtIXnc/nJ+1TbdftdWmyh89YGHZt/pgw6lM4FrvrsMm8tlWIlYqf8g==","signatures":[{"sig":"MEUCIHv5xLHSzD+N/B350nbSVwfGfhYVUU/5aZXfY1tbLZC+AiEA6uuMZOdkyg2Got2TEGBNVA2AZnSr3IDN6hFzgO+3ihg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjigUEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrlyw//b96kFgiQgJ4bPD+veo4CDnQTcdhgpeG7njhoHdiZsSMo4UtJ\r\nPGbDJZTWhKHyqZmoV53ME8yWq3QuxYqrzfj/VZ52h4T2EJgyMMU6Th19aZgd\r\nr2yrnlaQ+oYblT+d66rwpqSOxFVJRGayp/1Xd6MmGnDEJSQu3+/Wk8PiU17r\r\nWpIpIezC++d5Pc0+yTtbGbnxy8z4kS3QT7c7YLpD3jNwHi9sUclY1bGsZvyO\r\n2cUka2AKd22cWr35Jg65rkUbPruCt3VFPYTvfBdbhzrpvEVGM+RYgqaEa9Qc\r\nImYr7teLNYongpSGJAYDtCk+a72j8Ow8MRWffWzkRKCJm8w2WLbnDFZFAddJ\r\n7ffzZUfAgnzojhbSwQg7XOkId20YfDyIOT9pHTGt8HeIsN/vJMrMXwx+RIAS\r\nQg5nBcJfSslDGpcUoMfra+KzcWfDgRmb5uIQV4MAht+LxAirXiQj3vZk6JIs\r\nKMtJLUoKFWAFKSvLcOUF7ZOpF2Wty0n4pc4OYpTT6xX2wL0fMd+s1M6qr+eG\r\nKC3bs0PiC1DHEVuqoteDyqIezgK5YQivu45Shv2BVUIQQVxpgjsI6IlhNsF0\r\nyjMtlk9B6DTH7DEzQ7mBn2B7V+m3o0UV1cWstq55GkDFWBov43u5d2oQFcWU\r\njVHeJ4iLNDt7KjLS9/sr3WF10kTr/hov1s4=\r\n=7MXZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a9ff7973c7dab53b620d5be8d56e0c491cc5e7ed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.dd99c8764.0","@material/base":"15.0.0-canary.dd99c8764.0","@material/theme":"15.0.0-canary.dd99c8764.0","@material/feature-targeting":"15.0.0-canary.dd99c8764.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.dd99c8764.0_1669989636797_0.09356275074006581","host":"s3://npm-registry-packages"}},"15.0.0-canary.fabdcca3a.0":{"name":"@material/touch-target","version":"15.0.0-canary.fabdcca3a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.fabdcca3a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3454dca2ecc768cf094f48df0839091ae47aa1c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.fabdcca3a.0.tgz","fileCount":15,"integrity":"sha512-UwY2YAGK31iMRBAVwH1r8GO6lPgEgafiNXDf8q85nZEIRcQ8LCl9KRPy18uRK8nP3O5xVV4tZQrpHDQx+QG+Yw==","signatures":[{"sig":"MEUCIAr81f6MvoyVpvVV9kW8kkscVR4zB4Eq+WwMfjr0JQRJAiEA/yXonjqljosI7wPyplqZnLKK8+SDlaK20irP0p1CE6Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjihR5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwMw//TUsDOaYcA1rsIJT6uiylgPNDvyfqcL1oQRFuB1PCb43FP1A5\r\nOr1NJWkFkzD46mmcWSfQcw80KVWzlKm6s9w0S9tGh4AP0Eu+PUp36bW5xuNI\r\n+J0jN32aVzSwVGHoZqpxDXEK+sDi70lwlITH5h/r4u/ptmATozP7hpIbnUTu\r\nXeJyt32yCuZVYbsvtYjdNtxtkbZnzPjk4kI03xK79SNuF3RMEzPiPsdAnpTc\r\nqGK63SdN3zLmof+2MnJVnNJ4irdMdcch+ZW8MmRbGeJMcaUN8SfnjjugPayg\r\nF/F3E/Y16JVSmeB6FavopulrED30GVjqNmZ2gDAFwrxltx3qCAXoB1u0Pv2T\r\nAoKdy7RAXICR/w3AuZSwp9xui3j2wEEEzODGiNIjUqfj0FU/r94312CrA2Jx\r\nSjeJ3ZCQwRGkBocBFaqf4hJIt3Clu0RSVOENNRZmzj9A+FJpFNAqzXwCPfxX\r\noi13BPPyvrdn3FzSYHSwkCWoWNrMQAAXrhbZYw+m9gcCurWtUCw6WdExlKyS\r\ncgu+oPw4cnyKGnAODV0OccSx1Lu6MoXvgh26YMx4mZ2LkpduL2CiM5ThVt4C\r\nzMvsbW69yYn/VnBjQ8m2RU0PbShkJfs6s/AF5UlEJnB383TnOiPWknSU2MIZ\r\njf9NNDNH1hIFA4K9XudjomlqJZDMgjwJ22E=\r\n=OgGA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"18ea36a1261419acae3218fc917dab4ca111bb9d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.fabdcca3a.0","@material/base":"15.0.0-canary.fabdcca3a.0","@material/theme":"15.0.0-canary.fabdcca3a.0","@material/feature-targeting":"15.0.0-canary.fabdcca3a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.fabdcca3a.0_1669993593761_0.09908245882899891","host":"s3://npm-registry-packages"}},"15.0.0-canary.2d26722d2.0":{"name":"@material/touch-target","version":"15.0.0-canary.2d26722d2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.2d26722d2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4898968d364c6479695274965312699dfb351a7c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.2d26722d2.0.tgz","fileCount":15,"integrity":"sha512-Dl7UaOXOX2a8IekYDmCSLGlpdut/6QCfoLOZqhkG77XND5kl/yw2EGtt5XYypIlhXVkOWSDFj/jqFWzB/ZNOGg==","signatures":[{"sig":"MEYCIQDsRvfe5nA9Z4AiJORqWo2TJUCZKaZx3ZrZtacmYCo/JgIhAM4sde7WF4TQksBSY80W8hxPB8PKm4NJH5q8zoh4Zbs0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiiclACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpx9Q//YFVoRPWJsB0zfQWSOaYnG3zG+eQXw93tP17rQwzgD8dQp/QK\r\nIEIqDO4YsYxnqYnpOgPKNDDTikX3b5BL9nxBhV58xt9dLa6LMZyJ5Wjqz1ww\r\nA8/WzwYTHVhGLx22oMEAYBzKa/1KJ+wbmDrqQufAPj53tTZxdZVg/Ko4d/ID\r\nNcc7RgSxC04kF7rc4iyNNdE3FfGOxvMiMa2zatszJjqmb6lPwugWv191L70z\r\nA8D8R3QHpfa9/fUvN14KTQclTHMWzSgPa1K61oRT7uvHN7THU8ds/ELUzf3M\r\n60zu0SrJcep80mFilRlNnTHeChLNyIFwD0HNF/SABNDQamOmYh/Spq/K9v3a\r\nOnIDXJpeX4273oR8LYbzPtdqjnCw6xHvLIC55gOiEBuc6fVSLp/geAZkrYD9\r\nkSDDBdBY/pOaa/+xva31xPUZjJzC6V8YoTitdS+NaGZwABGFTBjc+q4GBq43\r\n0cEd2xEh2qGf5Ni1HI8LZ9vEi15L0c9ek/U7NOAmBV0+CXXwQecqFMzDLdbh\r\nWYjoZZshxP3LnQlAb1QWAcA/Of0Gue19MZoH9Ks8Lm8iB+/Njh8sycRBbsIT\r\ni8xFCCbY4NQcSi6QyaNfaJBiXoy8pQk45bLhrlegkYbrBqBT7lUalY1q6W1P\r\nbyULSGbfuuvzya6PRGs0YXskpqKcpez8j+M=\r\n=pa+T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"76df2659d7f71f74a86512b38245422ca356fe12","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.2d26722d2.0","@material/base":"15.0.0-canary.2d26722d2.0","@material/theme":"15.0.0-canary.2d26722d2.0","@material/feature-targeting":"15.0.0-canary.2d26722d2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.2d26722d2.0_1669998372771_0.7359975588041654","host":"s3://npm-registry-packages"}},"15.0.0-canary.eaa0c3a86.0":{"name":"@material/touch-target","version":"15.0.0-canary.eaa0c3a86.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.eaa0c3a86.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"248c94efd5f5e30287c7de5c76ae478ded53353d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.eaa0c3a86.0.tgz","fileCount":15,"integrity":"sha512-vTF+hAmJX/qNxjVIEv2ZNKWbgLrlDSEc5GC7TdF3Nhn+jOdqNbOBsppcNvJG+ZuGn+KuehpqVtSDcn3XL//dwg==","signatures":[{"sig":"MEUCIQC25qtekqrralwXdrqD97yprBb5sCQt9LZJmzbjqpHHogIgZKoXaZ1XfKdLphiGUwtp4M/dHEjnFQzP/wgkpmP/JCg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjijj3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYFg//fHF3lGhCxOpPJVRzXYzM9YiAxTCOAexJAsLQFURtyA6iR0+C\r\nMMPxffIXBWQY5vQnSkUS70gdLLRAPXOI9Oj+V0knBUF0FyvqBSY+dro4cUeO\r\neHQlnbovPAcUR2M7KPY1Fbn9jNGTeQv0E4a1mPmzUFq2QT/teDMhQDm2XSDg\r\nk07FuClKsexgG5JA+ZRt7MDBOmVQb5LcEGPO7hWTiqYZ/zEug9DB/a7G9abb\r\nhMIQuKkouuUkRsz11QrRBe3hq7qDKOJTB3Pew5nEti6GKFC1cpFeVQE1UN4t\r\nz9cMVQzWffuTlldV5iZK5KmtMD0vJcRG85yoRxF4YXQii8ICmUlP8sZvdVmC\r\n+NyWflKSZLpCM27g9z2aE7NCfIAB0yqz4jyqNa63m9o4PaxeoFQHLr2qjvAw\r\n5PxThcN3N3FJq/BplHHdO/XIEY4VObn033xY6YhVB3X7DI+tdrp9j6sYlwg4\r\nqflXkxIyP6HSzX6OEH750DibOVyDW7oieCygdNTAkkHd7KhDezKkZo6EsTrL\r\n/J5VUKoti5IOmBWLjM2M2YLyRSmy922jYfpr+S7bw/rXrSLzbr2tLX1azot0\r\nxapIpMHnmgOTGfwtHQBEUDSlbyDu5xs9z3NgQ+btR+MhSl3xSAwAHRo+fFOa\r\n8YWCotXYlJK41QfazWp0+ofHbsDjVeIMIAc=\r\n=V7Ev\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c54316c7c60bacf8254758124c9235dc48d44064","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.eaa0c3a86.0","@material/base":"15.0.0-canary.eaa0c3a86.0","@material/theme":"15.0.0-canary.eaa0c3a86.0","@material/feature-targeting":"15.0.0-canary.eaa0c3a86.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.eaa0c3a86.0_1670002935077_0.6885443405496845","host":"s3://npm-registry-packages"}},"15.0.0-canary.79a613bbd.0":{"name":"@material/touch-target","version":"15.0.0-canary.79a613bbd.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.79a613bbd.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c851c75bd4121b823595bb5c2bad0c2c93adbe3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.79a613bbd.0.tgz","fileCount":15,"integrity":"sha512-kjiJJKB51nYzUUq+MuHRsjp5+HiOZ2QgeKIIHkZC10YXLImfHYV/7ZyXTdg8UE45gzepfLG6TMEHQOxzj/tc7Q==","signatures":[{"sig":"MEUCIFeprYDEfvnCW2SMg12mQyBEymJfKuEa8ektkXnR9oYWAiEAhMHLKsV+KCCpJ2DGWc/ieim4rqwM/2960QYSr8chRCs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjj1DSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYHw//al8+y6BLVAflvxCa+vlvWhP8ToWkqTBWRx6gZn8VjdcikDvV\r\nBoVzSd1W46Jm65uDI13wNV55UX99S81fzM/lxJNeLAobbEzELgyOx+Kkxf+j\r\n8oiqZa3FLr068uhxNfCVLmuI4K3yW4X8e0akYmLHmmN0jdWuOodMmmc9RIZB\r\naQ/BBClfzO9FdBPdy1rR5m9zl8Krxty6sQetO7o/c1cxQdCWj9KdCycJjsaG\r\nVRyG3HBe7hRUakr3rhti7wD5bks/yA8EwjPzA7OP/Do6+ezGBnpyt6LswNwa\r\nfYx/lF5+ReYqI1Tu0jCQX9Vo4DSUeXP+toihrE6VT4gZMDJOSAhPYwAUthCx\r\nC2D17Mpg7014+ZivzBNEwbV+tSh0ZocotVj8u9RZOvnJGwgJeeCtKO8ix4Gh\r\nvypq5Sf08DOrHtSdamtOdiCwYSBv2yRRmyDfntzaanIikxQfr37ojl+1Pe+s\r\nxg1/6eBPdbgieR/9vv+vNeTMidtPUfeZ6hnQz6becmKwWgb+LvCLxFkGDX+F\r\n7aYmOQTvfvlJQT8a5wyBHusBBDI+GcR45hSEmz36ptktZ5/E07HoqvLDn7rg\r\nojDFyX6L/Plmre6B4nzF1x9FB9UaloLlCn/rZazTBV1/6aBuvyWXikGuf6uC\r\nnyHW58k9BktAycc02gFnClSunXQ/NkYr7UI=\r\n=E0Kj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"755ec1ef0b2cccdcb0c8b888d199b4748e3ba10a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.79a613bbd.0","@material/base":"15.0.0-canary.79a613bbd.0","@material/theme":"15.0.0-canary.79a613bbd.0","@material/feature-targeting":"15.0.0-canary.79a613bbd.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.79a613bbd.0_1670336722724_0.25883176220996074","host":"s3://npm-registry-packages"}},"15.0.0-canary.c871fe61e.0":{"name":"@material/touch-target","version":"15.0.0-canary.c871fe61e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c871fe61e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5cf43420cb5d1a1f2c58247bc3774aa902f8ed66","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c871fe61e.0.tgz","fileCount":15,"integrity":"sha512-nDBG0bh0FYz4e9ACid1Y1aOWBtrK5dJfsjkKyZlIwxWeAa80rMd4PwwVWSsZNCTkyjq4YkFhGumvU+D4JJvvFg==","signatures":[{"sig":"MEQCIEljozFZYvv8EoGkLYgtR68kLFcJG5wCj/1qAl4DEf/8AiAIcQONzDpGClXobIPPpiDOBwRK6xqg4KPVLB8BXCVFGA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkEYIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonjQ//Q4jLHaIIimsn2XUs5CxnSfvOj3rd4SKd1LJ9N8sPWcdlg4d6\r\nGm+uP58lflmD/NSz7mkNAYY4fGoefgTQyk023Oi0s6mxQe7JW6EWVBvFWxPH\r\np/raCZh/etX+DK6+pZIvhqkvdJSExZT2YdBIXPpGa4cEZW2jNH3+H/xqndS1\r\nCeO8cvVAJ7oo4/Bga9cIxO6r0neNVf1BRAD+HXAaIBuTeiwmm5FpTUdS5Lni\r\n6M/qUn1Z1x2HFdXljnv1C/LazlojkJtshjfnJOw0oyivQZXAvnqGdJTvCX2S\r\nrbe5EYbx5Rlrm0h9NCFJKfBbT93pka2hQB+6USaV8z/2iP57Vye08sc6V6xR\r\nBIDWAh8PBA76N/SlOOVfPsrcuY4zPMYjVtSFUQfoLSSBYfwJpeKQFXNKTMRv\r\n6IhB3kiTsJxWZPk6TgjBjOqmRHI1m+Z0xpUbW/+/Q1xVFrRRo/36HKMvJRZY\r\nOQrdmKiAOgUgZo3JAU+HmvmSy3DpahibG6raFdViKDfQmvTpZUjaNjUgN77A\r\nSEd4gGuyZKT5YQe9I7gfucCRSGAL21BNgGQrL9YlZh/5YGTahDfx85Bc5nuR\r\ncBPCMwZJT3ywTTNo3E0KX90DXLe0XTotzVJoUNgUTadw3C9/fKYP3v7E3GaM\r\nB9TTFtbdeSrYEs+4qtIJyWTDbU5UAQQM2AQ=\r\n=IXbo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e69be4936d1304c30ff7b83af8488b43c0ad5fef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c871fe61e.0","@material/base":"15.0.0-canary.c871fe61e.0","@material/theme":"15.0.0-canary.c871fe61e.0","@material/feature-targeting":"15.0.0-canary.c871fe61e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c871fe61e.0_1670399496261_0.5220674565809789","host":"s3://npm-registry-packages"}},"15.0.0-canary.9eaee7936.0":{"name":"@material/touch-target","version":"15.0.0-canary.9eaee7936.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.9eaee7936.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"705f52495d65915345af406cd6b631d0f8d012f7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.9eaee7936.0.tgz","fileCount":15,"integrity":"sha512-2EWLYaeqe811b2qK6aTsCNffGGSr6WuvHrUgSU1iHINwHNt803/O7CuBVgOWsYq0WNwm2YzsDxWf4lWTNbsJUw==","signatures":[{"sig":"MEYCIQDCiaByDinWVS2LcoTjFQtMXJXoZVo8KKxP82JMolD4QgIhAJSzIgE44ZkbU1jraSiaSWo+cgA99V2DmjZtScx4z1VG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkPFcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwXg//Tg70PKZzHWDhrOOfjVcQF9mDcsvoWKUJIzBMLTitlMHnav63\r\nb7j5MBaZM2R3KDt5C2l98loQWViMI/+dz3GP7UhGgaciofqGSSinvk33umRN\r\nYjRpb/93LHG7UFzQT91mOGys+USrujJe8AIsiFbk2Og5J4BFYRfJPI65eYQj\r\nbjN8Qd/QxDfk3jlcLJrXO+e9mAvd4v/Cqe5AoVJmaVbxRiM9GPSAj1bAIqc6\r\nv8YyR135BRQZwxEptXgDgWfKO5PgAX3zcGYSks0GZyc/0GmfTJo87SurnN7J\r\nAFrHZmIXCtFapuL51vcRS4bj/rcvO2HbZQZ1RHK7vceSNQSTm/L44vYU+Kdr\r\nO3wW6kmt7K+phC3UsrdUQTT6m4iIAhZ01uhIOSyTCIxMeh0Agk+pLVuYZL5Q\r\n2Cue0y2LyG3foa/DxO1DKaVP1jXSdoiOqXQP3lsTBWGiuJUcRi6JaYWL8T2J\r\nfddrjRWYxJa1N5dweqL0XLE5gJM832eU5G+oahno54oZsRfMQ6RIYZfvG38m\r\n+3zjFzUivxZzaE7PduNbcsaya9+8uQijdPejNmiWamBB8dCnprtig7cZ+YxW\r\nod88sixrX4xX8Q8VUFRJr6UyldRTy3x6NvDa7KX8ZKK1kKdaLqyk+eAb2sZa\r\nDO7wkbwFwFnpf7Rx4rVaEibXmQZelc5ky4E=\r\n=CC6g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b1b576e68a716d1a80dcdbde7a572c11ca937fef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.9eaee7936.0","@material/base":"15.0.0-canary.9eaee7936.0","@material/theme":"15.0.0-canary.9eaee7936.0","@material/feature-targeting":"15.0.0-canary.9eaee7936.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.9eaee7936.0_1670443355895_0.6746179255651981","host":"s3://npm-registry-packages"}},"15.0.0-canary.1d37bf601.0":{"name":"@material/touch-target","version":"15.0.0-canary.1d37bf601.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1d37bf601.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c1fb3cca89d16d6801274f73ce1a318062ed5613","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1d37bf601.0.tgz","fileCount":15,"integrity":"sha512-cyOy5LZOA4s5GSSsRu7QGugacEDmhoqZyo3dKg1dmFPVOIIR2cSQQPJ19r2flTS7atgytqCcHQHV4BZEhxOy3g==","signatures":[{"sig":"MEQCIFhXxgrJ3SphXXKxWNcr+2B3ZxBnAbODTMp5JCw54uovAiBjzZwmxXO1oDu0H5L9Vek6RIOEWNLHhz2x0aOPZGjZtA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkPpcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdoBAAjnOj6McKQDAqoV07NaGFVz4ATOMuw2uyzn8Y3Y/IOdLh/PV/\r\nfqstrZuJ8+kFZrxHA+ch3budmpIA5zx5ozepcL4/tlYHXlyHTji3a6LXbESj\r\n58U0FT46bajCmF2hB7Orxc+NdlLH3Ba/K1R+oooKCwzQcGwUqz1tltOr572i\r\nZiQ7c0fQcPmL3I64A6tyYwbanEXBook2mfhA6yoTsz+odacXaZfdTlCrgjui\r\nzYTH55trKteDUJXT+xEzHjo/9yIS3yqZBe2STOaUxU0o/nnFuZj6agoX3di5\r\n1blji3SRMx1ym9dOSLFgAeEAZta7uonbJj2HtoLYz4JpZxs+sDhF6OljsIMf\r\nSCXgaefWfo3vtk98tZk9gG7cqP/L8jcR7galGn7wDlSd6BquLEUBXFZQY+Lf\r\nqn1mZQvWpI+U4qj0PDWkef4uBpDT24+NWR7SF83ZA0J7qWDdU4dvGltMlpQU\r\nqk2dlZLNFmOwErmNVq690X2j31YfTVCWTOmqT5VLRYAjXWJJTLB6BnWFozLV\r\nKALxzXUkI3l8dx3R4NtTiSRSMq7Ii1keiE8Fv3OSP1UFTmCrhHDrjdj8gEVd\r\nt/Hz5QzKCPeESaxFw+5h/Cdlwn47MnPdOJw4PSdCAKr7NZDtZhIZIKMH56lf\r\nJ9HOLNerFtNSFy1pU3rjbSl2SxzwXrt2b1Q=\r\n=frU7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"747a03f19fc88f7a2358a382989e729013e06df4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1d37bf601.0","@material/base":"15.0.0-canary.1d37bf601.0","@material/theme":"15.0.0-canary.1d37bf601.0","@material/feature-targeting":"15.0.0-canary.1d37bf601.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1d37bf601.0_1670445659941_0.942814217633047","host":"s3://npm-registry-packages"}},"15.0.0-canary.a5fe069d5.0":{"name":"@material/touch-target","version":"15.0.0-canary.a5fe069d5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a5fe069d5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a6d5b36dc19125c8723fe94fb79ed00e2e9ac031","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a5fe069d5.0.tgz","fileCount":15,"integrity":"sha512-d4zOURGtqj20GoRcPRPP6gJfOK5TszSt5DtU1RMpKgIpHl/urVXWidkwyWH+eK1XF4XYd3d/Plnh8vB+M/UaPQ==","signatures":[{"sig":"MEQCIHIHmKoIjhFK1Dvds4YNeUJVr0oAXRfgD3+RNXFPbijwAiBx+9HIXpGb1hnQbqpEVy+WbbKauOjBdDu3H5bJ6a3O/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjk4HnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqGhAAndLSzLQGLrkgISZi7DGNNz23UvpUhPdAtazD56eH0BTjRNU+\r\ny+oty25l6TTvF1DNXin0C5f1nWWihJA15dLqhlY2JwcsjyzgbmJ2CuR0xC5e\r\noSn/79J9V+K7lWBy5IpvfQ1k3IFiRh2MxDeAF64yT2wXwDu1zm2GskZSZUZJ\r\nd5aMvBvPtpoKE7en2DJOVx32D5Pmhc3zK47m4DJk5YuUN6hIKChIoryjuRh6\r\nav2ayzX9gqA0nhLnaWQUcqBrQZjznfKlAPVvi6Q5dUoIJUK7Vb0dstXNEjVA\r\n7F3s4R1APOyV+yJusMtLc2lOuc8Ha1Rj1F9gkEplPdOK9RtWWVd3bz87XO0t\r\ngzRXe+i5WqqfzvAOBgSFqzMJCGvweTxeoC8Up6LUr2tM/Mbpgq+Pv8rQQRy3\r\ny+rp9UJGQ/PrhR4tWccNnDyCn20j2OLXvzvORHpxLDEB4XMwpJJxlIerqtAZ\r\n8kaF+lzRgnBdLNk9x+yosv4p2//Zq+nm+/uXaCYlklmGPo9288NXUZGP9fmr\r\nvWtXBgXYVpnwOUptMG6ogpzJpFYeAdLhmMZo0cuPMcRjdABEVwhuP9GZZJWC\r\nZrtBgi2jCzp2s0MI2+QsZFe7ZthAU+f2sBdzr+C/hvvLunCGLgCIkRCdUiz1\r\nsX0tIk1L3iY2xkOxUXdzHpnz1+thjFlOUl4=\r\n=w92a\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c41dbe93704a7d03ea10d8f1b4de13fb8c6e19ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a5fe069d5.0","@material/base":"15.0.0-canary.a5fe069d5.0","@material/theme":"15.0.0-canary.a5fe069d5.0","@material/feature-targeting":"15.0.0-canary.a5fe069d5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a5fe069d5.0_1670611431762_0.9021856266655721","host":"s3://npm-registry-packages"}},"15.0.0-canary.ce8b5326f.0":{"name":"@material/touch-target","version":"15.0.0-canary.ce8b5326f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ce8b5326f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e462ad93ad2b79bb2210028647715f0af50bce7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ce8b5326f.0.tgz","fileCount":15,"integrity":"sha512-N8GK4RXi4PmP1Qy45Kc58MQ3e3pUSv+xHxeek9NXBx+mupn4fdU2zxwKRX/qumb7/c0vQILHdzNrFW22P16/Yg==","signatures":[{"sig":"MEUCIQD0KPWGv7O1Cj9acaK2G7Vl0eQ5QCO5XYn0QNHhsOODogIgbYOvv5yclQ6oxPbHDoUq92Dx8+q6z1KpN+CfUh49j8Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjk8UTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpjfw/9HBdZggv+UBpZ4Rc73HG8GpGUEqYxu3BOte2fL6cWPgtLjdp0\r\n26XSOcz2BakAWx7E/ujhq/npvP7PWREYI+RY3RbI1Eh6z9oJtHG+uucWNiwI\r\nimxUSp/ADanfS5licR62r96kPEDsE5/UwCgtPV7A7RmMnQ3rvhmDTRn7+2sI\r\nXGHw2FtB2oSLxIMMiiovW7w4kfD15JJRW7KvOEcCcoCannV7GlS6tU/tG5Aq\r\noHriCBQ20rk1w6MiIGx63TfpGonvPnUi8exg+I4x0c5a/1p5du0bahM+T/GD\r\nFgEzzyXJ8yofZn8qkTlDSjepzW26emfFkR5CvcERTgE4OO9T7Mjjg9nv3Te0\r\nCp21YmxRINYZoabPkc694741HppecFYWFrGCmJngritrX29usC6qpzD1SguT\r\nRlUb4m4Ivj1UgSl/nv+FYhlbeQIQNhNiD4Dh+QledhQxrSjMq9e+eUJcejQm\r\nAWoY5RAUIt1fC1npid7BomnROYlHRz9I8l6V1IhjHHjlig3BzOBBqTf4bgos\r\np5WUAvCTbTBpFRfUXFhuElJSNT6e3MSiCEYUhy53tbXsKLE83r1DoptPdtsZ\r\n1ZVv3YoL3qF8u2hv59jsYXnJKBjtPzymb8QPxglbCh7OHb055QZsp5GwJUnC\r\nu3WV8hBdQM8eCtgqEF+flIXBq49fLFx40Yg=\r\n=wNS+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8ff7f9974a16b8178376e943748356193d364587","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ce8b5326f.0","@material/base":"15.0.0-canary.ce8b5326f.0","@material/theme":"15.0.0-canary.ce8b5326f.0","@material/feature-targeting":"15.0.0-canary.ce8b5326f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ce8b5326f.0_1670628627838_0.1423796868726721","host":"s3://npm-registry-packages"}},"15.0.0-canary.43f5323bc.0":{"name":"@material/touch-target","version":"15.0.0-canary.43f5323bc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.43f5323bc.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97cef322b5962e3bb1e7b476e142868edb2f0994","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.43f5323bc.0.tgz","fileCount":15,"integrity":"sha512-ifirztyCRolD5O/p1zqfzHkdvITRKSC/y2qGcRVVzOAfNOFvkVyq26tvjUTckCjxDa+/mZLYISPfYW4BR0RHaQ==","signatures":[{"sig":"MEUCIBYTMKTzrBQNR0iXwORUMT7U+jutjwP+8fH2nWdiKGlGAiEA1grexFIqUdYBr8FiaiesCi64D08FlYeHoElTzQIfHJs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjl1rKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrnUQ//QIkPAGaXi+G+IQbRaJmaccVLdChTWpEoHgqC1v4r6Vu+t0/k\r\nitCl47d10a+rBc8Cl1edSK8nlnsAZ5kTP7hb657a0uMwqbu9y7SuJDeMqy5o\r\n9cpn1c5fdPyrYCjSQmgYQpb4jsbK9NQFh0gyfPXhn8mK3y3wp1Bp71kA0M7q\r\nhO4qdwtNffZKsWjvNBxc6Nx6tWqK+2XwMOBULDOOyelluOhz0XQoHATgmbx5\r\npDkKtsmvRkvhAkzJi+d5Ef2DdGkNM73xfp48/1T834f87ivMXoUDQrx3dVe2\r\nAV1tXZVNs8kwQMTwlpOcTpPuo5gtqPu1GRTX5ez/OaGbO2S7c1uvUnzkvMOG\r\n+hX+zTcs8L733Tk5Tk/h07W3MIVpUcEyCoDP6DYRtatYEitcokVvFABeWzuc\r\n5to10bLzZ3g++Qm3YypKG+l4vTRboks7cyYvQ69L6y8APpquUHw7uKtj6d72\r\npNB+5CElo2Oi+FndFOL78sXc55PHgJcB4Cp7VWK0fnaeQzmshv4qpSS5dGvi\r\nVXau47XryD4Z/uxP2PS4J9cLw0gJaSk0ZNYyh/5QVdTsTZYiszQg5ztmSSax\r\nXT4R6BlxakCTIpnR3XR9nKuaUN53IwZMSkzPrC2ku5v5oxuz6Yc+3IDinPRp\r\nSJWAXEF7OJI0gwwQn1F3oU7cQfm5NwI7rRs=\r\n=+Ho8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"00be798d56184d5daa74ad6f53d4992db90688bc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.43f5323bc.0","@material/base":"15.0.0-canary.43f5323bc.0","@material/theme":"15.0.0-canary.43f5323bc.0","@material/feature-targeting":"15.0.0-canary.43f5323bc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.43f5323bc.0_1670863562011_0.695971178733203","host":"s3://npm-registry-packages"}},"15.0.0-canary.5490e32e7.0":{"name":"@material/touch-target","version":"15.0.0-canary.5490e32e7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.5490e32e7.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3bf3abe6d6b446a1bdcb3d0244cfc6dda320e48f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.5490e32e7.0.tgz","fileCount":15,"integrity":"sha512-G5xyqPsCyK6BG50FTe5lhIuE5MC/Il/Z/b7tzFUYxtxDKoOw4jqR5xKMyqN8hAV4D5CT9V7GDKElpUS8db2gQg==","signatures":[{"sig":"MEUCIQDyuaKbQNb0oZyiS3zyEfRPSyybiZVXK7oWkB0fJvSBQwIgOS17zls1Gx0uPC6wZVcRJgREyLTM6ss2A8M9UP0A5K8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjl16AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4Sw/9GuE/vHbrWgNByclfZurA3SqFUcC6yRhUb2VYZuamcMP+w4Uz\r\nL9IDmtsHY2NFHls0vP/NCudXiPlVg3oRVdpO7xbUUp79V0PFvE5K4b6rmbsD\r\n4i0cCKsuI+Xujae/xIJ+LMGeI1mhzAN1Ea2rXk8FaRaGwCzss16mZuBdy0qW\r\nVGfdi5noOIzpJ2yfB7Lvnpr624h5Y4XRwXIdZllQjrAwJOeLtDklKCTWDdSd\r\nnIr2iliI55+VQB7C8pFXCAwt4W3Z11Xvzk9dx7rZ30QwehgpzRCiSmAIIsmY\r\nUWG0rz9NtATYHqc7lGQj5rpjyt4doVgZH1L6mGEg3+eoKTrcL/igrCfvu5Gm\r\nFp5dVNynpLTObj6eKme5DiTyPHNQAxenDzhkD3/wTju/ydnQLy2QVgnwrgWQ\r\nncui20mjEVeS6WKGobPsXpkBRTjFgTx9g36I1dlyYDY9r4gUUkAOPZng/sR5\r\n/Vu0QeH7LgUdnqxiF3dJj3OzoLvqaT9GC5sKy7MgWgLmqfPTRCmkRUa0LN+t\r\nBz7oUCt/v+VyAVCSzuQMjaEIjIY0r5qtEnAPE3MhEovmbVMvqR8zlTH57Qg8\r\nxCYAsrRNIsZFnfiQ3X7vXY4NQ2fteKNhMB7tYu92aqgGbQ4+QAR9iRlwh8tx\r\nDIOZoxODeRYgijNgGSNBCoYAPtNg5sTHPj0=\r\n=GCyd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"968b84204c7a8626355569e2b90063abd574f7a8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.5490e32e7.0","@material/base":"15.0.0-canary.5490e32e7.0","@material/theme":"15.0.0-canary.5490e32e7.0","@material/feature-targeting":"15.0.0-canary.5490e32e7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.5490e32e7.0_1670864512529_0.6812040514205973","host":"s3://npm-registry-packages"}},"15.0.0-canary.817002c29.0":{"name":"@material/touch-target","version":"15.0.0-canary.817002c29.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.817002c29.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a14d11a5bb9820713d8ddf1bc635b698d40c07d6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.817002c29.0.tgz","fileCount":15,"integrity":"sha512-z3fVc7DXbP0iINNFakr5AixoCqvlmCjavIuM5si6EGJbwb5AcEJPPTZb5dJbHOgYRRVZmg+KK6/eJtBTx3jgmw==","signatures":[{"sig":"MEYCIQCWyglDRk+zZ+aD67JtFbOQNWXfNqHL9Xq6nXKV9f8tPwIhALXfefmp6tQiBshWzv/20KeEjQJm2WUTMtxgzp9Wrffs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmPRjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUFRAAgp3msk7Kz7hQbltB2cqp63++4zHYagkj1PjRcIiGzNMZdt62\r\nAUsNF92TsJF9ztkkR7/haRZbw18Z2z3o1naXZM45v8nXIznPQLHAMsQibocD\r\nAC19sdg/JoGmOiDtvTUtHX2q+nBnJ80v3dEc123CAdKwSnOSi7l9Br7xhKZT\r\nl4xmiqid4UN4yJ3ospS4DOIEBirT+tySnEf9KcIBhzW0xoSAh/RE0Ut0NSCt\r\nHjGvcnWP7IcPAfOacIg0XB9XXqa+b0ci73+lzr73t53veRaNnbM8zU/vBb7D\r\nETEKxwJWa4ycfkeZacRY61/0wSf4O8oy6Z/TqlNdiixebIryeon/3bxMlXya\r\n9Q7bb+LKlZMIZxmpaZEKbsf26rYXARaJ21nAlUYT3NWTBCCIiNZmeuZbUNyb\r\nUYoMq2d0hWJHJBMqoVYwTcsdIOs/84z7l7QZPSHGeQr/aIEb0RTb7FsArfOp\r\nqRTq6lTDjElasTTj2/cqJKfU1Ea3B5ZvlPx51Xt6wBc8I2TjvvptoGFm3ein\r\ng5fp/YdIkJHC/jKrPD26LQwZpwxanl3SiBq6gTc+oMeBkFscuGntjvF4UXkY\r\nUpqJcnuNWntTpIfGYMQGYc+KOAhFXMU+5gSkrxhl/VhhV3n3MSrBRvoeTCce\r\nbC/Uut79LHIK7xNJvaAT6QkencPAvWVEFhw=\r\n=xJzM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8a85122d0f4bac7142c66fa54e2fe9a569e7c4a3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.817002c29.0","@material/base":"15.0.0-canary.817002c29.0","@material/theme":"15.0.0-canary.817002c29.0","@material/feature-targeting":"15.0.0-canary.817002c29.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.817002c29.0_1670968418977_0.7774246431742968","host":"s3://npm-registry-packages"}},"15.0.0-canary.313a1326a.0":{"name":"@material/touch-target","version":"15.0.0-canary.313a1326a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.313a1326a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2a76fe02ae298f82eab5c94707d221012d20f0e5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.313a1326a.0.tgz","fileCount":15,"integrity":"sha512-umEPLyYWAZs2os5di/JAtWfw3ULmvoRp2nxe+7xxpwZ8guVNa8vkHc3gIAZJ0oxm2Ph3menRY830dv+GjIr1lQ==","signatures":[{"sig":"MEUCIQDLgAcR8mshiTcDxf2yR1o3JgwA6bQuranPWzWgPSyszAIgbIaWD9QhXu5eminUmI/Ct9xMof4qhqywg22g19/MFmw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmaVMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6yA/+MSu5FBzxREHZc6C3CQp1yeoJv91p0BD675EVM2+5g3zXyjOq\r\nRsBmEsNPvw2YSiwmpK3grwEjfIuTXJJUK8I3BVqyGq4FBiJcMCSzTeQ0Y/DT\r\nHlHhOVblcgB+/Jtt56UuB7TnjHONdGdI9jKiw4kUL5WwBb+uqQu556yl+Ezb\r\nXWV7vZR8f91AqhP6TjIofsn4GB3N5TrQEsyc9FNNu9DFYMRh0sJV9jpmYS+c\r\n2JVkURXqC24lvgWUBFJVgNXK7O9FFzSryQ7Kpa1x+BotE+ScrPSXmuwF1GqZ\r\nk5dNB3CXM/I8WyYYcY8vwGK4Nn9lHRzai8DncaQW9/E5edFUR1u4sxryhoqQ\r\nCqNmxCRZsrrN9cLnRVzKONKt4pzJKFsU/0SviI39v0WNJZ1BXU2NCuTwzA1P\r\nw3R1cMFsgxgV+TmpoLQfPuFJaMFc9NZRcWDwEFCvyPPjk3J+z3ScMTTKbeE3\r\nPccNf8oXaFdy5hPhb9M2Bt7ueWT6ZJj5PkCLTKwy22BjJDhZ7Zw80d3uo1iL\r\nQewx+5uv1gfTM2Zcr6w7nWQjgtxRahjZFUaM9VkWP2MiRcA6UMl4X+H7Yr0t\r\n58suzncOxu3AhwFST9l9FwZRrelXd0a6KEcbp8H6YgbAQr8pj8kWWONjOjF9\r\ngniohlUqO3wzdybSqchvgg/ioXWK2Sq7c54=\r\n=eh0R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"899522d523dc8a23968f530bb4de8698a5b0e78a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.313a1326a.0","@material/base":"15.0.0-canary.313a1326a.0","@material/theme":"15.0.0-canary.313a1326a.0","@material/feature-targeting":"15.0.0-canary.313a1326a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.313a1326a.0_1671013708363_0.17049615796996087","host":"s3://npm-registry-packages"}},"15.0.0-canary.a69c14e10.0":{"name":"@material/touch-target","version":"15.0.0-canary.a69c14e10.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a69c14e10.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"308dba74ed9b0ded615ac67245791b05fe456528","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a69c14e10.0.tgz","fileCount":15,"integrity":"sha512-fVNt9EYPo/nImQcNWRqzdBJqaqAUAb1fbAC/KJWZfH44XbvhGIP6MR1IN64j/IvsJPaIcsPnwSfsLPohAbw2xw==","signatures":[{"sig":"MEYCIQDVLhD5UaWduyNfVBSk9mnx9/1qBDEqkIYjh74kq/Cj8wIhAJEaEuJnMWgf+UsTNG4cB+g/35lON/u3grnqm2kq3gdY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmbEPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMqw/+JE6owK4iq+DEQc2B0MqN4iD4pG2F+pFmD/XiHjsT9gTXXbTR\r\nYuZRN+q70yBil0FzvTf3+jKfwW1NYHfYDqUXIWKPxRfqzYGhsz9mzc8dxdKr\r\nnHFMKNiIcegvkKn6+X3dqoIg/gPD1Mn+FNyk7LVAsMIUQzmFCLeks7nWQMbR\r\nyNFJTsm4EoNBW9Yfj7T+iUyxBkiFFoBR4K6VQUuIMdXTsQVAUyLxKnCPKwEK\r\n9aMro/3o3/aPIIlZFE2EBprjQNBcFsJCgK4VD4u8YZMCF5V3qTmsPhFtLDl0\r\ngTCAtMxzHxOy4Ooh00sw0XH4O4hmA/EdVaFGRrEuGp/d/YruE76SHwuPM9Ka\r\nKXs+PzGqThX7y90ISgozzzz3ZvlSkK3Ro58RNGd1JitMrqHofaPDtdrRang5\r\nHVBIesyWmQ/w1rDkZyKIusy7h41s84FiZfA06rAoJRWXG3LU2sXRMTry0199\r\n9MZnjaGfiV9hi+q1Oo9K+nneicP5a9gimjAAvB4/cwOY7P6QCJ949+mIZNjl\r\nuKLKx9GY2p8dEOPMaGXvX0sdHBGZW+vteOu2H9wLceMtGsmFbz5BIwK4bDg4\r\nVxAQkKJc9brOaeQkainVcKmnR6arrJTFzzMLK9Cjhc62LMkCCcAD6DujdoRj\r\nZzcBMHTEGZLIMRwgRrfUwpkRedEKIaybAWo=\r\n=rOuS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"39b456415cb22d1c1b4de3d505f0e2412c1f5316","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a69c14e10.0","@material/base":"15.0.0-canary.a69c14e10.0","@material/theme":"15.0.0-canary.a69c14e10.0","@material/feature-targeting":"15.0.0-canary.a69c14e10.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a69c14e10.0_1671016719160_0.7241243405196685","host":"s3://npm-registry-packages"}},"15.0.0-canary.f43e0ceb5.0":{"name":"@material/touch-target","version":"15.0.0-canary.f43e0ceb5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.f43e0ceb5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c25056450bf2846891afb25895a7c2784e12d290","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.f43e0ceb5.0.tgz","fileCount":15,"integrity":"sha512-Tme824cRo46wykkJv1JdHtYyX8ywD/LB8lMBHPqCYIum5+dx002Gr8oW0/tvLUJXYWw6h92fQNwVcTib8H3PmA==","signatures":[{"sig":"MEUCIQCqwdC8wpaEMBXUSJJwyT+zfiIrQOKeSbboJCo0uhhltQIgDrodq29G/0AM55i9Hs0GctLpz/WucVpb+pW/LqxOfuo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmf1vACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp26w//YN0pWYpOaB4SmPvkKdut3ldHwfpd1WUT2lqFvYIhGCTod1vN\r\nFHpNSFvxK2HElR9ipouVNoKiRDx44Zz5fLKrNxe1oOHg0+1Uie5yxfZpszpS\r\nt3YqDu32gn2EMKmEbPQP7S3y49rgKrAuCfsHXwkltL1yyvQQ+TZlCJBXl51t\r\n4FnWnaxTIvUIgH2/qmMsqsILU4M2U0vggFEc4IsnTKgemL7sZiC1/qWOPzkJ\r\nkhmO/hFsdFPau0Wg0pR+8sWdeg6zKA3rrNfbFRrUmmYUL2kv6aTjDZ4B0VGd\r\nASx1JGg6LMM/2mfKMzaPOwUx3reGa9yWry3Q5rYbNxrBCITosPngDZicqBb/\r\nmO4W3LUhlssLHnh1e3eGQhB2sUVAWODbeqdTLrU4UalMskcDWD6K1ddnddlh\r\nGfyjMkvWsImJIKrZcWDdIucaM5C8AUuLo6Q6V4URyxmcyjXrEx6JrrvHN7Tr\r\nTv3JjvJyWiqJzo/kaELNYSAuo8jlY/ERlhkmgVts1fIbgeK12/Ugph+f03l/\r\ngge58GicVVi4vr5qA8GX+YvVtUcEn1mtHPxWy4Zn73AOt1zR9Is2XHlkjDXR\r\n1h/MmJEjg0oEWl2JA9bRZXuHKoEBzcXBvnjg7BXGDcfnAUtpTeRSna2TqGtc\r\n3N1RxZyIXQn1vHRDo7FiwNQXIPHJ1L02D6k=\r\n=gSaV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"35662ba23c37e102fa09f72d61e38e5ce3b10881","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.f43e0ceb5.0","@material/base":"15.0.0-canary.f43e0ceb5.0","@material/theme":"15.0.0-canary.f43e0ceb5.0","@material/feature-targeting":"15.0.0-canary.f43e0ceb5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.f43e0ceb5.0_1671036271418_0.5328518747000761","host":"s3://npm-registry-packages"}},"15.0.0-canary.34767110.0":{"name":"@material/touch-target","version":"15.0.0-canary.34767110.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.34767110.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c7a0411e13c04f9c8d15db3d06f542d32826a74f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.34767110.0.tgz","fileCount":15,"integrity":"sha512-Pykm3jGSCm4WvQOXw0b5R65EKCF3QxlZcqxMP0/I02lV43w2we1FgFXKXUyyL/ncXi8nTzxmYkB35/UC2fjAgw==","signatures":[{"sig":"MEYCIQCm7EU6eRiBME+QJraXALTQ4Rrpo3MLaCm4lABCIdbdqwIhAP7sTz22cf9qpHhijheEWnKdl3BnHgPpeffZXeyL2WfW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmgZ2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpERg//ctVtNqkU6NDgpTQHzJoNrLqpUzErgGnU6lh+fDJUAZoPRlIt\r\nwRo43rZCjQGWlrqSFHSaDd8w0mwzmuIHkNsKDmozM8xT2gPMg+dLZ7/UvtLf\r\n39TFkzzK/K8SRnbQYMlCIe1m8g4l6j+W9pHkQRiCUyRJkKEJH1GcvSpB1mzW\r\nQvGMXR3bkKTQoNNnlXPZAnJ/8rDn/jaqjfvDxQG4r4IeWJQxZrgtZAPBxQgn\r\n2TuK3h0oxNkIGJq8Xgru8n9MZs1dcUn7TM1k+Tx/LH22OkW78Nd7uL4SOzXM\r\nfXiexAn0izGohlypBa1QeKfr2xkP0PoF/kpSvjCLqflh+GSG68IElmiGa3tD\r\n/L/aO8POasBFDlngk3mNbv1y2ENfdqrx0Sk1ohqfVSGzTbRm+uQ55+HbGFCk\r\nxSy/KobpjrDyogu2hntEBJaR8wGqW3cu8DTn7OMPcNdVuGpGnn4kkwQBnEtn\r\nLHypYjZwl/lwoC89JlA8ah1QYxgR0NBFaa1AdzkLPbhaINT/r8FWqVHiYZIU\r\npDako/IhhAgp5KvD93dVAtE+n8xGmEEkELFmd19NJsdALMBMdKawgQduSiC9\r\nKodwXr+aGg8fIk6QIZc0K0HNbNy+Ob2art5Bd3NY6ThcKwDDp6duauD8OZeW\r\nqGbTR9zhhL6amHWw0qLLyB9fZ5V8JueBqDk=\r\n=b6OI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ed8adbbccdff96503e43dbe6291e95b5d2bca2c8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.034767110.0","@material/base":"15.0.0-canary.034767110.0","@material/theme":"15.0.0-canary.034767110.0","@material/feature-targeting":"15.0.0-canary.034767110.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.34767110.0_1671038582480_0.6902155735216309","host":"s3://npm-registry-packages"}},"15.0.0-canary.1f99f3c50.0":{"name":"@material/touch-target","version":"15.0.0-canary.1f99f3c50.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1f99f3c50.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7716cecbaba097f653e0bde20729308186dc0343","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1f99f3c50.0.tgz","fileCount":15,"integrity":"sha512-S5/3xg8giH1knxzEo043pQYHOoJjtNnvnbfuGP9xcgp4BaZhNXSs7DqG33N8lmaMTBMOiQvcWmuz2RGCGQkmfQ==","signatures":[{"sig":"MEUCIQC7xO3PGINwE4LHv7DXT1CeYjJFpQm7h3plwa/vd5Tm9gIgQiHNvUIQy3Xtb6CP1TVo4fhNQQEuFReMwTeqneqmapY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmy5JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpH1hAAhWAz739yYmFhKaShDa1q1IvIDyfZ4KrhFvU5rSiWtZUp4N9j\r\nBzndr2AyEwjI2IwtS+33gQsRdtN1TevupeBEZbckwyRvImR6QX+3iyNbA+a/\r\nJsP3ktkg/6R1vUxF8BLkhHTXe79xbIzBKZxFQtIVHfNmq1zRZRqmRRZFEgnN\r\nkrxjQwMgjlID1sWIbqqqNW891fLEu7oWTNsVKkPt9aPJXM8lTnk26bIXsr1G\r\n+JnDcR91e2WnsHFEVV8pla9HurMsDogleNnvcDskNsYkv8QOe93MFfu/XEor\r\nx6v2EUV140yS52Z958rX1ne3gIFqS+Q1bkV8f0aHUUXowu344CPaxRKrY1hf\r\nO7+WsE8OoTuVCNg7zqd3zyaohNX1UiLx2s5kiZZBiJrEGVQ/1eIxod27oeym\r\nw34XfkJhXr+BaT8CCHsYEzCVj8ym8WCWQhEJ4isFfhR4xl0lYaZcwiK/TFVE\r\n5fSDOJAluGTtYHTIkzgRllneNU7qQ+H2Ooja1SP2boIMUjBtg9o7CmgCSJ4d\r\nZn3R/V3svQy/nUDVEKR1G59q3p9E5ciJAx4wjrxc3fECYhqdSbPVV1/9fzb6\r\nTsUv0oDEGJtQMt2Vwd8+RpVJXeb4+IxjzDtRHB0YUvKd29iFj8tRDYs1uyTG\r\nmc8AF1ZeZqNS9Cq1RRxThK7ZgceJSqJKIOk=\r\n=ZlwF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c9094e8faca1eaab158d26f7ca8ee4b42fb54bdb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1f99f3c50.0","@material/base":"15.0.0-canary.1f99f3c50.0","@material/theme":"15.0.0-canary.1f99f3c50.0","@material/feature-targeting":"15.0.0-canary.1f99f3c50.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1f99f3c50.0_1671114312892_0.8578467953186806","host":"s3://npm-registry-packages"}},"15.0.0-canary.cfd69490f.0":{"name":"@material/touch-target","version":"15.0.0-canary.cfd69490f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.cfd69490f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c78c4336d04ae7e3c2fb7da447710644b6ec7fee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.cfd69490f.0.tgz","fileCount":15,"integrity":"sha512-2TCwoVo3VXKmH8zVLQdLZlEU4nJhEc/1+MF/7aLbGe5LhUiI6+BVa64IKVSDDcNBpIzQQRs/VSW3S8LtFUZpXw==","signatures":[{"sig":"MEYCIQCDbmwxTP56DW1oJCRYxYm9WKLGLJLQSZjT+OBccZHtDwIhAN7AQOULdxt5XnU2ZnXjuDlSRB2vOGuwnUiEjKXPQbRf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjnNAyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoz4A/+MTM1fN+4dLoqlfjODJvnEIT+cSgyTIOg8wFnRXayOk1HY6zD\r\n7+BWaJkeV9g2NGMgPH0rjhAXVRpa2aELuEJrZvGllr1qxLasjC23R59Lnnfs\r\nWQ3msS6OR1FrdQlr7D5g/dVSttH0d/GFzM6/WrZI2H3SrTUda9MJwIr5VJwN\r\n1Wv7cIiW/xUXCHYl40qmVTELrEC42rPiTDJqOOhla42bg+QSeghCjQXORO2W\r\nvXFm19KwzJDAtieKSDhr6RLLz4NY47xSgiZnF+dDCbOwJfUmBI4MnfpcfzOZ\r\n0cTTnGKjfAhbDxzFiCX01fbGhHHs/p0NlC2NDYeAliSGkUYUhUJSjeikrncB\r\n4JGEevnmIlppxcJ0gVLaf+SLDjvVDhW7PAbypBueWEuiLla4bJZCdvzeOUB/\r\nZasEcVNsEogPOP8KvrcTA5FmF14mk+x4DA2vxe2vt7H54VBeqm/SUi6d8Gr/\r\nP9hCVYgKLVSj7baMD/4ZiIYVQGOYBGwUggNSDL7sFLNfZQ9jmHoQTxlFfJfy\r\n4rPMBQVYuLU8Fv8seQdg2X2vxdihYvIgpWHcag/MdmAipQ2QRBsWnH7sQQGK\r\nRMGdfCLf5qbnazLdQzqb9K7fD+7H7tKtdYpWzwZ86ASzj8i8QwjFvL+CEAIW\r\ny+3zfbbFf7Lj5PugkQHL+L+USfJOujhgUIM=\r\n=RWgO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a7b9218e1ea7572b08b54629159e6f3a98970096","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.cfd69490f.0","@material/base":"15.0.0-canary.cfd69490f.0","@material/theme":"15.0.0-canary.cfd69490f.0","@material/feature-targeting":"15.0.0-canary.cfd69490f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.cfd69490f.0_1671221298321_0.790607105293873","host":"s3://npm-registry-packages"}},"15.0.0-canary.94ad8d986.0":{"name":"@material/touch-target","version":"15.0.0-canary.94ad8d986.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.94ad8d986.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6467b1f420921b02c079045405da9394ff751ca4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.94ad8d986.0.tgz","fileCount":13,"integrity":"sha512-pmoD2dEta2LVj0FDVuWOL7plC+X2qXYeds0Q0FMrmD6tbJ97Uc92c2UCvm6B+R0JNrp60oLwbAgzFn6Ix7YXvg==","signatures":[{"sig":"MEQCICWAm70wiLTcnrsOBXgQcnuOH/lwuNAfjb97/aHOhF5VAiAvwIgciV5Ssd5+8BNdcVIYYu78x+JEwS9xV+bpu/8k2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoLr2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6Tg/+OrTx4aZ6fmmNTVLja+0zPvUCB5EPotO35v8xGQ0/E3OTikrW\r\nORvO5TSlc8baiLES0zShHQh/gX2zKLbZG6Lesc7isdZZ7G9laOUZQPmZF95V\r\n9W8R5yFQhuU9E5vxyxnhdtXH2Mf9egxiHspnhlWJur8OlSfr8w3YvR1c0O2A\r\nkkZuMQ2ynDZRgYy7yTdgEdiXohF3Q+k1IWfVqdX6P1SbAtbtJMsS8vtSxiGG\r\nqHM9di/BpcOL9O6vlmvpGyYyZDDdV87qUwFRUfPJ2IwEt5FR2x4mL0jAYXj1\r\nKBM2DgJEGDvOixG/l6xqwWFgo3MKVGIe0w/1lCBiZLHyH0aObrLnGT1s3AyV\r\np83JMhprXADzR5XR9s9P4jR9DfyB6p8RzRb9ZJ/gLuiZa0AP2wSL1jRIdQuX\r\nn67A8uPfAHqXEX7XJIjTq1JZ+ighVayrmniIt5UP0E9+TDbmBterN4DY9lL6\r\nvY0pg1kv6uoKaOFR5kFWEFkYk/UfS8cyJfhOD50froi+YbmZKkDHmY8ZdX6u\r\nHnqzjjSh4DKq+AtqAGKd9jeqqhcZAT5UHxsmgAMVHYmmEbPJhVne+t+Faeqq\r\nwCnH+Qyu5XeB2V+MB1g4IuX/JVYEV93H0iSLFCBmpr/RW/GjSJA/OjV7wil6\r\nKqhAvd/9dsbGiVjvOz5SpRzeqVSMb26lwv4=\r\n=oWMg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8e8a69afb313ffa8badca57ca15ad4a464b9f718","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.94ad8d986.0","@material/base":"15.0.0-canary.94ad8d986.0","@material/theme":"15.0.0-canary.94ad8d986.0","@material/feature-targeting":"15.0.0-canary.94ad8d986.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.94ad8d986.0_1671478006374_0.7506454805977278","host":"s3://npm-registry-packages"}},"15.0.0-canary.604264203.0":{"name":"@material/touch-target","version":"15.0.0-canary.604264203.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.604264203.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"36396057a51806d85c5c53a09f63d8b9569e7fdd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.604264203.0.tgz","fileCount":13,"integrity":"sha512-T7p+5m4Q17PDItU+cPPVmYVCCs+l63u02MXGRi+MtGkO0gr8XsN3bY21SrLN0HwiRlOhwEttBbj/8WsZ26NjHA==","signatures":[{"sig":"MEYCIQCAek6AhxbTN5V8xq9JbdNQZ3PwJm1jvSO2C7EieWdd9wIhAOGSOtGAEF1Yxsvn7pYWmJBPHGWwmEdIMrC2kQSR0Fhu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjo31SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOKw//bv0nD7HJAUTSbQB5l+JBPxoKV8iQqJpT3pX81+kSpHbhdWwU\r\nPcWqfqJhwGnJ4PCjYjkv1XyRkSLZbx8JDOX8YHQ+sEIf7WQ5mvbBbD+s66PF\r\n2SKFcuJrXo61A7D5sS81rupeuXzwaUynHKdQLSE/85dzwuYDimBXLNmxs+FM\r\nAKgnzmIc4VqPTu8j+kSDbstvo3LSSFkf5nVFvIR/fMnqwbv/zhHKfB25pZLg\r\noHJl1MugV0ZGWpUTrIvlO9XLd15DgCbeWyzadoc1ysFeBmEfICaxeX6doZ3D\r\nsjg39YxIW44QJLLzBgp+SJA4OA+Lu4WNYtyKREhzN6xQC1OXlkr1zYsm8S5Q\r\nEX4MoV6+ekspn2zTqua9e6vDNA/WablDoM4KOWTh2xh7mMikwxQT5WMK+P+6\r\nV9IfTMvqsF8cK2litKawDk1mhh958K7oZ2w65T9qg/uuFa3xclKiLIQd62Ri\r\nZoE55nXEwoQI2avN7gEJ6Y6PvpZiMUWQAykEZb6++mgUvfjPxulUxlA2Ml5k\r\nxwg2cMifEccNvbrKYNLlJ5/xHboyrdac0wRFOrG7S5+Zm0FeooP2sxapqlzR\r\n5sshUe54wF0DUmTub+sau5DX4KdzamkyneN498N7qHRu4djg/mMKtFNJuHTH\r\nU8IG8SC4KH0JtUSq7iqe3jA3oCYN9qOJGAk=\r\n=p4vS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e37bb80002397246ad3ebd1bf11a465b2eb763e8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.604264203.0","@material/base":"15.0.0-canary.604264203.0","@material/theme":"15.0.0-canary.604264203.0","@material/feature-targeting":"15.0.0-canary.604264203.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.604264203.0_1671658834542_0.77188377510868","host":"s3://npm-registry-packages"}},"15.0.0-canary.85bcff6af.0":{"name":"@material/touch-target","version":"15.0.0-canary.85bcff6af.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.85bcff6af.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b10cf8a4200b097868bd18e5392261348428bd8b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.85bcff6af.0.tgz","fileCount":13,"integrity":"sha512-n+P7IpqgYSvQhlbxDTCSj0sWgSrEYhoFG/RAYAkPTV8kdJOvdfFR1q+nz67Cko3kgm9bJA3NRNvx3obnN9SAJw==","signatures":[{"sig":"MEUCIEdnHv6JysvHnJOiF31x8Ke8RWeqRhTQPXkiGfwYgYyQAiEAypdXvSmexerYWd96qarQC9UbtdoUB2rChtxfBSoLY4o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpDBxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0DA//f30NFK84G0Ebx5AwXNGlwk9oSlyjr6FcgLGQAAaFmDVwjMPN\r\n0q22671wYaYwiTXdNKky8m0xjcrEF3mQVijS5ogBDWWC/APElYqNeF3JcXF3\r\nrY3AiNgn2j0KoIQ+nDcAIVatDm4zHxjD2t+gu3WmW4F3NmIKo403wMY+83S0\r\nDI4TfvBbrsJhpnLLy955e+awbOeVMjFq1zzdS4WbPv7OrczRn3/ZPxjH5rxg\r\ns+WXVZb0vHqFG98cdJcNDrtdYPj8r/79wRJA6qang39qq4HY4j7VQtD3LpNG\r\nkQfp39saMSqtT7m54uleaAdwAY4VgDrwiHF4MtSzQ4kEtzKE77LnMJlumbL5\r\nPSyrwUEdzkVkQMP/cOqpdE/QqFo2WF/3/kvqAowa74/TILIrfJVTWnoR1NL6\r\nDKFEX237ddVytZBa1+OsmHF6OvrbJKV/zlYz5KAkdIkMFG/M0aNE7lJS2bFP\r\nsZvshQ0daYR4CWIGvX63BbguphtV8XcM73bM1hG6Uf5Jq4egscMvPeizCPZC\r\n53SyKCt5ttM3Vm4DKj7SNhMuU/baQtMGANRQ2q36Jb8p5pEYJfBc2isgsH+1\r\nmXl8mOTvzZm0HG6Gi4lJYoJHUPfL7Qda0LE6iFjSU/IQqPGiblAX/OQ21pbn\r\n3GcLq6HXFB9jV+0jLvROBnlVJ3BnP4O1P7Q=\r\n=oywB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ccd1f76fc7f93266cd894275969c05a833a002b0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.85bcff6af.0","@material/base":"15.0.0-canary.85bcff6af.0","@material/theme":"15.0.0-canary.85bcff6af.0","@material/feature-targeting":"15.0.0-canary.85bcff6af.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.85bcff6af.0_1671704689366_0.9002727933216801","host":"s3://npm-registry-packages"}},"15.0.0-canary.ece3e8d21.0":{"name":"@material/touch-target","version":"15.0.0-canary.ece3e8d21.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ece3e8d21.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2406f56713bbc90950e7464783c7c5de30df9839","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ece3e8d21.0.tgz","fileCount":13,"integrity":"sha512-XPbkitXyOC+7wELYM4K0fV+xN/NmPPXE5MMBd1obMuDwpLXSt+f02Lgrg7UpF40rus8uGvVwQcehow+xjRYuHg==","signatures":[{"sig":"MEQCIH7uwC4Fo40eisp/Lwf/Kxa7TZniZAKcb4UCjrMK2nJLAiBe48qj3PATpR3Qh/3i9CzlR6bKEGKmrcCRJ2ELbMX1pw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpI/ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrU8w//aoOfFID3+rlwr8rS4LXOcDNK5pjCuc2YOmHLqdZanlIRHFni\r\nbNZZtbiusOZZSPHO6CEXglR1e2A6EZvJEGMkXs0j8Y0GzYAQYbYFvbBcdhcK\r\nqAgN5Zfs5Htho5xOYpRaxmsdGWStntlFn0qSOTRifw3PEsYNjCle+QdmjMHg\r\ngyKcPZmRc0RVc0+Xa0WXGMhcEgLeVSfQNRrM/pwIq00R/04IWdVlgt2Mrf8b\r\nu8rFy38p/rcR/qlRIRKWRMR1DridHxAFEAhFDvH1Ssrvk4XkYWo2C1IY1+Hk\r\nUr2OwxU4HyBlpFrekJMncfiCCdOhqFMHVBnPV5aVSYbtwY6KLVzN+kMnpKy9\r\nM4yd9aGnu7+7AwpHI7PNhyauqOnXkhbVpJKv9XootYtRfNT5lbHoUwphyrdU\r\n150S9vdVSM6tNEFbopiDMA3nHoXUmOYqB1HGWlP6FIYB3AUIZZATeR56WGm4\r\njriJME8TPeSdy1656Z4abG/Zvu4JfUTwmA3k4suNhthg+Uv4POjsAze/yUic\r\nGoB0ap12xRu3xEaIR8A19/GLVqhRBgWwkzVRBC/8Av+lLpDP8ZBQkpyfxNwn\r\necMJp9KbVcmXicDzmaMG/1jgWcxEEqhZcBhEKBHqJ7+PJ72zI8q+fYRhQj7G\r\n2nNOe/iiE8h+zeWp+szgFECm3rWokqm5RR8=\r\n=0EAN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1a4efd7042befb584384fcbb35f1ca445adaf1d4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ece3e8d21.0","@material/base":"15.0.0-canary.ece3e8d21.0","@material/theme":"15.0.0-canary.ece3e8d21.0","@material/feature-targeting":"15.0.0-canary.ece3e8d21.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ece3e8d21.0_1671729113712_0.38648324553503643","host":"s3://npm-registry-packages"}},"15.0.0-canary.278ad53d1.0":{"name":"@material/touch-target","version":"15.0.0-canary.278ad53d1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.278ad53d1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"610ebb6012e71efc0fbde5fd8a5a3ea979c2a736","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.278ad53d1.0.tgz","fileCount":13,"integrity":"sha512-c26+oF3I/4Fd+MHYDXq42vdk01+X7GHvWfnUmGbjXBprBET+vr0eGpMR9HEW7K3uBNFRMSXEjh/JwWZjKQ8Slw==","signatures":[{"sig":"MEYCIQCkecSiUzz2UGOkAzZW4Q2RpanmarZezp9UlPEk33cMfgIhANiw64ybp67oJMaH8OuthJzYnGHkRrsz211Tn3XGe1yw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqyWsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoigw/8DNinBoPYZ42HQ0hBntchMpGmn91EqIPQ/n1sgqCziq6P5cDW\r\nPctMKe3SSjt5vL12vB9dmehXfYa2BQku/idPXFIEYfh2QzmMqnn5uBwVRNTG\r\nYQyyCZrWlde/LSEbHKLJrdl+LRcJN+c2irC5rq2ouL0d6ziPpKNCxuavh1oi\r\na7QZkKz1afHBmTO5r7Dymt72crUQCFcWaZYWE605J3Oxz39xJDadmEjjnrHc\r\nWhYRpxEujWbyl8zVpRjgcwg2EODwrJTjbIKrd0AQ4yJatDNPN4mMmrnc+Bj1\r\nmOhlkP7XoTcVpT6nbCXo9oImZCnc1GPebrIuqiDUZq90DzPHTK55MITpGGIh\r\nhllboqbpiuXgvSqquykf2bIEPzBdrZVougmDyrUSpcG/ABWefNvJ2DsBRhPd\r\new7kIoodfTN0o3hmDvLjpRsCZCruqvyO/c6nBdr9lZiyxaN3m6/A1XvdYtoR\r\nVa/g4hoMJ6BWFTkW4sKvzvqO5nGUqgLkJnM/V/YsR849ZCSaLb3lSMs8V3/X\r\niZUhhTyva/ihX+cpOAcSoIJE2AmirtBfPwixNv7zCFI9BgO/oUzWwlAbkwux\r\nIuzmbKZ9giJskepXjAuBgVMxDefvlqDqttUZhuIK7NfeGRIdj1Tzbx2fX80O\r\n3QIEAhm8Nc59tVVcZj+P5fBSPmuoDpT55ZM=\r\n=FZMi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"967cf83d2b9fa8a3e6bd992aa107c66182e0c65b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.278ad53d1.0","@material/base":"15.0.0-canary.278ad53d1.0","@material/theme":"15.0.0-canary.278ad53d1.0","@material/feature-targeting":"15.0.0-canary.278ad53d1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.278ad53d1.0_1672160684179_0.8345663685416316","host":"s3://npm-registry-packages"}},"15.0.0-canary.a7d8389e1.0":{"name":"@material/touch-target","version":"15.0.0-canary.a7d8389e1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a7d8389e1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1180420ab72b6b8690b6d152b522e97227052fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a7d8389e1.0.tgz","fileCount":13,"integrity":"sha512-J00CZQ0W9kh99TC/CyBD1KaX13U+GB054YUmIafxsMUHG5KvqSXTN3BOGCR0eA9I0ZeozY5YyJ6O7saNrnb8Vg==","signatures":[{"sig":"MEUCIQCTrV7Q8JNgc9QqvT90I7UY8wUxzIRy52D4Ls9nKj2sSQIgVNr3cRCM+ikSWqhUKA+0yag87JQe/oQPLSuPP8e72/o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjq0GBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqENw/+L6EJG2jpQUQSdsnkytEb44pJETUTd2alll5K0h5sd+KIK0DV\r\nqDxSCZLOBSq+AOKxBXZQwZ+HlkArG+XHK6JEMoFKUfAHokiTeC+E8RwBawK4\r\neJS45Ro5WOZrJLgYHNpMaUv/xn5p6DM4eSRrO6s04g+zP4wE8BnWPgFy5hkW\r\nrfwldRs/kZkq4YbvLCTdsnaLMX3C5XojpeX53EWL4AQHt64FbSgQMOQfwKyZ\r\nYPDXwFl1r4cMjBmmkkicPF/5WmLkZ0SkxAAVM1wjeRbQUglwXSVg7DO6lt3A\r\nss+KHWl5XnFf3mOrDwRhcQuUEXX1mRKA1GLsJw4dX0K+PvqXsY7uTS2En6LK\r\nFc2KrHetfo6hdpTd6z+VsBbX3W/WXoOu7xFGyngwl9Dh3A+AynNMbe8usGd6\r\n5Yrj3WUo2Yckwyxjl09k91/DPxw3CrF4Ru9Kfj2Vt5nzNnYv6j+ST/3TGLex\r\n3AUDdTq4eL+hlQhSo2jEcAI8Tug7aYrV+YWrOWLEixdjlMKLX2yXymdLwdMB\r\nyuqAwnHLl1e9P6h2tKOFPiSqBrVKAdxraaEJL3AKLO5yc2KLJsjSyQX9Oh7H\r\nUCOad8YPEda8ezH+YdBTh+auJ2g/9+t/EA8R2dTqMcijUTzH5ROo8LBX9B3V\r\nXc3WAj64c4uZk5JPZpoMrR4g7GBjGeZNmqg=\r\n=Db8n\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f9b27084bc44ecd4530cd2252389b0dd8116709e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a7d8389e1.0","@material/base":"15.0.0-canary.a7d8389e1.0","@material/theme":"15.0.0-canary.a7d8389e1.0","@material/feature-targeting":"15.0.0-canary.a7d8389e1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a7d8389e1.0_1672167809405_0.9696317469487648","host":"s3://npm-registry-packages"}},"15.0.0-canary.8175d5eff.0":{"name":"@material/touch-target","version":"15.0.0-canary.8175d5eff.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.8175d5eff.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4171d1f966b5877c7c1c85cde7be1978f95163c5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.8175d5eff.0.tgz","fileCount":13,"integrity":"sha512-Gsq1s8saIz1l2czix/ZJfVP/e3ZLS0JP2WDw8Se5jURtSfTqUc04xjc1pK7Dl+p3bEAp4NX02UjOlwoYPX44IA==","signatures":[{"sig":"MEQCIGvYWb+ZnX6OgabMioZ/dH8SJ2nIalrYar8lsWa3UWDxAiB21j4si1MQ1fhuvy16pqqxCuExYvc7IkTxZB/Ed8W0Hg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjq6ETACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGgA//ScJ140Y7n8IxK6tvtME+5Eu7gNKe2cSrzM37pOkpWx/WzYkl\r\nz60Exb5csM8m5kUMo4b0Oz1MJF6VxiqZ0SFA5/QLLc187GfzBoBuooJZ28lB\r\n+yGKeH2VAOFDMcDjAT58IeTrYx7TlrzZslk58RfXNeow3eOU3Vi7/cVPt+SU\r\ntcdildz2s8eGlYw+1MloORv5epOjEqoZ1c7BYbrIEvLASpWUOAiGx5ylrzuc\r\nasRztXffXl8kji11Hrbbx1gDf7sPeW82UuwqTf1ADRMOFxfJuXUnayFWCqFI\r\nZebPkKuDXglbFyELUrF//fr03sivE8M3jlIa6vZoiaCGh6UDAdHgq57QS/n0\r\nrNhXmsvT8+iuTu9c/GodOQCDeNR9gWFLFp3uUHKpNb05KWCBvhL/HsA9YTDn\r\ntHnvoJo5jse2MHx3MDyPV3yy/NMxyS/8dxbf6k+UJJsekc/rVuU8UnIZEYCs\r\n/1lrn3fEUsTQxdfSy/xJLxQMbRGDOc7jp2uUYSmWgi9PVjRzV1r3MBPkSt8c\r\nB+FMGzMBl9htD5GaDwM6B4WzeH5Nqse+V1XONBfPT4NhU9Np0lKlHkV/mgGl\r\nAQGKzfJWZQoovp+OocOmv98dl3+ERJ+dPEtaL/xQwcTZgfOdi8lTu/y/W9Y9\r\nOI56p53kCRpI8MMEESCL437Y3xWVeQr1iuU=\r\n=EwdB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c3bb551a6b32480853dcc8e29f7f8513d62154a2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.8175d5eff.0","@material/base":"15.0.0-canary.8175d5eff.0","@material/theme":"15.0.0-canary.8175d5eff.0","@material/feature-targeting":"15.0.0-canary.8175d5eff.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.8175d5eff.0_1672192275445_0.9511434478359009","host":"s3://npm-registry-packages"}},"15.0.0-canary.16abb41ed.0":{"name":"@material/touch-target","version":"15.0.0-canary.16abb41ed.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.16abb41ed.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"258747c04b05c5a03cb24ff1922ecfee737d9b67","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.16abb41ed.0.tgz","fileCount":13,"integrity":"sha512-RYDQxuvdG+w4uxuuupDr+vhqg7T0Idfr610Pz2T+LfPPpg5ZSFovmwSauKsOHVET1kMl5l5pp88438eTNjRGuw==","signatures":[{"sig":"MEUCIFv0GCGIKEqJm+jSDN5LWhIObIWE+JWUE6snhd3T0c/hAiEAsOPfCsPJHRNKPNj6fWy2fZaK6O7o+wYbDKDGARl32jw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrJsgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSGg//WtrQXOgf3vUSr0lGCAAl2KvCMo/DpN32dTdEzN+iL5yz1JWH\r\nZ1mOBVy74QKDssr9OYPEJW+j0Xz2P8+gu0XzLAxvuI7vrKTU5hSTTkmFErJe\r\nKgjxL93uP0ZCsiMBieahyCFJq+Pg/vPmM33NjdhWOIbr7+bxEatvdT63tr/E\r\nTO715dND/K/ZJC2h5AWM5f/QnzFGt4+exQ3aPW1OpSxoTHnuhSOpltCd38sP\r\nQGcDC3HXZBtIjReYSSTKdX98EGNgPjBmlNkhXw0hEHUoCzyjJ4KY7i8zeejH\r\nTCZVoQDdU98oGocR1PsbgCCbBEClhPRVX2/67GWr872Bxw/VsEdEJeHw30OY\r\nSy/3rnmBVhU9trb4o8zjTMO/iMPUtHOa0H9viYJXTc3+oVoMP6gpam0dyrcz\r\njxbeEG7wgQ6kIxiLfpCq+U24vo852lIz8FHaXBXMaiqFmgkBJWtw0vWSURuV\r\nKkuaO9xq0ps3l93773L7K+RWQAemtS2BPk9LMVXBZEoaVmph1Ye72ZD3aUgz\r\nctYulSqSvyMa5/aJN8tpStvN9yUEkYatyp0e4cjOnaWEKqZ++YvbYL6b9V79\r\nTilD2mXFjmjrpmQxTC6Il1w3fQ9Y+YhpWE4/7nHVnowHG5std5tX/CsjFq4p\r\nEhPbYtXml9fdHgHP2a6gsvNPkPbw5QVrwYc=\r\n=OeRz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d76b7c826f30ccda72f622ff722cc7585648dc34","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.16abb41ed.0","@material/base":"15.0.0-canary.16abb41ed.0","@material/theme":"15.0.0-canary.16abb41ed.0","@material/feature-targeting":"15.0.0-canary.16abb41ed.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.16abb41ed.0_1672256288455_0.023365374397330996","host":"s3://npm-registry-packages"}},"15.0.0-canary.e21dcb86d.0":{"name":"@material/touch-target","version":"15.0.0-canary.e21dcb86d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.e21dcb86d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db2f7cc641d90519542595cda092a60ee8ec96a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.e21dcb86d.0.tgz","fileCount":13,"integrity":"sha512-Eci0WRZABi8G0QzrOkhqNAoWroJF/cnJoBIXp+fAQqvynclpNvqPKzvBGkB2to6IHTMQw7DcKkITjJ8nCBq23w==","signatures":[{"sig":"MEUCIBZVf+cA3Ysf7oXU88BYpeTFyn2A9djbTIG8tpE7fBVuAiEAyzq6vlb7NC37nNNBktfsb74J5gKgzf3KWoIxvdLFCVs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrZ3RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpN0xAAntiFFqx/os9b6l0DfA5KYElx2lsRipHioYYGNtK1vZVn3KG9\r\nBcyf6O+xudfOr0k5Oo2tg5LPTtAIe97YhQQWpSNdHt+69kK1UibSjUUpEUFi\r\nbK3BE4YKeigIayn6mwxF+kEJH1eh3Mwt9whyTIXMuJtxmGLIFLIijUXUzBVg\r\nhhn43ezguqBWDRXzqwIEFZOoNKC86BDBDIzImRwWf4BOTJ7w3EKPWKx/Nft7\r\n9JfBj3xy3ViBtVGOBm0xAMWQ9x3uTPOTk92ngAMVRiEgSxVmQ+KIh8cQ8auS\r\nFlizvaY/ffOgNU7Di2017d97Fh0xVCvdLokScxZ+wcQ6a0VFBXCkJdAXqGtt\r\nm8NV+ZbHB+Q/AYoeCyWgTvifqtGg9KbMXxVuFemiD4t0D6EcPk1oEUDDK1LE\r\npPd3StQX3IDlI6QgmI2poMYYTu7Q1KcuMWeIjOUzsf9tn2ianPXAhqKDGVIS\r\nich0E0+YgEJfpG3WvaWhKKXR6VZa3DCko25T9kfdNoqwcx5JYIOKqzR3HCT7\r\ndcSckGEkg79gmwEJHpZkeycDKl5UhzesX252CjEcpOkD0IHue/YZM0e7y91Z\r\nFeLbvRZvHKc4yzHCGz7oznzP1LIlVlHCkczkdx5S1JXlzk1/NgJIOtRZaSFO\r\n1m77uMuRd9IBla3kNBp2Yt0nRjp/Xx0qcsQ=\r\n=aFuB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a32b4ac6d2bad60870533296fbc4acf050735b8f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.e21dcb86d.0","@material/base":"15.0.0-canary.e21dcb86d.0","@material/theme":"15.0.0-canary.e21dcb86d.0","@material/feature-targeting":"15.0.0-canary.e21dcb86d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.e21dcb86d.0_1672322513320_0.49411245324719033","host":"s3://npm-registry-packages"}},"15.0.0-canary.20ab6f5a8.0":{"name":"@material/touch-target","version":"15.0.0-canary.20ab6f5a8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.20ab6f5a8.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"364c5143b8159a951c617bdf00f0da3d7a50f225","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.20ab6f5a8.0.tgz","fileCount":13,"integrity":"sha512-C5DawdjdFsUoUZqZU3VxuFvfZ6bsMuXmPYW8xxsVg5d4copLJnrmwBNQzuDz1E2rzvgT22689gMYJIjjW5CQJA==","signatures":[{"sig":"MEYCIQCp33OGDZTGEHM3huhLFNAlpmNffgEbe4FpaqKjGko+BwIhAPUThBC9WFj4/U0oZbsKIEPxjMWydr5bO9fFOaRiIVgm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjre05ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPDQ//UkV/SakKkzwZLAe6oR1ymT8/A/g3SyBvL6VpObgyKG5mnB8L\r\nRrA2kVqJ/4ZCmmDLQc9f0puQzgF8JaHodAclFFOhVhYFY+rWKZ0NbH48diBU\r\nHx7Wd39tVwdlvULRGYODWqzwo1ZHv7Go9+aSKxZPNtvTmN/NezrLmCyo7SF8\r\nuMUpMzxub2ncHn+i6lwjYRBm3UDDUDgMld4RVJ2EDMF49VIZ1w8xfH6vdbhG\r\nPheuB3Oyi11SbfZoJRHf8i69ZnVsBwWPVn1Y/DBwZCsa1J0+AQ9dJf1ZE0bt\r\nTxl0lgx+M8BIsTMhM6sem3lSoCmzISeduJvDtWfgeVwTo7SHMBVtRFA5OFgG\r\nwY32Yg/2s1/clIOepPAN8Ui2YbExt8C5BZ4YpqNWmtoBW89gHGKkJN2ur6il\r\nhvW0d404pTs0KbMiaszRXVo7LLA1kRREn7h+CxPCMhKNZtlYAvqsjzSrHC+W\r\ncYOBvC02C1hQev3T1gxqeis4a+jQ2joZY5KS7xyIcDZjNOs6Wm3zMnGj7Qu5\r\n1vxGOuwwS/jGCrG9+yMJXT09DH3epGoYrh4w7f8zyEdi1Q4DwdzkPQ4jWcGj\r\nlZOw8v4IAP+FQvJgyIVk4DBXicBNbLHAgGycDrzXXQh1IxgRzyVLZ/Toe5eT\r\n2LELlplrcHSuaADug6JJHJ5fnaU8GsU8UBg=\r\n=v1T8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"abf2135af6e71ea44b6e6a4de17493e5923f7255","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.20ab6f5a8.0","@material/base":"15.0.0-canary.20ab6f5a8.0","@material/theme":"15.0.0-canary.20ab6f5a8.0","@material/feature-targeting":"15.0.0-canary.20ab6f5a8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.20ab6f5a8.0_1672342841118_0.9978696982266781","host":"s3://npm-registry-packages"}},"15.0.0-canary.b9806f623.0":{"name":"@material/touch-target","version":"15.0.0-canary.b9806f623.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b9806f623.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f34af1e2121c0d89233c6229c54eb0fe81a165f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b9806f623.0.tgz","fileCount":13,"integrity":"sha512-kbvqEIjLF93HlUoZTyG/R0cl6oc+bX8V2QgNtlGbw7W2qmeggR4tEaa5E8gR9oGwPO4BHosaELw7njhYPHpdeg==","signatures":[{"sig":"MEUCIFrhNM0iPLbqc08oupUlopmzZ8frMqllIQbTsBnZxJgYAiEAq8Knt5NztPsSuqhWj8yBZeuBsj/DynKbC38JDDUC4U8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrh09ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpR7BAAgOcJSFiibGTSps3ShkqRamz6NoZGfXW1n1RTIFzZSW3QSXv7\r\nMJ7KrObrzaXgx/p7K9lch5w+PWBhBBtl1pRXz8FPSAY3QPRB9PXwaob20fCJ\r\n4iHI7byvz30UClamEPquZn1VVT/KDdqf38h0MG6JtREqqGm+KQlxEgTbcPVC\r\nSOgwFzoc5ZPQfDjJQraHantqruFzQoWLsoSn6Z/9dEp+Ev1diGlMlnY44H7A\r\nYl0yAg2ywNrfWWJPDsDN7xseiPihU0YNj54Zt/VjAsJhSi5p5GVRvHT9Y6C6\r\nr3znIeIdPafBoxEoKbVnRpai2EpJVChLAlsnbI9BlKCVqQ/K9Z6SCM/mNJLJ\r\nN5d0yM2IiTRxclF3E5z5Opq51bhHD3aFxJSCgmdziULr9WY+b5mY5IJiYxzb\r\n2cVMiLLPSC+H6e8ueBm47xnWqOKAWByz9EVdEqekF0Kds3nLqh5DmRSf975V\r\nQCFobb2ydSkvfxcgz6qe0bXSvA0Z9Hy/SZL3ZDXV4uDvVvF/pLlni+vOEsV4\r\nSD7+Rn2639H4ujJe1fJRo4tilSzXQUPTpycCLCPaS1jUSvhk6bN/tebm0mqx\r\nXC5k+8Xnj0L2ci8p8lvxN9XHXQvjwpzkTfKkT9y+Aw/sdVXcJPNcdyeHchNR\r\nFcVY0ah2gbveiCtD/RjvLUPMOy3llMo3DVo=\r\n=hwyL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0eb4b8fcbfba4d68dffe3a2b5c7478e69e2e2eb9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b9806f623.0","@material/base":"15.0.0-canary.b9806f623.0","@material/theme":"15.0.0-canary.b9806f623.0","@material/feature-targeting":"15.0.0-canary.b9806f623.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b9806f623.0_1672355133133_0.8821085605377141","host":"s3://npm-registry-packages"}},"15.0.0-canary.50c9f550e.0":{"name":"@material/touch-target","version":"15.0.0-canary.50c9f550e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.50c9f550e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a90ebd14c9dca75a5b152940e2ea170c8629ba22","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.50c9f550e.0.tgz","fileCount":13,"integrity":"sha512-u8HPE9+zdXZv70Bd2xRFx+fMeGA+99ggVdMDd/Yf7cSZto3L7I8CpYUbQEE1nFELwwh/AZ5nDRMwoAwPjQGGbQ==","signatures":[{"sig":"MEQCIDR02s3XnujpAX9iMKUXRA4K6do/6QltzZL8q7hzGPYMAiBHBUI3PJ4w03tC8yA3gj6vE6uHsW/NULRY8C2Y0toz0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtE4MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqW3Q//YKQAqAlkfVT84reYgWh/+xl0kRFQwJtZSvs+IWig1puR2g28\r\n3B+XDx/tuUUVHgeqAm9AS2Ho/kiVHNTiByRuQdli7TsCL/wfdEO4xqOjAWd1\r\n+v9s/Z9dCt1wsWkTAS0qUv6o+KNkjLLi3DgPguIIEiYXGPOPZPy44gh4ZVuc\r\nHeaSfqtRChaAgEqw5mgPjuRZ5HDwNP1/FfATSLBgTLKiJxSyl3OC5XtlCK47\r\n2NupZHWJjONOQ/L56O029KiXOIH7EbHgR4yufkkhBrdThtRzdTX8A1LOiPNB\r\nk150vtSEhS1V75/+KTY27assZdVYpX1EVTOgvQALlsb/7SA07bfHOlyFeJLJ\r\nSCcQ9EyEkDS8TC/bPtEuLOvqqkLa2Vu64zZcpfRJSzkzZa0ecfMpd8FgqkRY\r\nsFtlcEAJY4buL8ymyGnQbxUmlauExQCP60evXOUakUbx5JfS1+Ty9K+L80LQ\r\n36+chiYhOggKaZONhpahGI51IBAzQWNMq/BWotgswhy8mmjUERa13bLqpHo3\r\n3V1FM5VYm88iYwAmitXihDRBG7QYTHgtujh/5X1In30cVx923BOMHbnYlPSv\r\nUFdbxFOxL6fkObrUFgYqduChOGgtOdZBCterXOzwpkykt7Y2Bg72of1AYDGB\r\n2OIp7zMWTMU+PBwWPf0OpJydbvAp54BL+0s=\r\n=HQ3P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d020b19d0ab5525ccca1f803a00e184efafb15e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.50c9f550e.0","@material/base":"15.0.0-canary.50c9f550e.0","@material/theme":"15.0.0-canary.50c9f550e.0","@material/feature-targeting":"15.0.0-canary.50c9f550e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.50c9f550e.0_1672760844028_0.34429613922477853","host":"s3://npm-registry-packages"}},"15.0.0-canary.af490a848.0":{"name":"@material/touch-target","version":"15.0.0-canary.af490a848.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.af490a848.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f631003149cc44d0252d0df621fca38eac92fa02","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.af490a848.0.tgz","fileCount":13,"integrity":"sha512-dsjbSw1FKY2e2/eNQJKdrFVnnSuFSy3adbJMGUUp7y37KU7GHp/n2eO1HhgmvELIVF+hpNw6b097TY6yMGmIpw==","signatures":[{"sig":"MEUCIGJkqN3G+geyWEgTuVW5baG1WvY5ZYX0nfvJVUS6Eg7oAiEAsk/PVWUxC7OoPXVwA+/cXGu7uS1M3CDN65eJvhplCHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtFA5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNjRAAn9eqjHf21zFj9t132Toc1Q9Rj1c/SRWQhgFlG1QXuHyYu/4q\r\nux3KgEQirb6eMELJE1TlfMtIdOjC8W2f8BjCo20O2vdyZdzRAjOsgqsHYU5/\r\nDSi4ZHNY3wCsvjxI0uK/DjfaVzN8kb28SK8NOWAE7iRTcAAozFI1XHOFcYmg\r\nd8yagcsXisu8gUhTFoq2CoEaE1DDtwNfck47RuIXVl14+QLGwNROyo3gctzf\r\njXkFFMaoMqVR3Hj3a4xSLWNf7kgHpVqq1q4P9J9VEHaqa2A/bgu6MVBo8Mqe\r\ne5q0iD4oE8YaJJolcksYiQJ4y6VxDbHyNePUfOwckoyIBK/I4kkMccReAYnu\r\n0TPzN+D0XKJJ+9F9Vy2CUNGOZygHlb4zoFmk6iMMBCOTynO4GLVzMRPsyvtu\r\n9skdqbUyHWVYvl5FkhMRDCpdXwfC5csgr1D11Flooe2XnpGY8ZoEn500CMgx\r\nQSY0k8LMqyrYiOvM3Z2aFL10JqAwZqVOEY8yntUwEuRSUthOVAU85kO/+RmO\r\nvXzlGkb3MryhpmMW8DEeBkiwOnAWeqnkv9pH6+Q0ZPJi0rFoT4UjPxOVveVW\r\nmd/UVxjEek9LzQBdaGlTfDLR4HbnRj0JRJOryOgynIYxc1+ehano0r86WyZ1\r\n3TUhCJRDt+avND6IlDDgahcq9mSjNBNW+B8=\r\n=1D75\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"95f5499a3dea1763e53574fb3b884e8e45cc974e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.af490a848.0","@material/base":"15.0.0-canary.af490a848.0","@material/theme":"15.0.0-canary.af490a848.0","@material/feature-targeting":"15.0.0-canary.af490a848.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.af490a848.0_1672761401517_0.28649139056331396","host":"s3://npm-registry-packages"}},"15.0.0-canary.7cf487c98.0":{"name":"@material/touch-target","version":"15.0.0-canary.7cf487c98.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7cf487c98.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34b5c7e206e407b3f2d4c6aaa5508fbdfbdd6419","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7cf487c98.0.tgz","fileCount":13,"integrity":"sha512-s+o0B/kEXsmZryJAWUoAivQ1dlCMnFhQPsWJrOFWaw9gQjBRbfqMtxsXXGlW9Xv6s2TMaWS03K7f50vj7nQNQg==","signatures":[{"sig":"MEQCIBJYJVWhAqYKRt3OGbEvXAbxAU0g54BZMLzwufG/rgwcAiAVEj5uuh0MpJ/vKSG4STFOFD/ncsPZU7QxMhA5Q/JBWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtGgTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqQxAAjSCRFizM1VloV1eOWY52beUB3G8WRSOBE8ciJX05I/f3bbsi\r\nlu5sntV6E3nXgiBMc8K0AtFAIMkQP96/adfOlrgISszpWWJfT/Veqab8KvWK\r\n9WQZ63U5xoyPtdeTcrKFMNkjb3GwjAkuJHeLNAeIenESteJCtojTK75q0r4d\r\nWPMkkPQilemaoEoq0nWpzSREZmDvqks298ucisosawu+zoozLXAv7w3INziP\r\nTX6tmv5E1RHDBWcCzCWYnuGYVWNmbwDzeOrIi6e6Uu5vYdKYWR40bJ1QU61/\r\noCLr5ZfLt/rNwfax8J5HzQd+MU/vrr+7mSKhLzA6cji6ubV7Cy+s4NEKck8B\r\nwW0e95yRyvaaKQ30VE/sUgd/0fKIn1mfEkpw5qRjgyjoylMuMVciSNrEZPPh\r\nmYlDufiFFwDTXPtekMTuTXoxDAqTZtyE16xJsbrEH5CSW/61Ut2b1fZitkO9\r\n6pQNEq+BwzXc/FN7EjbtKDCJouNGiilffzYix6xZghfBv53LstHAhiHADzvM\r\n4RRrWhG28nIZap2v6Jm1I+HU/x267NrIM48LXdz2Y3Rix4upJ/NFwXkZOmXU\r\nUmFYJvRxYCQ0JRyEAYL4MlFTGYOWLeXpLi50JTXvV8g0IDkQkc1J4Tn4Cn0Z\r\nwqVxJeopKzzE8F63NaTMvDJ7yCohcwqghZg=\r\n=kQQN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8d246270c785ca072651213aa63882309c7cd5ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7cf487c98.0","@material/base":"15.0.0-canary.7cf487c98.0","@material/theme":"15.0.0-canary.7cf487c98.0","@material/feature-targeting":"15.0.0-canary.7cf487c98.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7cf487c98.0_1672767507714_0.8131710403449532","host":"s3://npm-registry-packages"}},"15.0.0-canary.a52be2d5e.0":{"name":"@material/touch-target","version":"15.0.0-canary.a52be2d5e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a52be2d5e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"792f4f8d0ae2ab199f08182535bea4866569c11e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a52be2d5e.0.tgz","fileCount":13,"integrity":"sha512-E0S3Pfn9gHR9tY0r7sLxx2pTbEWiIO16YJxpEdh8TSMiUHjSexC/sSkDumBhdu1vo4CNfK4RAUTJAUeGcxrasg==","signatures":[{"sig":"MEUCIAd3w0R840oocOdqb9123Lph6g0gxxWDhu3j2HcMjDREAiEA3Fi/yUvqzqZZcXFR282+cX15vSpKuX9KEcW+ycwyvIU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtH45ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrP+w//enWXq9d4vrM14ieLP1nIfdB4zCRCC5EMCK7KmEt4rkesiy63\r\nIfoGt+kCEmugOmZDuFTWSGJIcL/LX3wgPU/qJYUhu3gLgR5zbwnnTvihrYFE\r\nJgrbIKKXB4XU1blpRLFR/rE6f0tt0UGoT8W86ZKP3fqM8jKyjv4vhbHnUHk0\r\nApYAyBWpb763a2EywSpmSV7Wi53cjAxQqscy5sTkm/ugS554J1I7DEnOFoqP\r\nc9BKsEizgFR8AILlIc+tIWkVu3jcPI/t+/WyjXPW8Exk08GTXodFbvZ71DRd\r\n5W3DRYT918Xjr4OAHeKF2Cwjh7woH+rIuy3Ia+iJ+LepiVTHPBe3h28mK4qz\r\nb+u5IGXaL9n25wlsxKjAVk8WXWbqyyJKkHSDpXuj4KJIyNOjmj982Ci6bzew\r\nzt0VPsL6xFUxEFfCOoGuSi7YTtotEQPdQEeWZkPnqyuVAgOIq/Csc7UExyse\r\nI30slLxSTkqu4CilQUE0qcTY0RYX/dOjZTbIhveqAJOhVifvyzKi9jxhqL3s\r\noCk5FBhVMmkOv50wnc6FaZTnZ0wdKTw4OTwb56fV+AYNcIUGWSqlu6e1tJZQ\r\nyaqAETRuQXTxYmQQES4zDht/V5gixoo2VHijcHsObzHj3dNK6pSlrEYIo7E5\r\nCHCG91gWSDWCBfkC1vY6ua/YT0S7mlMKKdw=\r\n=Vf2S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6c2c2b2b16d0188fcfc620c5bd95622d34ab600e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a52be2d5e.0","@material/base":"15.0.0-canary.a52be2d5e.0","@material/theme":"15.0.0-canary.a52be2d5e.0","@material/feature-targeting":"15.0.0-canary.a52be2d5e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a52be2d5e.0_1672773177608_0.900089257503514","host":"s3://npm-registry-packages"}},"15.0.0-canary.e38ba17c5.0":{"name":"@material/touch-target","version":"15.0.0-canary.e38ba17c5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.e38ba17c5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce5d50920ebdbd803baebe3318aaec88c2dd6335","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.e38ba17c5.0.tgz","fileCount":13,"integrity":"sha512-o+ZhSYtGme50lI5yHnCw/3y/+KFzgB7QCFuv2k3on9gEADh78ddkIOu5yDMcrFSkVFOW+8nejnQdzy8Big+DDg==","signatures":[{"sig":"MEYCIQCiLdMezaJ4Sq47cdvtjS+oqVokZt3KCJXTXQovuoo28gIhALY+n94YHARIlz3/excGuc6FBuud521Zc0XiZX7yofb5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtKzuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqr4g/8Dz+ZfRqIc4244oiM80RqUM56zb1HBx7mp2e6WAukxHMCdr6g\r\nfi1qbVh/kSMfNTm0XzUjIYROUnSlu+ME7RVDr/scExYCju7QOPbcM76NIBYK\r\nDviuzg0R+AjkMmy4hY032LdV1iZ2IQv0ZnuS8UiogIFC9USBxzC+idCU9mup\r\nqZAgiKYqaMiYdgRg0vKK7wlqrLG01QP4IXSrOLnzKmf/2lDt9kU6pqAtQEch\r\nQHdFbbxQ+gOfRWLYyYTd9+vl1oCbKPR1fob5LVPqBfwTtirDOjd3Fwr9aMEo\r\nOWgx4dBHkjhm+TgPJ+oH95RE7LxhkihYiZabZFTBY7CJAYq5o2YHjR7Tr/lN\r\n3LFmbxvy2klqoWLrmfz7ndgopjkeiRiTmJjJop+T71/qEhMuERF/PJlRDgIE\r\nFRb5ly3sWEDHGa5VnNoQxsNDELBjb5tMhd+/0TWyM6ZqC1zGCUwTA9gN8nEo\r\nF8zM3+++yt8skBCCWBTlbUuN/bh/NknrqNpXQj7cXvJcpdMKH7LDtweyhkhF\r\nlZidfemKkkz82uywLfU9rtd1G/vvzWqEZu0MM5Gk+Eb/czZgf1kbExEn3UoX\r\ntZKq2aUDUfxy2npnfA/yNChaNmfkOPYwrmb5Uu1TMrDgXvlMIdr+2VznUzrP\r\n4azWmkPQfuAZYYfauRuJuygV5E3F0R5FFEw=\r\n=TydN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d44100693c450240b468ed28efc3841fdde62da4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.e38ba17c5.0","@material/base":"15.0.0-canary.e38ba17c5.0","@material/theme":"15.0.0-canary.e38ba17c5.0","@material/feature-targeting":"15.0.0-canary.e38ba17c5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.e38ba17c5.0_1672785133905_0.3024197217011564","host":"s3://npm-registry-packages"}},"15.0.0-canary.49041a6c3.0":{"name":"@material/touch-target","version":"15.0.0-canary.49041a6c3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.49041a6c3.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a10666fe6a88ba11a44ef8a8b5e9c296776894f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.49041a6c3.0.tgz","fileCount":13,"integrity":"sha512-qSCCGRoPWawNeCiUZ64zA96zWNSuftosUT+WwaKGhqSX0iGFKhdzl0hGG9GPuZIKxU7xmaWc2P6e3eXJZzQ/cg==","signatures":[{"sig":"MEUCIE9ftu/nf+TQnqtJjXgHAn47WfWUgiuatCxQpTuNzJGfAiEAon0XI4wwOSwG94Pl4EzXkWJQWSbq7CSkN5ABgh6X85w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtZiEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5YRAAoTp18lu93reQHcdP/DQIR8OFhcRIaUO3BVU4bFiC+muqjUfn\r\nuZXgH1qS8OjEv3cmf2U+Vb5Pz72toeFqvZ1nSXabfn0Cu4NSUf1NXe8m3bJA\r\nm3S+7BbiGeNbJcGQdgZwB1ZDzY8F2nJDhsRLCiPtCEajDc7Iih2xH5lIVWsK\r\n0NTM7OW19gP+ZOJmgSfQOQhNfxXg/IkiOZTrhjPfTGlriFoi/1yJkYFdKcQw\r\nqA2HVgdFrJ40ypJburq0uBOWmwxDlpNiIHtbJ0AenJKPtWrrnmyH//wkGHCB\r\n+HH+HH4trREn8IxNVpeAK+t4u30UjsianfZ505SJPxsZ7oI11OMumG3KNyPe\r\nsR81OUDEDSJtK+OWJ389LWx0vTgYqJJYPnT0UwlAdlG73pPIw9oiTntl8Gm/\r\nXrJqbPoJdvuNcnLnIWSUOS1bXmb4Z5UlSPPzBsqCAe61q7aLF4AVFqvi24ul\r\nWBKEn8FZpxBAWWmu3cOoJkWGOK+aq2Ld5tH/eNwC/cAlxlS7Jd8RvJJFftdX\r\nJxra9m07IhOaEw63hEboplcnJKhadtxhSebD71TVv0t6gd0QkWCeDxbppsnT\r\nXq2rzuvBsrLf2J+FD0Lg3q3aSEgIk6BDVIvY4GgFRoq0WwZ5nBut5Ps+nwrP\r\n8PM/Qn73YoHhJ8sFEJJclSKrjWN4gB/mm2U=\r\n=6gvV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f012497ba1285ac3de691b5e25afe7a21ff62bdf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.49041a6c3.0","@material/base":"15.0.0-canary.49041a6c3.0","@material/theme":"15.0.0-canary.49041a6c3.0","@material/feature-targeting":"15.0.0-canary.49041a6c3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.49041a6c3.0_1672845444244_0.06723741164455865","host":"s3://npm-registry-packages"}},"15.0.0-canary.c492898c2.0":{"name":"@material/touch-target","version":"15.0.0-canary.c492898c2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c492898c2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b0a89361ced274157baf8e37568ffe40b511864d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c492898c2.0.tgz","fileCount":13,"integrity":"sha512-MnL+9yFtfyFiZvtvdCzOFDYJxzwYXvRn48tT7gJMjlaGlalDmy1iWz9sPcO1pA3zUvmLLTrDbOivG0NY5xjy3Q==","signatures":[{"sig":"MEQCIA2ypNUi2sJbhk2vfytx6P+bsjt0FZ7ePvl8b8U0KCueAiBIPQUGT5wlfLJqa8u1I0XtZ1KeLDvX/14AYj/Aws6VZA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtbkzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQ+w//RYIisb7TlTRUTPndfXJllG5Q9Wd6n8EnoTWUIn6AM1K7oZrC\r\nGx7oKj4S5wK2GczpesldUph2LXjXS2tvD7iBcrk4niv4GIPInMZlfrEuaByG\r\n7cI7j9C/Hw6hS2WLl+AjXYC7qQ6KvcQOcb8U3XJfY8cqVglLmKzzF5X8hzWT\r\ntVrD62zo075XwynQBIk+NFsIXyiusAPOBxDf06uyAv9kfeZU+lIk5ghtSARP\r\nARBNsUYjXAKMY9FeTuSpmBzgqUztgNJhI7wYlkbqnOdDZliVXjdjBirVAOZP\r\nAGjQF6IFrNzEAttklUFoFgJFf8MiueIOGyzyozGetEfgjnStoS2rGPaZr0Is\r\nUBvn1dG5TfstnTwzzn0jcYWBLJwgWQTab9vByO0ovHIkUnHSVVOXJ4MC13XA\r\ntWA6rrzpW9JeKtPq7DosdHSAzktaYuQR82WVhVuwiAPZP+Pu9EqjA94kEgvc\r\niJU0OMhmTMjEpeYxVtu6kzrCCM0TrILqSaTCXCVUmKVVqRQJlOKrc03AxHKS\r\nxb0TaT34vAkffBsYwMkcpyasUr/xFO1BWaWTaYJt8jZz9dN7+7pbDUwOThM+\r\n2vdNDV04tGTcdRLympH340tgnFNylzpikM25M/SZTiYsSjN3WM2qH4LMH+Rw\r\nxaWRQlLldkQGqA4hwJOVhVLLIjX+AJn1MXc=\r\n=sWb5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8f57d41cc546a15258de2fac7e4ddca48b2987ee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c492898c2.0","@material/base":"15.0.0-canary.c492898c2.0","@material/theme":"15.0.0-canary.c492898c2.0","@material/feature-targeting":"15.0.0-canary.c492898c2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c492898c2.0_1672853811738_0.9886001723259021","host":"s3://npm-registry-packages"}},"15.0.0-canary.d7a2277de.0":{"name":"@material/touch-target","version":"15.0.0-canary.d7a2277de.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d7a2277de.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b513d212efde605adac7122799114c332b52022a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d7a2277de.0.tgz","fileCount":13,"integrity":"sha512-11hxzNq15dyLnUE3FmJBqh+5cp9Y4by3CO2A/cPB5PJyd/q9IHwVkLnrqoauQC9hOHku6Kl5a4Mff+Yqz9VPHA==","signatures":[{"sig":"MEUCIQDkjeLvv+3ygySVsKBWzi8B7yoOqdRSFLyRYVUuTDymewIgYnplHKqyFyqB55jiz1UT+oddhpHf/e0ekiN5PIuoWVo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtfEbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqERg//ZWrlYUBOFKg8dKRFKAJ28UNDizwhumWZZEUCZxirf2wqbIsQ\r\nqtteObIBIP0z9J9Q0g2KbnzhLKLeDW7QKE0P9wsH2YoKHeOQsf8rcTbSZGXx\r\ntO5lzgDOn4XI35CYzUmFg3CYxhk0gsmjjHAfwCTzFPdwJ+8JnI28iUTJkpzx\r\nllDtSMJmg+K4R34neeG0b3P+qfPd7dtM/6l9iawo1P/rjEt6V8jtyTiE51v+\r\n3jIaxTjYgKlB4JrUJXw9J6KNpsg4oRS13NcdiHRZoFCs8JmM8ckl1HB+zy/E\r\nA/MAbtiU3Sm9yLj60c3apDtB/sFfaYWQ/hqZ4B8kEo+lZBo7FqKxxdYMEaQL\r\nj8OHchnYgc/IO/QG5oLrFNnzPnRmod69D5QaK0IGBCxgew2rf2zR+GvrCmrO\r\nWt7XXKhSVtoxDXKKka4gwkAzYAdXB3SbpyJ4AB+lXHaLWcvFAp2Le22x0ITJ\r\nA/E3+0IoyQvc4Q1YgOZ/+YYnntHElNH1j2dg5EaUP3834ZFQpUy4x5ONUSqc\r\np2/Tb60SQeaiFknMrMEtdrvDkfgxrYQ9EJH1d8xjXCsYAGI0Vyk5p5ffG6my\r\n4/+AycgtC+BaVBRYIFcvNcM87sDRSOlUpTabXmUl0iYJqPlYE+Lk7lxUQOqo\r\nPAzPaY213I9pZvq6KIWZuQ6IBndqQCQvB0s=\r\n=Xeox\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f9c71e947019fdd0ca8837669de0401f3752d1f3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d7a2277de.0","@material/base":"15.0.0-canary.d7a2277de.0","@material/theme":"15.0.0-canary.d7a2277de.0","@material/feature-targeting":"15.0.0-canary.d7a2277de.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d7a2277de.0_1672868122989_0.8915897768690864","host":"s3://npm-registry-packages"}},"15.0.0-canary.fd95ca7ef.0":{"name":"@material/touch-target","version":"15.0.0-canary.fd95ca7ef.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.fd95ca7ef.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a45587e581ce8e17497259de73514002c434b1c7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.fd95ca7ef.0.tgz","fileCount":13,"integrity":"sha512-0fjs8kDRws+W34zg6rTBgnqQFHvAZ1kp5be5wPA3e5Io5YIrRaD2APz9dofEfgNnSN/EoQQI/IAWwv+a4WbJRQ==","signatures":[{"sig":"MEQCIFgdl5PUnyIsYOwrkQIPk57pP9LYv7Y3CBaJsKL0o/3eAiAkC+QX1vBPCVRjOrOEtQsz5425tvCArQ5FuTQwxvaIsw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtiGpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqA9A//Xw2xVHI2RrmpC2UQ8RVQOZzskodZJbsPcNSE9BFVWpAMEBut\r\nNZGO0xvvq9439KA9yLql51iN1qYNR+Lb/NX7ho4n5NRDZw5evmperdqATcSv\r\n+hWQmLdyhSNmaW3PcwDcdS1p1D/KlunhTBHiq7R6ApWBBbbHqliib2OAC/0G\r\nzfJl4JxCyVh2RJpbhNCD4utJHFBzMswgeOtQpE1/VaG2DpzLo+MxHLP/PQI5\r\nbfzZ2xTc6I9QJR90ZglBrbsy5HtiKXT6BA5Ze6vrgR0TZLxA5xj1ravJAkPC\r\nYNI2kYg54apXDF681MW8O4vz96Fg/TiJWPqeiPRVjPISbn9Fzka90eEMr6Pv\r\nVg6rHPfjg1YYlcrrkGz9Rdo/APyUdnOjyKv1QKpD24KxT+8tXsG+50yUP8om\r\njUvqhJCYVpTQhfvxybFneMoraR2z9eaVZOiSuj0KzvHxRbgQcuRm115bbwR5\r\nkvWYouQSqDARVOqwcRk4hx76QBTJ7WDI77UZojpEaxV6Xn8r8gN2rLzLmmly\r\n2IenM7VtPt5vAZnphkIVCbUgGPg9I6QvUnQ8SL/EsXb+FkE8OaDNTWkFAQPY\r\nB1zzlaX4/sO1qngQXUBtdxstMt7Vg+czCoT1yXGhS1/8v3Ny1IWwlSMNJfo/\r\nAHWgXMegYw4WFuYMQqq/3Rtgmgk5gCfzlGo=\r\n=lRjj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b0d2fa371ec4a3d0a8a11e19d9753b1af5d2d62c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.fd95ca7ef.0","@material/base":"15.0.0-canary.fd95ca7ef.0","@material/theme":"15.0.0-canary.fd95ca7ef.0","@material/feature-targeting":"15.0.0-canary.fd95ca7ef.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.fd95ca7ef.0_1672880553599_0.24689155317797695","host":"s3://npm-registry-packages"}},"15.0.0-canary.1eb44faf9.0":{"name":"@material/touch-target","version":"15.0.0-canary.1eb44faf9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1eb44faf9.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d01cf7cf20c38838e4943154548a56fe1bdf36e1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1eb44faf9.0.tgz","fileCount":13,"integrity":"sha512-47eI9fPbKymiKbK/lG6DOj866nE1Ub52HIcFOi49n5hkJlgFHxswHnvlurbTdDpx/bgbIZg6hFUKSi00jnpPQw==","signatures":[{"sig":"MEUCIQDLK5zsjNIbqtkTyqhOBel0jqe4NpB8je7PwtVLGHa/YgIgKJFS/hSdeIQPLcB4/rgrkktMJS1aaxeSG660Rw+yDc8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtpOwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojFw/+JSPysCKh5eYEBL35U1ZVw8QHpSWKg5OYoFRLJeuCCT6TNY67\r\nsA3hAHzXHIiMtjkmbUXcGxDXZphvtKj5nfGh9Hr6xNhSVYI1789LHIUni2hB\r\nWebo1n/jwYON0MZfaFG/iCK9BJw5MqMmcPps4O6mZWqfuIK+76cHSW9z2pkf\r\nsa3bnMcsjhggzrc56gN9uIMBvmqjq1KRW7JseAWTrTP2wYYM6ceeqtVn4a8l\r\nc584V61ODQNDg6ACi/fWdHuBXODiSuXdLqQUGXd0if7+CdtZIwYcfbTKmVqT\r\nucWiA2/wBesO+VhZtsfB8qSTH8e9tPlWONKAHzPFCw1S2H6LWMkURRccGG/7\r\nSsMj53fDwXBbnY0+wo5sgTZJt27zPurJOBwSBlkG4X4xBCIF31HYe4Fp00gs\r\nR8s+nAWW3oS4N+779wJwaoDMW8JhYIlB2m+xERroiTdTSnz3fIDs1p/umBbo\r\nkjPtexM3GPm2t+P05zPjXHOcpJCSSuPt6FJa4E8DiutXF25QhkaILOoUxj3X\r\nd/I9OQ/f7GcPtWkQX1wxnrpH7+khTfWr/6ge1wVpjtVgzDW6YROP93aaEHdz\r\nuvndaRkQgmG3xya00iY37S32DITIF73z0r7zCJ2qIRztBbmuNC36CAI8qOpo\r\nTkDiEcXgcZL/+doBn9nCl1d6JpIlIcsU5dM=\r\n=a2pw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e0eeb94598a14217ebc97ec3e249d126a29a13a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1eb44faf9.0","@material/base":"15.0.0-canary.1eb44faf9.0","@material/theme":"15.0.0-canary.1eb44faf9.0","@material/feature-targeting":"15.0.0-canary.1eb44faf9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1eb44faf9.0_1672909744708_0.9141236849546783","host":"s3://npm-registry-packages"}},"15.0.0-canary.adcdb7db9.0":{"name":"@material/touch-target","version":"15.0.0-canary.adcdb7db9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.adcdb7db9.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ee68263c3ef00dc43221d65ab524361df650636","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.adcdb7db9.0.tgz","fileCount":13,"integrity":"sha512-hCmgkMY/pFhXcki4JihuhsR9vbf1Tc0eIf6IOXf0nRLgj+AevuNnOYnP0SomLGPrllM5Ku757N2NG3+ud2OctQ==","signatures":[{"sig":"MEQCIH+JS4zzyAzcWjHwLLb3GQwimFVWyTUwRTXsteOQZu/VAiBRiehZ31IV936TUmpH5Tnyhbc8jiZdM6bRlU64yM8Jpg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtvj+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRog//eLfXWbZ08mvI/8np6UsSd9ctVT/IdhbIy2ooJEpBBSj1Epkt\r\n8iZlG/U3xrfLzQMZ6A+acPi9tBOI3CB2uIJHRYO1HpGquawRum/4AUneKkCB\r\n46ATIumqfIW/5z3IphyoYRaEks1ViWB7QHNqTElkDzT+2N898GYl69+CiEjG\r\nA93UViC1CYAaKZAqbFwOK4ZtihI0ivGxNvchNW4WZF1ryzbkd+fgFq39IkWV\r\nNisofN6GK/ZhIeAtnt41PgKn5myP5kPyFlBxyCVlZUg1Ai+jTageYuIg7UaM\r\nQmyNAtcaIuDb1GI3DZiiattAz4ypzErQof37Bl4DSEseeNRRhIvoM7fF1kH1\r\n+krDGC4Fmnf4Kpeak5fxxWJhN9Azsvrh8tDWOS0DSJpymuYlzILXXrfMYgrs\r\ntyK31jbPe9/2bvNt9YGx59fgzG+jgLB2dtI6DKKFKK1NheXG0xirgt/JoPDR\r\nhAikSacZ6FB6cmCEDaTyrRqVOmKwUImcZUxg5FsHT4Z2yzutxKtIHKjLPeJp\r\nUtsqswVqa0JvxcsO0dkXXlVmF/stj4N10lFc/h1h/jf3FXOn1MLzSHmK3mRb\r\nEe2/dBIun6NBORAZzwI3n/bEZ8bw3IOqBmGhZzpwaxcbhyjieDoRG2P2Qxxd\r\neNf5Hg50WqTAXv2inCRGdN5v+lSe+IAJBbs=\r\n=UwUX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2bb419da8b7b393c085616b6c5f28a3eebf832f6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.adcdb7db9.0","@material/base":"15.0.0-canary.adcdb7db9.0","@material/theme":"15.0.0-canary.adcdb7db9.0","@material/feature-targeting":"15.0.0-canary.adcdb7db9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.adcdb7db9.0_1672935678454_0.42349981920998836","host":"s3://npm-registry-packages"}},"15.0.0-canary.067af7eff.0":{"name":"@material/touch-target","version":"15.0.0-canary.067af7eff.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.067af7eff.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2df2d649aa778e91637c9a48e39661bd76702084","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.067af7eff.0.tgz","fileCount":13,"integrity":"sha512-jtO7XRqPE5xfDevQeubwlNsDF3UnHZ1w85h6RQ0C73uLxn+6hZxLHfxaKAANM1yfzyHe31xe2iTdLm25IPUgpw==","signatures":[{"sig":"MEQCIFoz0puW9bPNjVGCkgZuJ1TSe8bf4wn97i++HrURhENmAiAx4qvH8+CL0tWRwRg8L/d4824UrI/J3TO7kXcLJfGYVQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjuKupACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+Vg//XMLVxoVRqyXa6LddZ40BP9P5HE0Rspg3hxATBOJEaVLWRoFc\r\nyW5navDG29KDmwiilrHpNArzN8A+v8Ezz0+bOJziQFhYXhIIe5z14w5qEUlD\r\nO5mpvfVmoqzLpSplhcfxeCJ+CCViT/DSkYG9FMh3jY1kpS/tbgN59XByA3Uy\r\nGELxtN1Qz2W8Rd8huMXEEicQSsZasqAExvRp3W8PppAjdRTKVZg0QcRw9Deb\r\nYYrolewPt0vcRmwsE+SkEyThXIQIx5/zLQ/899K0xs8bYXCATBBM1pkv6VNW\r\nK0LFtdV5DH6B+x+XJzXpPqWkJC33/CVcvpd69ddzojeEpb9RFoih9fsm7zQs\r\nVG82nFZIK8kBYSM9Khe658yI969Gn5ADQWMeC9DnpZRf8tKL9VECDWDrK6M3\r\nyt3LRjKNx0m1q4q8eO9XH7OMwh4F81dLj5JKcVx6jJvIpikRHjTXQrIx4GN/\r\n4knn0LBe0beD/3Pc0KyHVtTpShw711kPsvY/dbMIF9fvZM1w87ciBrwfPS/4\r\ndd7l6dj52n4aG12h4mHteSoGfFqdMJOQXGha2L5USp4dR3v5ppKY0cmksqUl\r\n8w9dRK/QqQ6Fwn1HaGowb4zdHsCOg7/GVsUtVb6NDIqVCqjS/L+0P7YRJfNN\r\nQi7uqmZI7reeTWZd54vT6AnMBuu+9XyF+SI=\r\n=h0Qj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1fae2c792ff8ce557995a8d5d858676b4355c7ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.067af7eff.0","@material/base":"15.0.0-canary.067af7eff.0","@material/theme":"15.0.0-canary.067af7eff.0","@material/feature-targeting":"15.0.0-canary.067af7eff.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.067af7eff.0_1673046953594_0.08809580527149663","host":"s3://npm-registry-packages"}},"15.0.0-canary.21d1196a7.0":{"name":"@material/touch-target","version":"15.0.0-canary.21d1196a7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.21d1196a7.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa92ac1e9d6d223ea031f9a22cbd1ec3082d8b11","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.21d1196a7.0.tgz","fileCount":13,"integrity":"sha512-nUx6YWjO+JU8O07axmxD1hfvAFaroYrQ+O6HiPxYe8m0cYb4fHfd/5smomVzf/xb+Q391j7q7GPhDGJXMLpHLA==","signatures":[{"sig":"MEYCIQCnP1KvFFoApG1Hiw2ftrYV7ykR2E2YEY5R/96LgA7HywIhAIugDnS6cvfoYrabeO8HrEROaXnEQeLbA0uy8u+21Ujo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJju++tACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpqug/+NIwlksegwtrtGsv7JffNbR3ahd+tsbzHIGQ4o/pJ3a20wr66\r\nqkYiZVE8uENvw3RXg39OWYLg0ib8rwF8T9F6aisH2EaYvkMzPv7bDBFH6zO8\r\nOcB7EOlalGSRqvqTsWkbAqFlTUuDXPgky9CCnCdQ5v0OTinN+hYUnCJr5fR6\r\nGqIwzcS+TVG3fJslNFK7z0FRtEfXxs3I85Xnwd+q+1riPHxIcZZGhwg+NXPd\r\ngYEe1W15lsodDqzHtWZnatOQukG3jyu2N6lwppHV3TLjnIZVD/UrhAENL9dJ\r\nwfa0huRCJZYMyRfuAjEYbq/0v4yPO+QUECrZHMpmdysDasoauvZc6vAOiVuB\r\nM3iAcRBeRqHSgY+pR3c1Yz6pGh7Qm9Fx858PaUsycvBxkHDfN44MRVL7hbbL\r\nbahGEZgLiVE01dMxICYCV5AenfZLHEtKO9pq3klsL3Wh40uPHawnaUztBrNP\r\nZvcIcmwpQxbXtqOkMI0KYguLfm2zoFVurl5Sx92JKC3UAxDJI3m3EY3sza5/\r\na0ou9J/JujhtKxKV+f1ufWDYBLbUoxY26ZjoiTEauMCQayw9ekoOYZprBcqb\r\nIahO9AbeRPDRmUsSeUfQ7F/hFjvL6dy7vqQYtLZs7KjCYhfGya+w4oPJ4LTR\r\nlK6Jh0ugCEdG6tMJZ78EM0Gsdep/SAzeQ24=\r\n=no9W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"361e536c54e276112f021b419f666618a20599f6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.21d1196a7.0","@material/base":"15.0.0-canary.21d1196a7.0","@material/theme":"15.0.0-canary.21d1196a7.0","@material/feature-targeting":"15.0.0-canary.21d1196a7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.21d1196a7.0_1673260973191_0.4260997588255977","host":"s3://npm-registry-packages"}},"15.0.0-canary.8d2d8d3c4.0":{"name":"@material/touch-target","version":"15.0.0-canary.8d2d8d3c4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.8d2d8d3c4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f8061cf96565209a0706b90a9b4fb7e8aabed4db","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.8d2d8d3c4.0.tgz","fileCount":13,"integrity":"sha512-fTfQNR/5kGbxt/26I3mOHRltcbersi9RaW9LcHdmSVQFDhXRjml1mW5Ss0QqbeERAlkKHeJBPUBjP3SnDs58Zg==","signatures":[{"sig":"MEQCIEZM5qGzcCDhBe2w4AnlEaKMFaRz4bUcf/mPnaVANytxAiAF4uYAH+QbvbdnoJ1tv1prkI9B4kQkS6PTc19G9mWJ/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvJPqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOwA//fszZNFl3LdXs9vrKl71Dda+Ee8ORIarVvI0qDu0ZQ0HG/A+U\r\npw9pkOiGoTpHKdXOZexMFmdfsxwLdAjtSsRSsoZX8fpuC5Fadf7mJpeRi7Ec\r\ni5Gw7Smm/unXPVgH8aRALG1rrgCpLPE036c+pc2b3J38PH3uBfya0yd2DjHv\r\n8pZQEmAC7ZOERtUygB1O2y82w66EZSfsmpXF8vVWbnDD1Eqi5qWt1z0zIyr4\r\nqv9UABUYQPddt4nZJlLHH6FBWPJM5Bve37pmm19N7Ra5sp/oe4IvbmBlXGU/\r\nici7Cja83cmZZt4KZUNH9hwCQAeYeluB9TwtPLKCxoBIUWD+GoRMV41LJAG4\r\n8EFbHk7xSyQ+JXOB+ZpWx5sEdAZDq0NGTASARbyqI6kJkmnvx9pNJFaRnLQt\r\npXeOcbCozHm23VI30lxa/zCgO2BAqBIw+r0DQzWTNWUTGh5Rxvfi3jpPSFKa\r\nbu2FOCq1C5FjuQa9vbIr1aCkfKDdxFOEVEG+skC4jG1pjcWcEYbtkUk0GacH\r\ne7VaUOyfB3myX8D7yK82RnQekJjnsWSg9ppsaF/P2lmAaprfW5M48id/1Dc7\r\ntTyollsF7cx9tEFX7ZG0qU3c4tOF9+elAbobhlQ6boMjrgLcKv2qWFBiHQ3Z\r\nWY2fvBpNbAZDiRZzI/swk8J92MyaiKp5bwQ=\r\n=VhPI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c2df4624468d99280d9dcb0894d04d839fc8673f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.8d2d8d3c4.0","@material/base":"15.0.0-canary.8d2d8d3c4.0","@material/theme":"15.0.0-canary.8d2d8d3c4.0","@material/feature-targeting":"15.0.0-canary.8d2d8d3c4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.8d2d8d3c4.0_1673303018482_0.5192109101748681","host":"s3://npm-registry-packages"}},"15.0.0-canary.fc6ee6c32.0":{"name":"@material/touch-target","version":"15.0.0-canary.fc6ee6c32.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.fc6ee6c32.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e8db0e6f53ce7aceecb895adbd00b2aad6bfaf5f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.fc6ee6c32.0.tgz","fileCount":13,"integrity":"sha512-kVpf2r8UcPzwh5P8+6WPkcey99TtCkP5anzKuuQLDoVInuqO/+L5JZKoATVYMmfxbY81mTHAeTlaZOa1qnglNw==","signatures":[{"sig":"MEUCIQCGOF2oIVZySkmn3T0aU2GMKB77aQ9BRG2SEBrTv+hLIwIgI8sRvKt4PDHutS1KDktBhCs5cDcaS7DGL3Obb8VRMaI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvZIBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpuGA//WUE5r5p1n3EWFbWZohNNSl0Mio41ddH9D7bkTJM4yJQ4KnQq\r\nuKNn4x+GN/znyKwMtWeHbU6ymheHus9L8tEmTtTB9kGTfFTf0iHot71WR+JR\r\nND46aV/uw3EkG8yZnh9g4PPaRjkmJPojkwWAqOxKctyXNzRAomTuSwsCKO7A\r\nPpcpoUPvQ1dOlha6SeZAlnvw2M2Vw5TUs2aTr5/lMN6KYOnMAbLmFK8Qn4X6\r\nQlV5h6Cbngxmfqwr8JUfaLnZVjQPLiDeUgJOE4mBiP4ER2rg3PQynwfj7M4P\r\n1Ncp0Uo7r9YGawwpMZtwreZhbiBwHsM3fGhQT54+nvilqYgSfgddsVSEcXdJ\r\niQuiylzsoln/jt2HWRrYrNctnPEMR09VsZx4WD+WFcHuS40rtFouycon/0pA\r\njCXIV/1e8MvoAe8aAzRkJbPphhfxGQGFvLwAAoU9ymGnqgpl9b4gh9glu3VQ\r\noOlIu/hwuwpuew2YJ3EfssrypAALcMAMuAZSOHxVR3Cvu1BWXWkmPZdYIOIS\r\nQtZTu3eNEFpedcsmBJeysUgprVZMifc19ATS5AgUcmiSEGQ/jHbip8DnfwZN\r\nNR6NmENRURlXFB5RI8Ify+4Cb0hp08wLppEGXVLd5VzoQcsSQRQKgRvWdbcR\r\nHkQJ9sHW6X4MniPMcrITx5IVvgojxHK+O+Q=\r\n=xz1E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"225aabdf74bdefc3d2f70f268ddd04c501a821ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.fc6ee6c32.0","@material/base":"15.0.0-canary.fc6ee6c32.0","@material/theme":"15.0.0-canary.fc6ee6c32.0","@material/feature-targeting":"15.0.0-canary.fc6ee6c32.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.fc6ee6c32.0_1673368065308_0.5926256813240325","host":"s3://npm-registry-packages"}},"15.0.0-canary.73537ab0f.0":{"name":"@material/touch-target","version":"15.0.0-canary.73537ab0f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.73537ab0f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e37bed109654bd45ba56853ce28ea5690935e69","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.73537ab0f.0.tgz","fileCount":13,"integrity":"sha512-FMsOSlmT69GHjdwIXhPsnkPeH1Ice4Pgqxgj4sZtWt4y5qoTU3+MS3BILoBfjaLuzTC1afkVsSuKJ9WbGLZbkw==","signatures":[{"sig":"MEUCIE1wK+3VWqca0nuUYmtzmBglxpy/OVd7FvocvJdJTCxwAiEA0pQpRLLhKPvl9smIk0wxQPnkuUYxF9zg3NlN8tDXJww=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvapDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpuVQ//dZUygGHOD6245L91MvBVuetp76XeqxQpqSckL1FTXb8FO3HW\r\naidn8Mbhq5Z9MrfEpxU7R69IOxSlyfs7qryA9bKz3aiOY8SKnjzxJTnZoTC6\r\nM/UFuMEx0aC+PvRk+moJDhLVNm5SzZTC+fz9ou+BrevkTD2qu0RfWsqTM8sP\r\nbIlayrwQJvme/AZzQGtGyzqualClgkqNmx+fNpq01RHbho6B10kT177WtUrq\r\n/LLAhfpZXP2vMfzGeBey7aY5DLuZRlG+qrDq6g4xwhKKiQT2imnPpqQBNGYj\r\naBmFiMN4+a29/PTBF999tGP9zfUrSsGwYIeLGUQ715/Om82s5vfAw6Y9l8IF\r\nssUX9MYicwcPCTWLop4mxMiv5bfEkiHkn6H0zOrudOZduMX5x6XGGbNAJQlM\r\najPQkk1Fm/QL1rqJsR+olaEMNLHoVYBse5GliqzQNoPtpOBVtSJEriMDoJDl\r\nYN0HDPY1n+vC3hJF2QL2nVG4aFT8E/EcJYHQiNHJsVPVjd09GBunlHpL/F8J\r\nFOncLpVa+R5rOJiqaANdma631pBb5ebc9K9H+TgBm+2FhJWYflZFm8q+/ZU/\r\nFSYiopN0+rqqp5pusEvEFzi52TtfNqAs5Ql6KS4aE2gXCB+iEIijYFs1KJYc\r\nPsVGdup59YuXZFRKkZYuQpoYPzIjnfDOPTc=\r\n=Ibtf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cb3a480e7be3c8c7bc8f8ee0acf1ee8145f266b3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.73537ab0f.0","@material/base":"15.0.0-canary.73537ab0f.0","@material/theme":"15.0.0-canary.73537ab0f.0","@material/feature-targeting":"15.0.0-canary.73537ab0f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.73537ab0f.0_1673374275092_0.8272534605041815","host":"s3://npm-registry-packages"}},"15.0.0-canary.684e33d25.0":{"name":"@material/touch-target","version":"15.0.0-canary.684e33d25.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.684e33d25.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4fed9c020cbd8d813b8c01f8590652b7c719cba7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.684e33d25.0.tgz","fileCount":13,"integrity":"sha512-zdE69Slg8+T7sTn1OwqZ6H7WBYac9mxJ/JlJqfTqthzIjZRcCxBSYymQJcDHjsrPnUojOtr9U4Tpm5YZ96TEkQ==","signatures":[{"sig":"MEUCIQC2W51ULZxS2YPL1jw1WgtweVpxPrezQ++QRh9DWznubwIgeRpis5xBk802KHPokXi5pyOOT13Au7uOi8S0qR1QZ3I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvbn4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmom5A//QN0Ay0XKvcsmt/Qp4FJBo8KiRbXQ1IIlfkHBnnorA7xHeXOJ\r\nUwU2xmHUgpljOAzDloMgsFsj+8PWMhwyIhTHpDoGHABjfcdv9fztfcnIR/Km\r\ntnN14YX3rMSha2jq5jqLB4aw+F5smAvpEmTpE1j6Ye+Hu+sU6wY0FxKuQcIl\r\nkrFLqvy8MDk9V86Ixo6mfqg8bdNVWh+3RSzgozpSmHigYrjd0Wc0HeHXKbMj\r\nHwZzIdcliCym+M9ipItQ1mAy+f0lOofISdv40ltpVW7LEo7L1+NIXXQIxwYZ\r\nxDU2Jn0A2sJgJfsWQis631Lk6CrT7KqCZX5cW+IWOW6njQsdJNQK60seed54\r\nDFAVn7SBswSZWlQ1W1VDeEK0QFqU+JSYeneMGg6mAHafDgSq8rffs9BnHEm4\r\n0l8iAybD5IH+Aukkd6rnQ2iPUY8jBYBgy5YxeLHOhA+5XhJBnrlhrvElceVZ\r\nRzFVRDBlBoVlCkFgLIRPCy9tgFFPTOTZX9AMC0chol0so3z6asiPjjy8w3x/\r\nzKO/qOXx+uCT8RVvSFtl02fhiT1G6AHQ3cscTRhJ9Tu7Ae3oZ/RqVGK3RBi1\r\ngKsk5lSTuoU69S9s/BpdrG0qmBNcd0+MpEOoMi/yK8e6ybqvMI0GQMVAxIAb\r\nx/5phRY/3/vPGqZ6/558xDpyK50ln8lKgM0=\r\n=yDM9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"518d26a1e091925c1b3a87f4d4f4dc828580a863","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.684e33d25.0","@material/base":"15.0.0-canary.684e33d25.0","@material/theme":"15.0.0-canary.684e33d25.0","@material/feature-targeting":"15.0.0-canary.684e33d25.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.684e33d25.0_1673378296200_0.7589362555402634","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e89aab6b.0":{"name":"@material/touch-target","version":"15.0.0-canary.0e89aab6b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.0e89aab6b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5cf661ce37310fa57b3cd184975e38ea8b4d861b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.0e89aab6b.0.tgz","fileCount":13,"integrity":"sha512-9n0y/h1OPShh89ShRvAph00EVO9ujhzrMKlvhXdoyBxEcrrL2OIIr0nC8EJmyZA3gBxinlIhAByGjfDaJa6xww==","signatures":[{"sig":"MEUCIQDfiHga7WC6wgNXP0TT09xQzN946aK5MConnDhPXN7+pQIgJhlzwaC3n7+0TsmTtXHXoGZv3eRWPMXucWy8WlLK8ug=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvuEKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpx5Q/+JoQEAbPXno65dhi/kd488XnFyVMqzlAHvoPNLhVLUlZLGyED\r\nRe199mLEzVfnGP7r8+5Mh+3onJuTqd5h3wkupn4ZYUQcc3v1+Wv+AKZacecf\r\n8tRncghccFvHkq31hg/M+ux26vQgIEZutkAQCNqbv8REmbDPKf+nClxQt7Ve\r\nG/J59CRVxznC0T0Ndv1DBnxzz2yJ152DWpI5grZ8AX+ff0hf2Aj/MHLGZafC\r\nVff14qYej4/IgUm//+BQmkNGkVnIX0czsB6jdhROj3C/clfLhRwQR4uGl5IA\r\nm7hSChM99iBmHEQ7eqaK2J+rNJmJHe/RtOvm2fx1qt8Ds7ycW31ibv9m5t1v\r\nzuymew8rwkZqSq848fu2jwhg/RTA1ROkIuqW+RVbJNGvcwo6m8oEx391bpmn\r\nxol/Avhu5Gmd4tjSvvygYM7SIGovKAPsJXttk8R+ssuPUdWfJmhgSzVRn1WR\r\n9ehIBdyq4uYDUgRJK+cRwuuzvWYtvzRa7/h/X4WdoCU4tGKKIPepERo2QOBQ\r\nCT0Fab+KUh9VCWRfQuKNeDkLtpkvoglC2UEeqfJa/BYET98xMPyX+Q1qexLJ\r\neEHJNGrB2KILpdi33ONaroknJtsoXkFvxKh0Xo4e7Y9pjNUtPbinZyMovykE\r\npEEj4PdAzxNuGVwRA3wq2OPOKM/1owUFc9o=\r\n=lTT8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e4a9f0d636d7f4d6c0fbbf49a7016627715eb3b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.0e89aab6b.0","@material/base":"15.0.0-canary.0e89aab6b.0","@material/theme":"15.0.0-canary.0e89aab6b.0","@material/feature-targeting":"15.0.0-canary.0e89aab6b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.0e89aab6b.0_1673453834599_0.8705888384522951","host":"s3://npm-registry-packages"}},"15.0.0-canary.b0103d10a.0":{"name":"@material/touch-target","version":"15.0.0-canary.b0103d10a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b0103d10a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"922ae03e0d612b510cba82a3e30f76fcd1c1392c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b0103d10a.0.tgz","fileCount":13,"integrity":"sha512-YKR/yKo09rXeKV3hBC6dmLbnQ7Zk0rlxhNVJrcM+TQ04rask8GqIVS4kXnOwEJaLLSdb4wJQSkIb41c4j5lfqw==","signatures":[{"sig":"MEUCIQC/J9J5P15ZKw0lwklwY0mTeTkiK1jDqIE8Y5xTo27yygIgEgVRW3fqsJHqtepCWxIiT0hF54eQKYLQT2+70tw1Pno=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvwoKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCOw/+I/pRTHCEkb8yL05ja1SeO0IHzKvusgkfcZt6tMSJuwhuLj1R\r\nhN51l3Cs8PZCYwoRHWvJdCrWduLdTIDEKYqEkGYrRzH/HvGMe37TA+gxSK0J\r\nykDv/LSNkG6UpaVxTj8cr6j5WAUgnIaDqCHDcMtFlEDmWJBHOlHckX4RPRlj\r\nxJVcW54+beD/y639u3vgFhom3lN41clitkL1YF10lghAi32UjxmwcjPzbh0n\r\nO5ilLzoeN76Fxmf7DSBlCGyM3z5er8k6moiWjya/TMuH6bfE5kRpRVvC6m2V\r\nESgowU+9JcQXEPnb0IKg6bYuttU2fyU1TeMvFjuT60Ng5MqgJMelezP9IAQU\r\nfBGzwfU/c4Eyx/LwshXY0Tt6MrTpM7ULIYPqF1/YkTEuyrigusR4gaCkljpw\r\nfJis3U1sgB193w7p8NlF9ijBGmivUBeDXpnf+Ym73Gi4k2ayE5znLAbX/ech\r\n2hGlS7t8veM9ylrHCjBnZKOMekYG+oW4sE47kWcT/oOhiD/nHPNjcCbFBZjI\r\n5oTtm3aDYEGnZlnstNEpEftvSbGJLHPVeaRwy6paDKHYDQ3Hax28gG88dUiS\r\nOhZ14yECOXmMs3cG3eVJ9h40NZU4ybJ9nMycFqWCvaqPqzae8YB6lFaCmfNA\r\njYXwFETRl1K6nnsQn4KyEqTTazm9Dsnsh1Q=\r\n=4U6v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0e133b89a4afcc8020dbafdd4d22c734080d2d17","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b0103d10a.0","@material/base":"15.0.0-canary.b0103d10a.0","@material/theme":"15.0.0-canary.b0103d10a.0","@material/feature-targeting":"15.0.0-canary.b0103d10a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b0103d10a.0_1673464329866_0.15005557342172948","host":"s3://npm-registry-packages"}},"15.0.0-canary.50e7a5312.0":{"name":"@material/touch-target","version":"15.0.0-canary.50e7a5312.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.50e7a5312.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a5e97abc6b5a3f4116014e5e4afcad2a970b30ba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.50e7a5312.0.tgz","fileCount":13,"integrity":"sha512-YqFYVuQ6yQRz/Gg4Cd+NkRiPWb5E6OH7JMkZ0p5HpQOR1U3Mb923v7hUQUaUS70U1aDlDxws9Ou951vx2GZaIg==","signatures":[{"sig":"MEUCIQDmQHg/R4yVYrWs9KVMyLEDg9m7jI/V3cx7O5hAtyn7UwIgMpMGTGxkmLuhAP32EpT6YfPFxb3/YLgOSaEmA2I+2WM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvyHfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCaQ/+KJ5Ky3HBpYThbvwm5/90KlOjz7lZ6leEn+k1JcsHsws6bPFg\r\nE+W06SYkryXctDFPKrrcHHH/36EP3uVmvknwmMXkn+zSMNX18IqAE61TVIr3\r\nR4SDubkMuYKkoKTvCwMSPzxVLTqqm9S5qhaDMh0atN8joelJkxXgB/TXUgTq\r\nys//6hJqmaw2mH+Ldi9afsXj6aO0wtqzRZZgBoLwCCbbjNpICzQnltXcdnXo\r\nFI80shdJfi8QHRG6jHHtMjmHaQ9mIzEo+Bvi34U4RgmcP9lXFwEweiArFyHg\r\n2DEKtNqgab9Xh1xmu3ZFXZ82KG2GH6Vn3l00qZTMnlWtyB8ruHZCA3rERD7P\r\nQq/gBbST4wCqzKnYbuUi6MvZRSCMMl7p7Yjg3l+ZCQDtQbyUPM5BI3zsj+6D\r\nB2dwvMm65NQCg/xeI7IXcd9JlOzYI14oht0gtQI/NsOwzO5XGXWOel2ircLk\r\nAd4e0InMMGMraslk+6rmer2jEa6OGt/dyYE+bE5lqlSSDRlHHjNhatDniRBF\r\nyiid6TQbLhhvviHQsQekive/j6JGdJSGR+D9hRgggDCPbB6MhBgXGThQbjoG\r\nSQ3Ks6/l2l6ca4DWMQxhE8XX5YNh4pEP92T2YIwYMaxHJBY+fVlpy1xWSXB1\r\npTYej/drZ7nHd8vuFUW+sxO5Gq9KHHwauuU=\r\n=8jqs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2d4b8df3edcb9b5e9fd8d8b6645dc9519d92f376","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.50e7a5312.0","@material/base":"15.0.0-canary.50e7a5312.0","@material/theme":"15.0.0-canary.50e7a5312.0","@material/feature-targeting":"15.0.0-canary.50e7a5312.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.50e7a5312.0_1673470431686_0.953204349645759","host":"s3://npm-registry-packages"}},"15.0.0-canary.202823f54.0":{"name":"@material/touch-target","version":"15.0.0-canary.202823f54.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.202823f54.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"374f310547c4c47474b34b09efb564181efc16a9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.202823f54.0.tgz","fileCount":13,"integrity":"sha512-PKZgpM4tQxWx+ifODVOYs0bZbOcke1P/lhTi05QwBB2PXR4jAGQoIru727845cTk/AG15DFIwoQ4HiMsaJdV5Q==","signatures":[{"sig":"MEQCHykxn5OcDTslKxnvvgcWgrxcpdnbucovvEjfHq21WfcCIQDxbOrmyb/Li3brvV7ysEIUbilFlh0qs913wrjtuLr1hw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvyudACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLWA/8CE7PM5gCmuz8ZuXVi0yPzovuU+3ceFpx1do9AMwWOpUWtvbV\r\n3Z0iyR0ZZabQ9/zsLZiWKlhdvHrnRnWWKFAubSYIzTlOOG0B89Fu+TnQSjua\r\nvbmbxuGxAIvWqhn79qiNz2xUqxLeH93dJBIS7GcnzFhXO1GdlZIZ8v9hctD8\r\nIaIplwZBKLmE3qnaN49GAtQBwrWFtfFLf6gBbBBJsk/IYjn9lXeq08RcAT3k\r\nuav5fRzd7rs36/3UxhLXvTyaGpOJ2DcT5DDVVABR/7h4b0D2Rz1KhEWFyuHD\r\nMInrkx6JYHedqraMhXtOtnkkPsBn05rXemUTGiemjRpS5Je22K8gVVGtPzB6\r\nOjG1IM51TYO4DYDVpiAg7SpeVJPBvikfaFrzY0hyU8IrfoBZawOt9K5h+A/H\r\nM3CpIBhv105GkVmF7HhbAZeuC4ev3wdPGy1CHKPIZf06uNJZwRRXbNLnfF2s\r\nkEN0173WOWJq9EHoc4vDAxk5j3TlE2pR617hSmturA7xyC3zuN6BtJu4ELjP\r\ngregTt9Tv/fzogkfSbNJWzCtofw5oD3h6HLFh2FY26E0l0O1klyzoNRuk7Y7\r\n0KMOQHsYPAw0ZibH/yGELm12GepoNYQwvde034leoVgS2Jq2cP8LJOkRrLj5\r\nEIDiSoPCtMlNRRtGHhl512XQkIaWQyGGhLQ=\r\n=UQon\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6a4dbcb0b4c7d96a85ebe59a5ff66d2469e177a0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.202823f54.0","@material/base":"15.0.0-canary.202823f54.0","@material/theme":"15.0.0-canary.202823f54.0","@material/feature-targeting":"15.0.0-canary.202823f54.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.202823f54.0_1673472925552_0.7901948639355842","host":"s3://npm-registry-packages"}},"15.0.0-canary.199fe2a2a.0":{"name":"@material/touch-target","version":"15.0.0-canary.199fe2a2a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.199fe2a2a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b7c2501727b43222d7fb9a9ade9bf6faec96d284","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.199fe2a2a.0.tgz","fileCount":13,"integrity":"sha512-oB24/0Jiynb+Q3RLpxxu0tMXWmxUoFi2MnoB7zRLjT10H1BQ4mPrsoDS6kI7HrxjRBwZwMzojNejZI3q9gS9SA==","signatures":[{"sig":"MEUCIDf47gKWH68f4UnIXUcvlU5QoLtGD/g87vvK0C9BUY/jAiEArg0LHCwSXZwLJIh+lRpfEXfWZIc0amglcdzRLkVdiOc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvzBGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqO6xAAlYpwKIFM/g6lf+sTFKRko1GET+bVIRY4vj7XSYbFCu55KqaT\r\ngge9GypQsk6NI6aFv/lfhhJyGF6Iqqy7aO7QApS44FL5bGxibM790Re3O4+7\r\nqHWgdJTbpsV5Ij4k4p8gLuv9hyBtecpBPygf2wZD8pBN0T+oVsHpqOylSsI7\r\nhCT/YcqFoTukUNRGF71KWcfkKD+Vrdaui2YB19VhdTgYsw59MAhJNc8J46q5\r\nBBucSWSyqFm0CNTdpiaT8eWj8ARAe+syiYT6ikJLPuYEObY2XOJo3voYtYMF\r\nAsfNNHEsCcF8gP1tO25uteJu3sKQkJRgympUP3bGJYUTganxxAvyAR4AD8Y9\r\nCnviSveKxpryF6+ShKcmhLZvhP3QdnBZYyXxTAJT2UKgjuz7vCxPM1vIkX6Y\r\nOGY69QojHeA09lTQ4xLy6VRpfU2J4EQc8xVWbL/6zs3TYJrRdz29MS/ibJzF\r\nFCLTg3PGM27Ufwo8rft7LYiNfJ/MVZDaKALUFZLkClZ2Iw+DI1NCNR34H9IF\r\nbgB+oTem03VP5V/BbBcPABmqe1qZ0eVBhFDNrmqn5Cy1iNfwz7O90Zi1w2vs\r\nGKRO5SLzrNfXO4y80DTXfTCFfT9imK3Ln+MtC2GQCPdyeYfmaVWl6xASTMaM\r\nj940H1BduQCoPYdGVSfVigsPfElqR28p0Ow=\r\n=l0xB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"eb39fefbc3ca102a52db83ad19b42f1a2b52ecd1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.199fe2a2a.0","@material/base":"15.0.0-canary.199fe2a2a.0","@material/theme":"15.0.0-canary.199fe2a2a.0","@material/feature-targeting":"15.0.0-canary.199fe2a2a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.199fe2a2a.0_1673474118180_0.3163137497197879","host":"s3://npm-registry-packages"}},"15.0.0-canary.8c0786d6f.0":{"name":"@material/touch-target","version":"15.0.0-canary.8c0786d6f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.8c0786d6f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f6d17895214763bd154c8c67f53ed257f321d77b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.8c0786d6f.0.tgz","fileCount":13,"integrity":"sha512-Ak9Ze24gLHpQgejY38bwQQQtKwl5dLwP1A0cGOhr5YCJ2wBdOenSPMqGuoodAimVorP3yzO0ti2FAZhkmLaDhg==","signatures":[{"sig":"MEUCIDVF08ZVHPdPyZZxKrFPNm/a1+0srggno4xYVJLd9/zfAiEAwW499B4kRQav6Zcs8JE6JFcIaByY2OwoPVx4U39cNwo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBrLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3uhAApMkX//SdExhTRD87ieyqVvLSPIaveX1sSdk2eIoh4nNJbkCE\r\nmjBhFTbxNZFQaCx0Wc0zkiZJuiIOnSJd7q22ApVWxjXhAmwDZCJl1i0TZ423\r\n0BDmJLwSB096zkWYfh/X+wT3qpOVhCgxr5fjyrWM9qcohRXtJfrzos6R/chO\r\nvAE46d+HYhjIic/+3fHyKLrXeiwgKK2H3P1NSEBgBD8bA350qiiA9gRLabMf\r\nyCYoKTAgAopOSosM99HIqeWWu65EozORniCAv1TKhA/cRloDhfNcrOTZrMkj\r\nc1f1zp8cHW5yTcmYErmvhurssrImGcI41Gai2rXfI748IW3RuIhU/lAOO5F+\r\nroH/rkULCnpm7S8cXMV8x/JK/wXa06ihDOoDIkfwyuUTrxfqngZEfb2ZTEfR\r\nx1urQhWW+XKKRSw7A6ClBuerLFv3Tf8+Bcp3kbqH5R2Dy9QeIkkwNoTE0s8Q\r\nrlEXRPGG1Ewl/Lfq+9/XqltmwlSNMwuODowOf3v3EyIxVANsPdjjopIEULNJ\r\n7YxhPFPOAUkGzXkt+7VCr+QRvdCe+66i4rg1jbBXIT4U5walQhsgkP7eQbK6\r\n+SZ9/SwIDnO65caDUOp46mvhuXV5AszL5LnXAP+bbFUqL0jujiUownnPLqUY\r\nQXHWdVtgQyt2657fr3jz2enuS1FaLOsNv0Y=\r\n=vu62\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9016794346c3c3cab2cf31154ef6a35eb5598994","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.8c0786d6f.0","@material/base":"15.0.0-canary.8c0786d6f.0","@material/theme":"15.0.0-canary.8c0786d6f.0","@material/feature-targeting":"15.0.0-canary.8c0786d6f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.8c0786d6f.0_1673534155528_0.8694692505075454","host":"s3://npm-registry-packages"}},"15.0.0-canary.8a74f7c6d.0":{"name":"@material/touch-target","version":"15.0.0-canary.8a74f7c6d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.8a74f7c6d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7f47b14ab651e1d0cffd720f64e5b56398c3ab4a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.8a74f7c6d.0.tgz","fileCount":13,"integrity":"sha512-Nv7lL71lojh73UBkRxeqIjHQTmrN/seCJrp6Dq+SeXeF4dCQCLcdkZeGU1VImC9d+QTL3tMMwFqgTYb0N18amg==","signatures":[{"sig":"MEYCIQCIQDJTlVdxp83jhDEwaOEklmi5wV/Ft398r7xzj56ErgIhAJAWrf1knWdstuDWMmOEE+Z0S3Sb8u+QQLpoO9LAMIo1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxvXdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNXQ/9EZkfOGC0iO5GVt5ugIkxijVYqQIRQS9MnfKVsdu+scG3Y8To\r\nyYbdsDv32Dl8dFhCmWukR59lLne+kNK6b7bQDz+nKaWucVw7ONi7yed0BUwZ\r\nq7wrZIi3P6qPyM5kQkHOpYGgJwG3Q+nnyhHfCwSZo97y1gsaqbkx1M2r0SbC\r\niaRJZMWoIxY1lsEsdyW/CPh7NTX+ID9ALU6VY9XcX4Q4wq8+nebWcWsUYW5n\r\nIaJQCaVnIsTMWM5zvJI3OqA8K6UyzqMKnQhSmnNqAlQfvH+LzuqZR9/LtdAh\r\nCUuDw3ppEt9wSiXk3WePvng9+ifHIjxFpX2IM+d741UBNUwOtO+zdS/HWCzA\r\nC/0LnWTC2TkZtJwAD+fiKQBvCt/kcLf9XmZrLYwJ/giqksrhqoEpJxhjW1Cs\r\nyjIwb53FUC8xBGK0u79he/VIlpPHGjIMy7cdlWJ5Dfam6RD5wJ3Yh6/nQ6Al\r\n2QYLU/lN/joiuRV4qZVuKfhw/4x43ErnrLQwfJW6PFJq9L+0RSDjblUe+Hp+\r\nx3P1yI7PElY61mIvCQ7Dj6ukRfB0fzIqoKwFSzwEb+b5umOiFrJzRhrz0gzV\r\ncMpBpj07MqOSlCmkPyzNrkP0ayYdYoji5eoO4YlUJr9u7WxUFfgv0dZrqPMn\r\n11A31LlAjE6PEn5KhYbI0M7JIwTVd68XYOU=\r\n=2z30\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9c676a1e4329c32508a9e7110198a336dc704f58","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.8a74f7c6d.0","@material/base":"15.0.0-canary.8a74f7c6d.0","@material/theme":"15.0.0-canary.8a74f7c6d.0","@material/feature-targeting":"15.0.0-canary.8a74f7c6d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.8a74f7c6d.0_1673983453168_0.027132536248120065","host":"s3://npm-registry-packages"}},"15.0.0-canary.b4687fdc1.0":{"name":"@material/touch-target","version":"15.0.0-canary.b4687fdc1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b4687fdc1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"278a99ef8708e0856238a1597d1a7543266bddd3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b4687fdc1.0.tgz","fileCount":13,"integrity":"sha512-62bmFksYXGrw3dvTzXv4EgXgmRMUu/tmTM4eoF22VFxd3lo4lM7/pjQ0ZQQfZkMJx9sFuFOwt+voMlnh5/TkWw==","signatures":[{"sig":"MEUCIQDhhnMB34iBbZDM3LikJYctpBRObbIedVGLydTtFKSpDAIgXEZmUlf3J4zdlLtkfhddAuVVeHQs1Hd75nsvBTBssgk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyZ6qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojVg//WwxycQjbVyjl7M2FaAnAQ07dZJ5XaFKoOW62BESG7CZO9aOh\r\ngVWfK1WyuwmjfSam/E0uFMMOf6UDc/mhzAfY2dC6LjP5BdXpnx97x4M6doBM\r\nldgJ3FKqEWC4r8TkRZ02oxvACoxahHLX+nRvH6/mTW5GIMd3vtTOuIwdWuLF\r\nGJtfcp+igCbYnL8UleVbH1q71M73mBPoEvRbk5BDg84txp7PPOFd3f8F08hA\r\nn5YLUv0SmmThEvfOWLcfjMmB1KLhH+Xyef4w22jQnux6lR4mjBcHlGuS+ECa\r\nhObo16ojFwmLGDYDfke223xvsaW9ank8NNrc8jg0RxzHdcVA+YWvb6/T9Oyn\r\nPfzQcjXRq9HIG3nEGzxKPOhnzVnLS5JyQ0pS+xzEpCDRYAhLFFP11yYv7NQ/\r\nrnBBdOzkOzG3RzquF2hhincBAjw6NNiMnLvdZrlyw7A3/m/LnX/umPex9vJk\r\nG8BP1UdEs1r7AomQILfgIqXJFL6SSr7WLFUgnLCT9JyV8agv9T2yPCi0yWkC\r\nLqRMg+4NWnFWdRTs7WaWX1DiN5a79KrqnnQJ08tQ0epqeLeVL3ODZwbG4ms2\r\npQvAgOZmo23GG8pYysq80dnpuCLurmWLZJ24rA51znhQ52rSJwAReyXcCvvm\r\n4Kj5622sPQV47Lvbs+0LFoImN3/dNiEcZaQ=\r\n=c9kb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c9ec43c7d66a73ecf591f982a42a582e639a50b3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b4687fdc1.0","@material/base":"15.0.0-canary.b4687fdc1.0","@material/theme":"15.0.0-canary.b4687fdc1.0","@material/feature-targeting":"15.0.0-canary.b4687fdc1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b4687fdc1.0_1674157738540_0.764222203921125","host":"s3://npm-registry-packages"}},"15.0.0-canary.b836b9892.0":{"name":"@material/touch-target","version":"15.0.0-canary.b836b9892.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b836b9892.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d95045f69377c90c2c39bbabf33c7917c896f6f6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b836b9892.0.tgz","fileCount":13,"integrity":"sha512-Mj4A1yrS4799ZeK+sjPZLxPHJ2a5vMhfwFGaehXFIzdNJlZiot1eS16YlbAeSCNrjHZWkUCWQtc7vufNM+jdMA==","signatures":[{"sig":"MEYCIQCyUudO4K17Isn89rSF+G5UaKmkkZ4MqBg+KjnrHyrRxgIhAKDHKQ3Mj9FBuBcwp0wGLvXDALuRhYFgzmN3t1Ws6/Kj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0F39ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHdg//bw76wQd+9bQhd+YIkqmmFlmdqCp4JnH+Nc59zOM875B8x6Or\r\n09c3c2HTNXEXxSyD/4BYzpKTDoQ+F9bx9JwVNAESIwvjBN6jCQubK+1lAReC\r\n3mD7uNNQIN0WsmhCLaxhVgKtxpQLp2dLIz6XWHTiNwIGrrdMnGcWv7VoTXbq\r\nCO47edsE1ONY5lv/482Y+6rNxbKLCu4iAn8tlCbzZpSHQYNPzzwCmKLIC1gT\r\nNw9rnJHp+natw0W7Rd3U7fTSin5cl1GA2XCJ0N2XeNLGkKUsep6nyTCqvupJ\r\nje+XT4Ico6EktYBZRmJJ+2C3KpvBbTXt0j3pJpoTs67Fq1IomR6N/BQWbXt7\r\ns3kgzf4enHDcBSkN2kIztNvSMt9E4+9xJJEWWC4UTVd2Gtx+QNJcStsF7k57\r\nBzBc5GrPjsNMHDrW/sWmi0AHKyASfIVSj90b8KnGiBa0+moYnZO3hAAjRNCg\r\n9/kiKU8Ql5Ux7EsUU8lh8Td00FCCZ0TXFUfgSvOQhBKPawCDTRrKCTDaEHr9\r\n62OshBydSxZqYCmLRWqe4j2axxYIOKp0DCT82fQm/fAerJCYgeok09gCvCbv\r\nPDhK8EJE5/5twgKUfC2ldlhyZarV7NLO5cGDzFa0PrKa2owwi25SwiI6muBh\r\nChGRe+hcUU1H6PpIrKUlvB48s9k+YplGKwY=\r\n=blCt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3a9a0b2e64227ef1f8979cd5b82be3767b100551","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b836b9892.0","@material/base":"15.0.0-canary.b836b9892.0","@material/theme":"15.0.0-canary.b836b9892.0","@material/feature-targeting":"15.0.0-canary.b836b9892.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b836b9892.0_1674599932841_0.09519415581740787","host":"s3://npm-registry-packages"}},"15.0.0-canary.e8912fd37.0":{"name":"@material/touch-target","version":"15.0.0-canary.e8912fd37.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.e8912fd37.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"46dbb366c718e1c56cd2c2901ba1c2aa0870e00c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.e8912fd37.0.tgz","fileCount":13,"integrity":"sha512-q7C8VGkft3mWIA5IYODDH4gvSbuMXY8WH5RHm2v7TeYZyzyxTjPiKCyR/OKY+UTJBp5KvBWzrJZk2bkOvy3dDQ==","signatures":[{"sig":"MEUCIDIlIOYNoyW1AMIpJvjXdA0rmVtpEF/2WmpntPGawDQRAiEAhUMpfhbCn66m5XDDmEvyRo41opQ2kaniDj/9EIt3yw0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0saFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHqA//ZjJiYTS6DHCy4t0FsgXRYb4fGXqCWChNRiX1Pqx4JtQ0NX7I\r\npSJYr7B2mhZAIGDECE15gj9jlWZ5B15Q+Cep/bEoRL51uurUX1EAYlSr9yQG\r\nHrgPzBS/qKVZd8hbyfDjWQ6ubm5Oo8iBIGOYLTT9xgMbrACftzW06cgJcslC\r\n6r7Ke0+Vjc+VYQlpUioD3upZGMt9VUf8diWgPLKNVBZAApkI/aAD7HRpKRGo\r\n9InjfEDm2H8+eLhF6JJiSUySC8wL2TO5fMr/JOyij00tX2vAXkeKyr3L8y5F\r\nYyIzH/QY7HPPuFHYsyG3kKo6XXMEBULeg8D0jF6w+V6V0a7B6PoYUSMUxXf1\r\n07DvK1udHe54ROZcW5ov5Y823xtZWA80wtQcumjQv7KD7F/O7trA6rzN0CUR\r\ndahUSk3avX8m8DxNCoooqFlhPgNF6VE+jLsDL6ETiKsRWk5xAjpZTZo4yU4A\r\naiOiBcAfUltDq25VtfTV6rPs6wY5aTQ3V2gteg7gx3BviFwBykrOpmcztX3X\r\nRyt2QDh/VKNqxPw2cGCP3zMHuEMfgNzBC1W8mP/0GvZULDVxgJUTtIm1hLED\r\n0LjDMv18HjUUk0n3NGvffPYav24dNduVd0FAFp3mHCr/hLgHslnm/yjjFA+n\r\nUNArwnYIvWLqW+5DgrFlLO9AfQE3pucZJfA=\r\n=sNSv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"72b44fe55689bb591aeaddf242920ba73a6e5bb6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.e8912fd37.0","@material/base":"15.0.0-canary.e8912fd37.0","@material/theme":"15.0.0-canary.e8912fd37.0","@material/feature-targeting":"15.0.0-canary.e8912fd37.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.e8912fd37.0_1674757765525_0.1654502218930347","host":"s3://npm-registry-packages"}},"15.0.0-canary.16fbd30ff.0":{"name":"@material/touch-target","version":"15.0.0-canary.16fbd30ff.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.16fbd30ff.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3aea382d3f856cd10d318d317b28a3f78e19f978","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.16fbd30ff.0.tgz","fileCount":13,"integrity":"sha512-t6/C7146FWSqjnQ++I1LBOrgMXCTJg+Y7EG8io+tFOTocJhGtMdT9p1V0XMD6VIbtfcCMg3o+1+7oagGju0nVQ==","signatures":[{"sig":"MEUCIQDSiuIFXSq9v++Wi3flYGHy6knZs/7GRApflg+nU75sYAIgP7bI1DDgRuD7iE8JcyV7ulLfNsOmSp+jOm12u28S5RM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0se+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpR5w/9ENbrAFsZ+QGbzjx3ToWDlpQ/B+1e8It9F0cMQquVCni75goM\r\nrapYQFkO5u/oYNpwd5UpfcpYfvNHFzEcOIhHR0oH5Fiwy0KMHWzu4ecT/ZL+\r\nRKIxUONuTjsRF5l6qMOr05KGvxKCPvDBMhrRgYm5UlAcEWNchLPMEj9f9f7h\r\nR29gZNvQmeocerHtKeBqZL31ANkbadY9IwDnAYJHJJNCBLRIQEIbefvwLZaw\r\njyS0G5Ba9AeRQ6cAVtogukgOBCLnIlPAZ4uFAnDVyIKvm6IqjBSHYDyspbCn\r\nBDLzMg9yD0ic7s2KwDI78VA8kH8kF4HDa7Ngck9ZFklp9oyNnXp7I/VDb6cz\r\nd1LxCs44jHxf9zRHy+XYJOh3u/8B7dhAxMlAdIWcHa5BVSSieSqRGyxr898M\r\n0sax/ScseBcPnXB47GTHaZbgwJ1x4s/GuhJdNGf7xyI30WxJJqh6S4b8jHAP\r\nSz2GkbbcInYHMO5O0ErVIzhQVBhRPEOxnQXZlY3Gl8LXRcYvEfDtxhsG/Pmu\r\nLzHygI2F4QEettCE+G2eACQs4m6ygtNWMgc4mXp6pduNpK2KuFAui8VnkOks\r\nxzSla+wBnLKvo/mooEtiytzsuqHwghApbTus00OZV/ycH366ffXxkVOCs5wt\r\n0SAwYGAuInT/7PUP9+OSwmFeqmofqxBA6tk=\r\n=x1DC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f4c39ff05bbd1045563670b4ea50b0be51a91d01","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.16fbd30ff.0","@material/base":"15.0.0-canary.16fbd30ff.0","@material/theme":"15.0.0-canary.16fbd30ff.0","@material/feature-targeting":"15.0.0-canary.16fbd30ff.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.16fbd30ff.0_1674758077993_0.020175806659969098","host":"s3://npm-registry-packages"}},"15.0.0-canary.033ae083a.0":{"name":"@material/touch-target","version":"15.0.0-canary.033ae083a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.033ae083a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0213c10f21a6dda1e80134b0a89d83c908235b41","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.033ae083a.0.tgz","fileCount":13,"integrity":"sha512-FZ/jdGK6IejEamGDEN5EUnRPsQMspjyI1ayhOFDq8XPfSIZFTVXHW91ibLgC4qlHDqoFF9iXOK8z30A+NdpvHg==","signatures":[{"sig":"MEQCIF2kgX+nQ8wx04E+UV60eUQCPvzzHXktsoTVTELRoaXMAiB5vuskd/pG0/bvq5p0dO4wjmv8c9SFDS51zP8CQLmqjQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0tPnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrN4xAAjjVVF6HomQDBIRfd5vPJ9E7aQk3AkFROLyyW6AG7jGJSZ9F3\r\nG5HwQMVHt97yMZI7f/vcH8xi25LOSwxyTV5qNXbdnO14kqxqAYnXmkA1S1Rd\r\niJcWDRgVtJBws8jbHRVWD0xL6YsOcaWQuLd10mqrMSu+JuyD3h0xQ+7y2RbL\r\nFPtqdmWLtucLfSuhIljLnc42rqX3kjEOReGWYtwZ9C7hQ2pCbfCTwqElH59i\r\nKAw8uBgPlQ40Q4QABEQZkh8MZpFiTN83HixgkxTERfPDu98kGkdUl+iWt1dF\r\ni2uf3PB6wpFkpJVd2zFmrcH8IwGRpnCLuPqaQZE0t/swad0R7H78Cp7KNMcb\r\nJbdOvYIAUKqXfa3sLsNEdJhzfoshEeJ3uR0clrVOhdyS9DDZ1Nce6+CQQEa9\r\nwcUij5AwWnLpEPQ6dlW5Ut2MDJOW+Xbq0fe7c4G59/KWh5SnlSRBghh1L6hI\r\nzTREkt3wH0b2v12i1yeSW5Tvj1wId9BW+MvlZCbH/rHJLsiArhkEVd1VjpV2\r\ntiD80hz6x4+t9MzKju/G193h6SRkO4Ws0ARFRd1b8BGtGNEUVMPlFE9kliYe\r\nMif5rQqS6Q5r8sERVxfGAIYAuEBx44G8vOvi3LqKpkEh0T00auP6TX5DWFvO\r\nDVSl0rnjwZpFiiaFjECMMxYa4oQtHf+BY58=\r\n=+IHB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"89ca938c110806d9150a3889a7d25689661c2fdc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.033ae083a.0","@material/base":"15.0.0-canary.033ae083a.0","@material/theme":"15.0.0-canary.033ae083a.0","@material/feature-targeting":"15.0.0-canary.033ae083a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.033ae083a.0_1674761191152_0.8895423005731913","host":"s3://npm-registry-packages"}},"15.0.0-canary.3a705fa1d.0":{"name":"@material/touch-target","version":"15.0.0-canary.3a705fa1d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.3a705fa1d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5444c71ea7269d9fe2f502a64a0d7f0d972a67f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.3a705fa1d.0.tgz","fileCount":13,"integrity":"sha512-tdBuILgi7z/W60X2ObeQg2YPN393V8NubjFcVbtPk36HI3WgCarhsQ23TcEux9m/ylbHmt/F6TEkTuBV2g8HmQ==","signatures":[{"sig":"MEUCIQC2waeRiecQSe0LJDh7HsQ1QxDToNDlzPcLb6dKJT2PJgIgdMC4pkChYQp4ZRNGC8FmG8zvERY9K0/NkgC92p6tq1w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj1FOFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9tA//U0kRWBwOgMFHnBw1ldbqQcizfYohf66B+0iFZnB7X4c0k7Nw\r\n3Zs7sAxhUbAsKdrcyG6foHXa6cMVfDl7Hz9ssTJKxGWsvVX3udRYPmOkmlAe\r\nsnU0NBTvVo26kDc992QAe3VvXbj7hnOJGQ0HPEXjFzCcVhJ7gzPlWoL1qOI5\r\ncBetIjw7PFoGlyn94bvAdfaWxDK02iGBGcQiIBQVhJA2ifnOjLgwr1+6Nxnf\r\n8uUUfguWwnyMK5BpL2Dcen9D+IH1n3RKoL0GQVN5VcINZ2wjzeMtv/FgPokJ\r\nCY8gqY3+XLc989ixKHKK0fZK4SEEpi6mHjssSfJS/ruGxpY7YEwd8TsklliV\r\nojkrWJZyqc8+k2+UWT92HzkROg9z5nP+aw2x3JUK3qr/ah6OonA7noqWCyCR\r\n6nuQT5Y4wQMCe6NkyUSG1xaUeauiVFVPPqQPT2fIe0OT61uIEAtb3naZSX/m\r\nsikbf7TL31VMbuoUhEGS/ctvlY7mxQ13ykJGRZ5giut/etBj4SBTaiHyOUx9\r\ntc0tQMoHWAEy9vroF1B3355oGj7qjdfxDgvfYq2D9GMekhj7dwRqnPHam6QM\r\nMu/qNOO9Q+QSB7E0NX5wyPGWobNUdkrojPr8uAORXb3faJBEmuj0h1JBVzTF\r\nGt1n4Q6X5EZqvageV3KHxuztGjwjOYK0ez8=\r\n=zjVw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7e0f3737f51c1319f66762d8021d6aea33391733","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.3a705fa1d.0","@material/base":"15.0.0-canary.3a705fa1d.0","@material/theme":"15.0.0-canary.3a705fa1d.0","@material/feature-targeting":"15.0.0-canary.3a705fa1d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.3a705fa1d.0_1674859397630_0.5789082044788647","host":"s3://npm-registry-packages"}},"15.0.0-canary.d6bea2ff2.0":{"name":"@material/touch-target","version":"15.0.0-canary.d6bea2ff2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d6bea2ff2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6dfb030604f66befaa0cb9ffd5c2499c1e8c9eff","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d6bea2ff2.0.tgz","fileCount":13,"integrity":"sha512-zQ14eWRiBhowRozIFgkVvwGDsV5zo/vOhzm50dsDT+6bammfsNX/L8lcTwE7Ht+swcWjtHsMwo2LY1VqQHiFew==","signatures":[{"sig":"MEUCICn3OUu8FEbmJuhb54qZB6d/IZ38iylyajcsYMyzYJABAiEAiPl0+G/OUnY/bgiXHXcoTBoQlXMh/d1BBlr4ZhKA/j4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2TPjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoO3g/+N7ZkC4liXGHycZB/a+X8p0pKSXakm25Ey1y8Pofa853n5n+P\r\nKXyAve+OoN+aTrA1ir42S/P/QMuSbeeanKlX5ZtL48xNfwQjUbiuW3U3ccgf\r\n/PUMyjgWf7aKhR9CmMdJvwmTNkzIOspJMfmeEvgbOJ2Lahl5OVI8NCTbw8yt\r\nu1ihcA2QOCtLgJeNTyJBJKOLxSHDVtiWPAHFF6OH33Pq2Fz/QL6tfEFwoRTG\r\n+5m/UL1QcA1Za4bQUFA5gj73rV4F8otjrykTXpC3s7CgDjI1fC4rX/orhyVa\r\ngp98PrzKe5HdBJEIQA03nZkAtmNrF9EaukRx62HayOhTLgVptY9IWQO2HZqB\r\ngIrTW9M8UrokZRCPec6wp2BqUkIRPQ/nGX+Iq/uXssRIP2AUFUc+NkUrU9en\r\n8mFkM8RmOrlCNn992atKfxtcLRmrtDE+oXBCYXo/JLBNUubC16QncwIZ9kiR\r\nP+xoBeW35H/hnPP5pGeeJrPwnDvrKOULDCxJdXr0/x/+0JM3aLeyD4fVG5gd\r\nceka2f++xg0ZOQQya9Edrrp+LOXPeQHF0gEizTyqIVtpMzgcBibzmfCUv2RW\r\nQXkfiKW1RuPSIF5FoUiARZWGTOy9fopWKCrw+l3GHQ68ZRgrRbxwhB3vS7EJ\r\nrBXIzqW7LPg3TyOvRuFYNbYt3/Pz8wQ2lmI=\r\n=Loog\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e4210a9f21a7e6ee007d475d5bd7e229dd7bbc00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d6bea2ff2.0","@material/base":"15.0.0-canary.d6bea2ff2.0","@material/theme":"15.0.0-canary.d6bea2ff2.0","@material/feature-targeting":"15.0.0-canary.d6bea2ff2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d6bea2ff2.0_1675178979761_0.45024752313683547","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c94182c8.0":{"name":"@material/touch-target","version":"15.0.0-canary.0c94182c8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.0c94182c8.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ad142cca6faf5bfd655feb57a0d0ab973b506d22","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.0c94182c8.0.tgz","fileCount":13,"integrity":"sha512-2gO3w4t5yln7bB1gvwqBN3aeEOq5R0LfBCvIYxR9fI++x/2yKYqePeEOS5bTu+S7FvsF63LMPFK16nh+izfyVA==","signatures":[{"sig":"MEYCIQDY4I6xxtJwsdwjfujIbH30OJzRHpooXxI4/LN+mM8UIQIhAOTW29LNwabZj1B7zkAaxrDw63kucWgThV+c1ek2xKuS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2qTTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKUA/8C+wTkxyWknqfeVpFu4qJBbp+Mxu6vGJmo/BhTSOGrMHYKf5N\r\nWGWDjgLM/0OLfMN4K7oYZ2PVQqVoQLGFCcAcfQ/NfApEEuSI8gKQnwMUX0Yi\r\nkZhvPDN9T4dAqfAsUB1A6O2RxXHOyUD3ZSMZiL0YcwNpoL0j5oRYZDbSwjVj\r\nC1UeceLp/BSwYJSsPrOLnNx61IwMGbvZR99SbL7DPM17dfDLeamw2XnAI12m\r\nxdhiOGOQ3vyd5pxjVaNlAkb50sBlRxuyNvy3TrnRBZh+OcTSQkDvfRxDF3Ok\r\nxkbS2vAlaxlNazaZTXKnBSkwyI8dYBJjXA5OcM5RwM5BppEr+sCFen0m47YV\r\n2nO+wmRkMHbcvVQtLn83tVeltnoWrVp5/0/hkYgTA0xEGYwy7IKwD7ZdzHAc\r\nL1V8cKCSVvjlYDLmbM/ynKl+uPS2jZgI0IhN9kNdsk1f+N8on5CIhmgB6Kb6\r\nhYEbPj9iR2yNv7BskVQ78VzS0E6JMGaTC7wKcQTIKfZTgXUe5eBQcBBGWd65\r\nWc8UHsCiFBBm92HDi2DZkmv238xhmP2DTIdeSx+fAH5zVKAm5FGt8O+ZdDHD\r\nw1wNqZ+h5V6bmXdIx2qG5SILkHPnESJGNyk/Kzwn2lij8ja1NQq8aKJzD/Lk\r\nZwNQIhFuZrsi4SPaAPo+43ywdkk1G7+FNpw=\r\n=Jciv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9e58d1edf6370fb6c26f762d83ca31f928149e41","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.0c94182c8.0","@material/base":"15.0.0-canary.0c94182c8.0","@material/theme":"15.0.0-canary.0c94182c8.0","@material/feature-targeting":"15.0.0-canary.0c94182c8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.0c94182c8.0_1675273427588_0.003596396277105507","host":"s3://npm-registry-packages"}},"15.0.0-canary.15b221540.0":{"name":"@material/touch-target","version":"15.0.0-canary.15b221540.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.15b221540.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aad74e224c112425f6af8c422f09e50d4ac41c0a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.15b221540.0.tgz","fileCount":13,"integrity":"sha512-hjTAMNIILT4Y+QRXPVzsVf5Tn/vy2erJyiQb54xZE0eCDW55xWIP13WDGUpxGc6k7CwjkseLlZi7RGGHclOipw==","signatures":[{"sig":"MEYCIQC/H8OP3XRptPZt4S0JjhfcmgbrTlqW/iGvNS8eWY6FwwIhAO6LSciWBUG1nd+neDsh73F1VjMSSO1bVmGzKQQah5dl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2qbJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrg+g//bcjSyJo1D+LRx7w8gZM+JPLHMyHIH7r5ILPMUL4GEVlFKbFY\r\nYdIrTIp4bOoHQIimVjRP/1qFI1ACnpOnIs41ybLDPJL8LBYJsqcRsn2028UA\r\nkG14MmTwY+zwM0Sc79DRPiLdPga8bgA+gYIrYhO4iEVa6cLHk55bOhnq8wbU\r\nmm9hg9uwIeUSo+IMIeEuV0qgZesL8NSPofvXivdUAxdDcP67osx015PvvtCp\r\nqzADZeXRl65zkq8vWKfqUMcvq3Pkyyjxk/XG7p0IU3QKN9aGn/ksndY0tAfY\r\nBoYY/pc7dfogYxOM6mrpfVLZ5kSTKybpfzT3EL7tpt6CxjOm5qnAoEAWSFJZ\r\nRyna85xueXalGKtA+m6636dxagxt8cOiHmupSpTcAhikjwK7BKLNnLmo+WEx\r\nAOEVdpWqPJcWfxeajpzn8bJQT38maEhmArkiDnj1XzOF04KBv0kiFjvgbMhU\r\ndxWDwv7g6CFcZAtUfE/dLlZmlqTCqP7V1n0Qsv4UobyCtsBPL3zViGhA4EV6\r\n1G2gDyO4/61HKPt1+op0NOdOMJR9fKneTk14tM3mHMSPeIC+3Szx0P6uTTSb\r\n6Xcmu/UdoR8GoojHbqPMsuL4y4LtWQLWR6uljc+8rWe/3kqoVoBEO/bYdtkB\r\noSPKAlRIYIQVKFYIHZJhMza40gRiX9H+B6g=\r\n=MpIv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a4bc6d32435d33a7b99197f32b85eb0b730acd30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.15b221540.0","@material/base":"15.0.0-canary.15b221540.0","@material/theme":"15.0.0-canary.15b221540.0","@material/feature-targeting":"15.0.0-canary.15b221540.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.15b221540.0_1675273929088_0.34359644649074417","host":"s3://npm-registry-packages"}},"15.0.0-canary.eeebb8bba.0":{"name":"@material/touch-target","version":"15.0.0-canary.eeebb8bba.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.eeebb8bba.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1cb1b45ef6884bf386373b31ffaf391b69a61663","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.eeebb8bba.0.tgz","fileCount":13,"integrity":"sha512-xkNx0BqpZAKsLsnC6zB170a7aNAWiXptggfJBBjnmEfBmzvLNsDKNPas23fEPl+WTBnR+1PisBh3BsKYtsJmOw==","signatures":[{"sig":"MEUCIGqBDAccvZBy4uB4Ivis8r2kkmcEOaw3wpjQoWPGO/w7AiEA3ThK2sZe0tlu4wArLi/6zSNpuwLClEpCRcsMWK3UCU8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2q3AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmreLBAAgprEnWhU59ZJ+IL3/LVqZmGB7GUHWrth4TXEIvElQ4UvK6SM\r\nM+uBofJK6HVH2i1U5u3I7ucKGwTp8Ep7KN7qaxVymN3GUY5FOoUBe95omiLD\r\nqNOpp54FXfzJwNnlbWD+j/MPP3bt1mUsQyEqTLNh4VSjGYS6Dzj5scfXqdHb\r\n2rgwW4JqWteXehwptPkhet2Gs3vNovRiEMYoCAKxGLcveg0zEYyP1Y6UvE3u\r\nn4OmRpVnMfz7BeVzlUSUJNx11D0KRK1jujMtFexNVpMRom+HLEdapCwmQVy4\r\n1zd54ST6br47BW4kgwqKUrduTANPIXOrmN3HN3oigUtP+T22GVzqG/Rhev39\r\nDLUrOTB3B+JnERcaZrEpnq5NHJ59o2br/jcaZKipf2aEtsAsHoSr1CMqtCUy\r\nifjwOKPC/pehNp0lnv5TAK/wBx51DsP7qdO1/gHOZt9jCuzHgojR6F/oPbDT\r\nm/wGwX1PNdqH6+LjYPQtyNrXsPDVeBHOIoRTSlKdn6QW2AeMYYFAm/YASzLK\r\neXdiARjdDGNB5cYFHlps7ZCkSoEb+S+9uAs5DtabndK08GaxYioNF9BL69CH\r\nvW2Fkf3RxKUl9K2cBAnAY18ABBQQ6fj6udWSE509KXyuXc+VlPF7A71JLP5F\r\nA3jkE77PDWybO0n4AS+3Nl+Gqk4+/YeMFDw=\r\n=ZENV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5c8d0d2ef793b8bd564888fdde6b97e8a2502cdd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.eeebb8bba.0","@material/base":"15.0.0-canary.eeebb8bba.0","@material/theme":"15.0.0-canary.eeebb8bba.0","@material/feature-targeting":"15.0.0-canary.eeebb8bba.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.eeebb8bba.0_1675275712545_0.45387935700565873","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a4b3f834.0":{"name":"@material/touch-target","version":"15.0.0-canary.6a4b3f834.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6a4b3f834.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"98222862b32e5f82cf6b2a5ec6f31705bfae00cc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6a4b3f834.0.tgz","fileCount":13,"integrity":"sha512-0U3yEvgaJJDopn8fjsq8jSccMXfZAH8gXCwBa2i86ST4law5aON5ZZ3+aiW1NuGo8CZvpV7jHGTLtiNitLIUMg==","signatures":[{"sig":"MEQCIDuY/6PSP7j73wtHIpjFw85k/EcfpqiFJFYiBIdSWeRMAiAcl7xeDcnNnFZhh+2lyoqkfpquXOY7/fzNeL8OP5diAA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2rY1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPNQ//cWF66tKaJZksmcVAbjgWPWAM+4P1Fe/N2ao9BEatQxmJbkr4\r\nlFgLax9cygZigPuDnUUHZHR/k/1Vsr4FY7U8C5dsTMkVVsQ8TNn37xPNlphf\r\n1CB06yPtWKQp7oKm7rcaOaB1YfCE6e2f/g2CUcyCDV1utZlKKEog6nVzCly9\r\n4waWgG+FUuipqS29A4vMu525AgevI6Lp2HRcvCo8l2po8tD+himQCcYxuXbZ\r\ncPihQg34nOkeMmPYUzP7qnAssLQJ248jfaxdieMv+MBi3v1/+i1LOu4ASDfJ\r\nbfuEZ5McVOBzrnUKKqt1ZqvmCIHMCEwsHP2OSev4IMT7/gjF3DF67BAH5jSZ\r\nak+2riW3NX47VDPdGqIsUmsKIxf2ShLY1wG8LseUDyfNVG3LLVeqUxubbwOX\r\nwoTYqNAWOtDBbIlIPxau+3y+qFJJuH3l1u0/VwiUC0ppB2Bcukk5YqsbBo3s\r\nRFB12Z7PvmGnXJFPzWuSDp8x9N2BGkKthVh8t0o7SaJtU7a98ucHjUX4o1GS\r\nNggRslQxOOksI/r8p8wV3FuPkTxXhgY402w9fpy8eqtqGiNYfcICDpn6WM5q\r\nd2XyORcbXIMCXBNM2Klmex2haGwOJbDKus7vXF0H7jxFvCKLNLUARfFMgnbi\r\n6TcfyfW8vk0/LaJfrpS8ZzbX2vZU+u5ILGw=\r\n=fGEE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b1f2d06637869496d98898f4cdf709ebbd279ed4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6a4b3f834.0","@material/base":"15.0.0-canary.6a4b3f834.0","@material/theme":"15.0.0-canary.6a4b3f834.0","@material/feature-targeting":"15.0.0-canary.6a4b3f834.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6a4b3f834.0_1675277877596_0.5782550457874449","host":"s3://npm-registry-packages"}},"15.0.0-canary.b177b40e2.0":{"name":"@material/touch-target","version":"15.0.0-canary.b177b40e2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b177b40e2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b0034eb6e12211a9e9300efee5c4be7b2d4fe8fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b177b40e2.0.tgz","fileCount":13,"integrity":"sha512-VCbq1x6FW7wk8JC2w0YsFWThQFGbVYDLujuZiq+QqfSZpRlc+Lkkv7ybDVUbQEe7JR2YlDjblPJ2zQ2XpC4rZQ==","signatures":[{"sig":"MEUCIBmS7LvYlHZx/WGRzLLhRXnMEHYSQCcVxZ4Cu0q5gO1aAiEAwRzOrh679naQOOBjU2kbkRDMV2r4Be9zSLEyyry4wjc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2y8SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmowlw/+K8fizFy9jOe6lQiQ1PNEOSEFgE9bGm0b27Av5a9Ts1e8aGTi\r\niYfa4b35MnMP7jcRUGDbVOU+mzOT3kc+tt/nlXRzU3wNUou87Xv/f4I2GtBU\r\neNId7DcA5SR3Eq14OLj0Y0zsyXzMK6NJeWUoOo+uMC9VLJFIR4hlG3bSX0Fg\r\ntKDm31c8ehzN9QqFJkR4y1GDQV/Zky2ij3aKL8gnYeT0GFeP8rSk78gYBZSe\r\neMRkzqACVvELpgpZHRTC+Q30gmzQTnFM5m0qFDAsUuKKdCx0FkP6aHEXOget\r\nIiwCN+SVpBmzXsT/iHz5UHivaCwn9UEWVUR93kLWVLBHOcHHDYaBOTODdkrp\r\nHz+BTOwHZKOiHZZa97DPmpFXaz93hLsyFyKtRavQp863dC8Vn6ZRA07+dvFT\r\n+wc1fZ1jbqV37JJ7U9MBzQKaewNW0CfcSyFwUyKod6uOzBxp2Q5TPPHTu75Y\r\nUOPvXs1VbtxECniwkQcia7rBa6DfQpFG/yKG3pSZim8ZbDzUW6JDyL0wNhRH\r\ndBLAVCfKABBrul5VcNvwqL3nWcIwC6HMIHiTWENuycu6iCNwaFXNLXUSRuNp\r\nTiO3V4N25qk5VJ8ogAWFzJ4OOK/8vr38cwhm8n99TTYuefGZeOmq4g9Tw39M\r\nnx3tS/taqBZEYGxcmM1DRg/y2fggaoOTQwM=\r\n=fh/B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e3b49a7dc72f9c88710ba68c63d4ddce56a58fe7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b177b40e2.0","@material/base":"15.0.0-canary.b177b40e2.0","@material/theme":"15.0.0-canary.b177b40e2.0","@material/feature-targeting":"15.0.0-canary.b177b40e2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b177b40e2.0_1675308818640_0.33080376372472897","host":"s3://npm-registry-packages"}},"15.0.0-canary.d9f821042.0":{"name":"@material/touch-target","version":"15.0.0-canary.d9f821042.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d9f821042.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2aeda196d3a768b966db2b281628107aa5af2ffd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d9f821042.0.tgz","fileCount":13,"integrity":"sha512-kRrMJVKqUhnPy93W6whsiT/3E9dDtlZSFrIkdNBEeIK7yHvvZWVKDtwJJzB6Tdomq4vdbcfU9TqXKpjqrHme3g==","signatures":[{"sig":"MEYCIQCK+HHm7Y9tURmR75qWxcHIHgRyNlc2RmG8tj1nsEQnOwIhAOLM+Z7JU7gK8r4ZyonF9SeCv/CoGfwtHGLjwVW80Q/c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2/TcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9og//UWhTco+wdLPJh9t1lIv41OA6LDxlzH41qYbDPdAjSuD5XkRw\r\nvfGLdkRpBegZGuAi+KaX3iUYHCcFX2x8p2M7ttmHclht0Vu99MyYr38fWYe5\r\nQAJpU6tmDgUwJ2YFye5YY6TAiG09QkCANTWc3umblDkSVSUYsJiv64hCv3xY\r\n/yDlZqH0vyedYrXQJH2S9QxpCCwcDv0bnrG4QcxfN2gEX24UTBt6rPEM5if1\r\nwDfVWR2tPhFIVYeYsfU88DprGUU0wesslXN2+Vuz7wve1TqyiHIHWFt2CIfB\r\nFfhBZenvBMHr8ZeHk0y5qq9FItiHaYf4pElPGCfM/L/O+7XCS24eXQQJVs9e\r\nM4Lz9p3t9tN2LQt6Vs0VqieUdc9EXPld4UQRxe/WJu900563oAtf3X/PLOZc\r\n6NjQSn0ioK4/eyizipxtbOfTVx1cKmIeUIngKbaYUWkQaeppj3Akn9RcXguu\r\nbItIffyu9awFvNnNq/y/G9fJgXeMvSovqTVxn6qdPL0DcwUJlpeHBCnZRWM4\r\noN80AbmG0f89kspiBwMwSfokv2kUMroE5GtBCydYRdWXAEJOQixNIrOzJWc4\r\n/TQEnnrcAuI1yzJkxQWCdS+UwqOgiTx9+5qx6w0DfthiEZqdOtB3hSJ1TIzJ\r\nDPkq+WSRpNqQUeaaKZXO9oSveibZCKBU4WQ=\r\n=SWEW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9748fa2e1dd5886715f422f644830717544192ec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d9f821042.0","@material/base":"15.0.0-canary.d9f821042.0","@material/theme":"15.0.0-canary.d9f821042.0","@material/feature-targeting":"15.0.0-canary.d9f821042.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d9f821042.0_1675359452489_0.28927338275483794","host":"s3://npm-registry-packages"}},"15.0.0-canary.47c7deb19.0":{"name":"@material/touch-target","version":"15.0.0-canary.47c7deb19.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.47c7deb19.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b29b96d021f756eeea34d1f7bd18c9d6d82f92e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.47c7deb19.0.tgz","fileCount":13,"integrity":"sha512-jbfotENYHoWK43ubluQXknqTcILVegX+GsQ9e+ySINP+DimKMNqPNMDMf+QWqM6IgAN4KqIkODEnWf/W4hpYOg==","signatures":[{"sig":"MEQCIDzw0LX7/M+27A7lLuGPGJqjAfAR8ypuXvhLLbzzYYuzAiBpEETcDeKMqB49B1x5z2Qr8DZj1TXwlikjwcFA5kSZ6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3M8TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrY2A/9HS02pV5Forof95UBuEPgdqo3MHPkQJnW+SGOsCXA5fLXmjMN\r\nNgZ5uYrlNMBuuFUfRScB62lStSvcKFe179hqcYaMYzGKhG6ozt+Xq+ZvPRVt\r\n3zDWby0NmHQzjTDkNsrJ8FitVQH0ZyzQCag/NEFTINpBNPN1GKK0rgOONfIV\r\nvzuUSe/CHcZZ5POphqkmOO8zrNzY26u7JbDd+8PBHSBKYaRSdhraknLvWGvV\r\niKgGlEXtArjceMJAhlORntVZs+VuTJcutVHAomnvy3gInvGIJTHn1c+fKgJ+\r\ngMbrkp+llF7pNeBcp+PQAJ2Uq+EeL/3Ih8a2ZbQvgXcENslmcOt1rVsGXjXZ\r\nRIOctqpmAm0zPRqa5mNVRbTLaJusgN9Xcoy983alkY5ibgrPWpxqan1aahuE\r\nnuIbWk9E4mzx7M/TAKNUav1B2iDLNuii4ceBNojRZXsliYVWCLdzZ3OK1GOz\r\np+C+lw6m+Ha7qH7ed7UiqRHW9nmcMAygAcEa2t7FYtrDTenW415WFzlg/w8P\r\nvEmTVo3TRyxq4e0pyNf6To0rUtTZtR35Wwe63rzohIX5wOVWSz6HO5y26WwZ\r\nyqaRPb9OMzpn96P9YS5P9NUu8212UXmKQ3PBz/r54mDEp5Ud3K0ScU2/L6UI\r\n/bxqNLhnWpa8e20BPRyJZiGgnx9CFWw5QhA=\r\n=7M0I\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d5a6886a0dce343fed87311107975111f62309bb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.47c7deb19.0","@material/base":"15.0.0-canary.47c7deb19.0","@material/theme":"15.0.0-canary.47c7deb19.0","@material/feature-targeting":"15.0.0-canary.47c7deb19.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.47c7deb19.0_1675415315513_0.1321040808775129","host":"s3://npm-registry-packages"}},"15.0.0-canary.a16dbd1a6.0":{"name":"@material/touch-target","version":"15.0.0-canary.a16dbd1a6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a16dbd1a6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"08f81249b42cc44057fb3254ff713ef9b6bbd049","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a16dbd1a6.0.tgz","fileCount":13,"integrity":"sha512-fjiRLuiBUl6zrJGLru+AVj6mIS4K/Lepok2S8ECaLV74ALCrplSUfCRPq6A/UG0ZFjohMu9I/WjboIHj05hYOA==","signatures":[{"sig":"MEUCIBpkBocd1E46Z4/aTg7FzqMVSLDfy2BNW7JZu7jaBNrwAiEA0AXLnEHnGgrz6AOr2UtlLuqhYkv5mictb1Sgjsxg+Ak=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3fezACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoK9g/5Ac/Pcap1xqoudaYat0QPu1a12NYJmkNgJ23P3Nkun0z06/S5\r\nqZVpyeLY7WLgMxu3Zd8EOMkjZR4rfRPjwMUlhim+m5Pu4hYm+M6YDsEZNcN9\r\nXMDLGXjbhXUPTXwQuJmhTAWY/E9VRypPNJwGWNwkadEiFnUzTcqocXYei29f\r\nijInR+gmUVl6FLL+4pMyWd4+Y2uL/ujifFTIx/k4d4HKzGcnELQ1vMhe5zoq\r\n5zpczeFVpXyOxAeYs5ZMGrdmjOk+6DCZHdcbJumXsWwzr5FTXV6WW0IMsnar\r\nk54exzY3lHaJyarxRHjYUh1ndkLkwQm5vEyhjw/FfC7HNB/gx49HEdHCgQHw\r\nMpe0Uh7Vuc7qEPWkQTNSMfl55tu28YshGm8It3bl3szM4jAC9vZhk+jWPcjc\r\nwt/82rALeQ7G/B74d8AcmXDDF8hzjw+gmcNFHsf7LoxNkN+3OMj+9Bxv7N+f\r\niFWx2iqXNL2ARMhr/flRKdY2jHPww7jefI9QjNTbGGwcak0zc1O07nZiXASS\r\nQ0c5Q84GGng/XOmpUSRIrUBMZ1ZSS3DSmR3HMBPY6e8cnB0EMlHKq8JYJxcW\r\nnsdopVv7oQtX63ujQ8Yr/VLwWd7+pJZGwljqLNSRCdod81vnCkMi1LfUnqk+\r\nvjtZ596znHlggAlkND/by3YeZxokPtzd1uE=\r\n=L1sp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6b1923aa24f460ae50c61296787e46f524bcf15c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a16dbd1a6.0","@material/base":"15.0.0-canary.a16dbd1a6.0","@material/theme":"15.0.0-canary.a16dbd1a6.0","@material/feature-targeting":"15.0.0-canary.a16dbd1a6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a16dbd1a6.0_1675491251278_0.46087992693700497","host":"s3://npm-registry-packages"}},"15.0.0-canary.93416f87a.0":{"name":"@material/touch-target","version":"15.0.0-canary.93416f87a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.93416f87a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a3595e45537fad8d1f91bdd3fa66c6855f9114d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.93416f87a.0.tgz","fileCount":13,"integrity":"sha512-VXkiZGcOel5kYU3LHNUYrBZ7zYHW8CbGOHVv3ntH1OfGhVD6TizjwY90z/u/HVkn+9U9W7oz4oyR/3kNjuvlQw==","signatures":[{"sig":"MEUCIQC1xbUwJ1u/LjJcD9YUho1BwPv7JhHZcLfNogvR/KS1QQIgG1iun3cOmiz6Wx+mvejuSH0zjogjIMT80AXzAF9JcE0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4lDeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr93w//YdOGYaNpt652lC91/iverRs6y970pVvkMD2xajWItMd7LCz5\r\nBkSRVdCY7GKvufKFPG1e00Q4z3m7lHpgZNZhYzlu3I2rhMAXEkgUR+tm0Rdq\r\nvRaxrIVwdEKM4ZobWCfiRRhuNDyry7CfY6PzZsrxjxQOKvDiXLdmvIVCvJAJ\r\n4apkakJCMYIecQofoO5+byfXSYwfe+hrk26JwlY+uLLtQ5Zfj2wiJSWXW1jz\r\nb8AfuECFNhtKf9Le0CE2aHWkKScUovv+hEc8MnouJZy21Z0uf4MRuGGecFL7\r\n0l7rGeeMnxqy7+avWoOCIl+HIMOqJ7DhyR+UgElKI6MCDRSFuhkJpOdusNhl\r\nsT0vkdDMHPbT/Cnx6GppLUdzxx3udoVn01Tw/nQcdpPwjEjomHNaTm5hy9Z8\r\nRXHVz9ty8wM6wDQErX41/XSzuwnecLdlKW5LvmxQ5fZodwMgbNKYPEuHfA9z\r\nth+ByNrg1hQtDxW79tqiv0TFJHW6/+/hBlSsP+CPvBt6PGr10UBIQPiJucTv\r\nt0FaOh4O0oPAKKmLkeiu9rc5jG3FPXOcwiFZSvdb6lyPTzOS6t7bWaFeWQl6\r\nD524jk6ffwkuOpPm2UmRzaSaLoGPE/64w2gC2S4pV+oNWSpTj5q6VYKOU+JN\r\n5Heht/ijtfVm2qmQP26HEqHgRSK2RmJPKWE=\r\n=sJhJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b9f82375a462288f01ce4e4efe6047a3fdd9f9a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.93416f87a.0","@material/base":"15.0.0-canary.93416f87a.0","@material/theme":"15.0.0-canary.93416f87a.0","@material/feature-targeting":"15.0.0-canary.93416f87a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.93416f87a.0_1675776222652_0.9318561011139475","host":"s3://npm-registry-packages"}},"15.0.0-canary.49b8e7442.0":{"name":"@material/touch-target","version":"15.0.0-canary.49b8e7442.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.49b8e7442.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f1753ace37c1a3f8ce50f5c8fa05c62371d4a65","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.49b8e7442.0.tgz","fileCount":13,"integrity":"sha512-i4RKSZ/dL8y25pcTLBJZ9H251KEDsBy8CRL7rEa9u9/jTbQ9ye4MvEmWzE3nDPFmrXyjvh1bSeawjDZCrgkbMA==","signatures":[{"sig":"MEUCIQCYONZWV1nSH6tiHB/Caf5jItFXKmZfPJOvuNi2l+vAnwIgPjr4sX3I8mKUo7K4b/b+dLxg1VS8yGvEkYWfdVGbgPs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4toQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmprtg//abKFMgkUWq8Nb1txvhu7o6dqlA5x7wRaTOASW8lhpr9H2dJp\r\n76bko9Szkt2iAXIm6YOHZc5xz4e7UMi7reBT1LlKfS7hoxwb6n4KkB9d6nfX\r\nec35fuZIEyuTlPnfMBX8Bn/1G8xCOln4AOaOOxqz5A+9V9vDg6wRZzD4F2yv\r\nb+DwP1Xog6KFSlUr0zP8ATINAzRBbA9To8C7tBffuK1ZSwRS0ZZxviUaMXtq\r\nBz6J75z4CcgfzIlXhREUIMXS2Le5IksbeUY3/koNDbqDfgVkd7AH3ycav2kl\r\nwnyaLMM5POC3Owz51yTFVrG+aRK4ySFGzBM9WY2edAQQZ3S+1Z2hjvyGHqaw\r\nptv7XttpGVyricwokIlC5lotVMQ6PXDJw6NqoFJxTg7byVCo30VDru84x3dD\r\nrOeepN/Xz/pUbMlxBQXEKFE+ZkkwSxcTjwREBh4S2Xc6Qho7tg7VUOUrLrCY\r\n2aGrMgOjBT1TYB35E8OjXaDkvgIVwBM49h6xqSCaaxfHLQIGjZz1QyoasY53\r\n7tr5viziON59LCDV8TuJCTVNSG2W4it2jGswCBblboDPe5NjOaR4VNbB0Lk2\r\nGal8SxBxTu86/mdSJpyDDymZJbgGK7hnMwK8QhEYX0hQDEW4VKeXVdhoDfyO\r\nZIh8j3OETBeBH3OVxfh+yfsm1GJxj9fhkV8=\r\n=JLyE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0ab5eaa3ea130a4b79ba5511e4e46e1f99b9e662","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.49b8e7442.0","@material/base":"15.0.0-canary.49b8e7442.0","@material/theme":"15.0.0-canary.49b8e7442.0","@material/feature-targeting":"15.0.0-canary.49b8e7442.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.49b8e7442.0_1675811344142_0.8106277998644451","host":"s3://npm-registry-packages"}},"15.0.0-canary.de38de758.0":{"name":"@material/touch-target","version":"15.0.0-canary.de38de758.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.de38de758.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"782c7b97e251a9a7aa9757e92bd0f7e1e9ab6f78","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.de38de758.0.tgz","fileCount":13,"integrity":"sha512-+p3EohB9bblJQt44BCBLCxezx1WTToEQOieH90Y3WA+TQcABVCpMfutwEmv1QnJtUATvxCG1yLpgxuDm3z1GHg==","signatures":[{"sig":"MEUCICrVWnQItMXfUlHpoORAiyNIYaG022NH9nQUrzG/WLFqAiEApyy/ieZwkWRBJfWA7oWzH6MMSB2xd4KOg40rGKsYUR8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5RRCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/IA/+K7yDdUJnCBaTu60hXBh4P5o45VdnFudwKRXKE90Y6gpDEBoa\r\nOxYLjref09ebPtjsG+PfBp/IPe9Wa3HOKxDClfQL4jvHNRJNt6MYeyhr5TKH\r\nuOl1HFhl9m9PSTD8zWWYpd1tF5/6aQ6CYmr18ntU+ahdS9m/my3/6njfUmvh\r\nCoxdFhJ07nf0nQnqmvpme3HALS3LE35XZXyuLG5hAzWqR1mnbgIPOlt8DKea\r\ntoLQYtqR3HmkcF3rXWojQHMMz7vxtk/E0ZytiFnD38IcP2Px/p44tdovW2+M\r\nO3K6wc2TllDYayq2+ad6/0PDZUeE94TJ4WNzd43gCFBjs7FbEKZOhwBmozWg\r\nyOX1AcprAEMMPSwoI2gsSIe4TKccwRWH0NIl4vKnPqD96dpCAbZo+NJwJNJe\r\nF2s9Zv6R2/WUzA/GbIecEl8DJ39P/Zfv9aVq8le/wIPT7SN+WrSUd9/d695E\r\nQMPEAhXGnjrPLp95hg1c1/J+1ArwON/vouWcbrfMKbgArIdiVl92/gC/v1GA\r\n832ziPXcWVRPnmzxAyWOaJBx8JWcA+5KNnws+0p/cVj3LKTUQVM7nzSlGq+s\r\nFhzU1EcRhzGi7Q8KfHTWDYE9mxT0N6eD2trhFj5xin3W+G9yt7MuytjCW/NI\r\nmklDpPW0ISZSDPsGAStmj4mEJZf+zWcKMq8=\r\n=dMol\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"72df173af8eee38e00bf9af0ca5a77d5b780763e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.de38de758.0","@material/base":"15.0.0-canary.de38de758.0","@material/theme":"15.0.0-canary.de38de758.0","@material/feature-targeting":"15.0.0-canary.de38de758.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.de38de758.0_1675957314678_0.9561178086611195","host":"s3://npm-registry-packages"}},"15.0.0-canary.4d62de70c.0":{"name":"@material/touch-target","version":"15.0.0-canary.4d62de70c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.4d62de70c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f02930bc0fc6d01b8241ab0fcbfd92a936906e5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.4d62de70c.0.tgz","fileCount":13,"integrity":"sha512-0UD4eoYqI4Bpeu2L4rp8ZKr39HWAa67R1XlWZC18TtKZAZNQ2EiszAvqWwpvpgSZWi/CijblxOC/6oQVJ24Mew==","signatures":[{"sig":"MEUCIQD8TDv2sK9Bag2CESR71DinireRpQhHLK26YvDmWxYnIwIgVI1A/XjOnfzasfbfeqz8KNz4J+RSv0hh8xyaBDr1TcI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5W19ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorAQ//Y7tQAP0YyW4tr3FgcQmcjMiCPF9aUFCHsVHI9UqyP4leTI2e\r\nY2WjjVtAJhylDpxKP+xp7WeMe1AefPUJ9fApiJ5OX5x2y+9AMKf7Uoor32E5\r\naBhfqmRsfxbwLhJQSyufZJ4odcM/JI8YucasNCn7ZKhlL6vxYhiN5E7TkAQl\r\nVy/jAngirqpgHiEbEHXDDPSFno52n8veMAkG16QXvVoJyIkiYZneEByqj23a\r\ncbkmEpWE7Z3HTI/J+crNj6/AI7Q8D3D3b7knDoMcghN5YEC6EY3WvjfZvcR1\r\ng149+gb/nOilXEhoqKC8cOgjemIRAx2JxYqp7sJGruN02TcGi2V8uGYhHZbj\r\ne6PFoIoYC0ZBtWHFh5g4IqUDWLooxLifJW957wnnPvpNE30dUss9j7UYCHG5\r\nGNIDtv81o62tibLxEWi2ot9yOagGLm7KQ8YXrsFqwQvNPwhhak+/spB1uf0A\r\n5Mmfn14+S32KxXw6HyESTgmcX39DPnIZJV4m6gyyxZWrBFyo84QOoi+myojw\r\nxNdi82mAyj/ZHT3F0i0+ApfjtMdVXgL13kShBrlvH8cuTYAYgDqlT9ye0/9y\r\nqsBF+W+kXKfcQEc6+kRPcyQEcpGo9+wXPuj58mnAqPEiKSaGPuMWFDPmtfOJ\r\nctaYsmwZqDtQNqzLEGCIXynbmoptWAf6Raw=\r\n=LFtv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d2081b5045fc9871ff56b0d31ddacd235e2316d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.4d62de70c.0","@material/base":"15.0.0-canary.4d62de70c.0","@material/theme":"15.0.0-canary.4d62de70c.0","@material/feature-targeting":"15.0.0-canary.4d62de70c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.4d62de70c.0_1675980157546_0.4301285180308696","host":"s3://npm-registry-packages"}},"15.0.0-canary.6fcd8d418.0":{"name":"@material/touch-target","version":"15.0.0-canary.6fcd8d418.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6fcd8d418.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5521c0c55aa8c5ddd5211827bb8aae90874025e8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6fcd8d418.0.tgz","fileCount":13,"integrity":"sha512-8JYhuV+OxRt6K4JK4VLLeYBffQ2tikBuuRTwgSZL8Jfx2M4BX994bKxEAJgjXh0qvEq3AnYmvv4Eooy9I9PioQ==","signatures":[{"sig":"MEYCIQCjRxTq6t7gFTC0QlHj55Kd2z2hgz6wGUmoAIknRffi6AIhAPZdayAfXj79XnjrU3WJdKqGXuJtWu6cTOb5c98kVEpq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6iPLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6OxAAg0V+4kyFvdJD8QyK+p0Oequ+TECVK2wcsIsUg36psMfomyFW\r\nh9j3vkwJPYiDD9XdxGMerFvk0RlOtKDdf+IBaaVAMs2flzHH1ax5qMPqCTTP\r\nhPTNp3XfArwnHarmcNzXk1HvefJr/c3h0/HLM3IxFX/EQ0miRDLl99v3Vy8P\r\njbVORY4ylOAUZtO8/63rDKg+MWgALfVF9ddDNZYmuS1YuXoSfKpxI3HtKduT\r\n9tjnqLMwCQDBub43HQ4qMwkxOJAGvDQQRo5DLiJm9hZHmHlXUprE6dDx5UIR\r\nQC2mYl9y9yBLpc9m+lMAAppSRR27GIJ3S1NUP5OsbyCU3qaHZMWYB594tJhW\r\ncxzvXzps0obbWSemBei/alpbG6QsMgqzIuCWogQkVe37X0BeOqFfrsszy6w8\r\napt4TvnWeF2s0mDaRH/CmtlOcDqFJa9PdkqqRAwcpuejQkvV3MAR3WWDj63y\r\nDHiY+UTsRzKmAsU/a2TaQdy7rohAA/05+VVsWpS/rJrvdOk9/bp31D04Uyoj\r\nAJ5l4feXQWNMERR40R3ecjAVc0KuBI7yZv4pHJb+TKhqbzaYMSmojGBf2Vxm\r\nslEXi1jRT9WP2hn1hb/PoAPn/PfZO5j1TV1oKxrFBAP0vYLeO+FzKLV2elfL\r\nQD4k9JN7G4erenrC0ALCdk4atsmuYlSegA4=\r\n=VjbH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"39b4fd2a38e7ab9611f614a59dd1694de0b94cb9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6fcd8d418.0","@material/base":"15.0.0-canary.6fcd8d418.0","@material/theme":"15.0.0-canary.6fcd8d418.0","@material/feature-targeting":"15.0.0-canary.6fcd8d418.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6fcd8d418.0_1676288970911_0.7836004474798246","host":"s3://npm-registry-packages"}},"15.0.0-canary.066d9439b.0":{"name":"@material/touch-target","version":"15.0.0-canary.066d9439b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.066d9439b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c44aa330e8c9dceb38e27861288c1da0016f989","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.066d9439b.0.tgz","fileCount":13,"integrity":"sha512-YYvOIya/OfjfxGyRLT/pMqh3IxZcPMkq1PIaCvQsOWHrNp4vJWL/h755G2qYHEs7RAKONDjOwF6+c+INk/na1g==","signatures":[{"sig":"MEQCIBAre8XEhtI69Zc2IQD09BVVi0vOz8h7MMajDUDICSaDAiAsAjurGhOddzXVOOmv9IlxVk19yFDmcv3la3vmciYJYQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7TkcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqg9Q/+OOKhX4SD58TfvmcDWKKGXeMWLq53adMm1c+bRUhChiR1EqP3\r\nEBPXIf7DrTa2RATn0tt1b4YXzD4awozTSrcBqgc7grb/ME0N61phiAKLvp8v\r\n7ZYeJQ2Ti59LCujrT30FMR+N48KknAOVlKApXpvv2CoDRktuAXQC6/PykLGM\r\n+EVunvQ0id7aQC4V6kZB3fj1RRK7SzzPeHr5QXhAA194PWKfVWmS3X6gFrZV\r\nM4tvDLXNJJjllpRsPZj6+bKXIZWE/xr+3PeCiDs7Uhl+lCciN3WZcsblvlGn\r\nCHydnwfkuBudKBJG+TEnsDc6ytOd2ZIIyk5zVtBPxVVDDV7pfKBPHgb1ncj3\r\nZqaIYduV0cePO+xzeeSIW5C0RV5LuenKJpMAdlnENhTb93JyFRdQuYhvboq8\r\n9MAGtKnJdjDDj0bb15VxqULh8UaZlDKREgGTFMhM7AbYvghhL/OCnNtBXmnG\r\nrpobQLDwJ+yEY7ZoDL/ltL0Gquf8fB6anrSrxZaeFOYNzHRm/RO3YiDpJJ2N\r\nTFdZulellsI+HN3nbDJd9OYmr4N4kRewkVlu/BNLD72Z6B/e76jd7KWJCapq\r\nkbglxvF5JrIvyLvzQeQ7oUkRusd8wKcZnY706dRyrCWTQNSvlxCB/wfXh4oT\r\nBKeVkb6YW4FzLpqeasj3LCOcs5QaMixyphA=\r\n=Bf6k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cfeee3e63b3e6330deff033d8054adb710498810","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.066d9439b.0","@material/base":"15.0.0-canary.066d9439b.0","@material/theme":"15.0.0-canary.066d9439b.0","@material/feature-targeting":"15.0.0-canary.066d9439b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.066d9439b.0_1676491036319_0.23979226901276762","host":"s3://npm-registry-packages"}},"15.0.0-canary.7ab32468c.0":{"name":"@material/touch-target","version":"15.0.0-canary.7ab32468c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7ab32468c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39cfe38bebb778b6e60a17613513a8a44007315e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7ab32468c.0.tgz","fileCount":13,"integrity":"sha512-y8Ykkn3oYks8lRsPSAc8C7j5ne1g8BH9EkvvPTWpZ6Xrtlx5X01DKHtCxXyJ4ZEIac3kjWnZKEVxPOKXyBTYCw==","signatures":[{"sig":"MEUCIFlFpDyEk0NuuvQPhW+vTqvA0lTLeStvYBZ6vy55SHALAiEAu378ZVUvOtHaEbcTEAJwnO8dXbX70HhOu3d6wsXWVeg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9Q5+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0SQ/8DltW0ebRgldFtTfEdXthwa05t8q2AmW3uin8AcQglqQEe991\r\n7XIh/dy+tJi53ubYLcXktdg3du2tXqAWKBHhpxM++Bm67cd9xInZ9aKHOJjA\r\nOze8hDWSXM/hycD3x4mozyvI0DL7RB0n8DdBrP+nJffWKUnabPY+rF3405oZ\r\nuUjbSLRGnEEDKbVXwzxj8OqDSJRqElgZWqJytrfRuWUhwY/7KL9qm5/3kj9v\r\nzi8mGMNZYASFbjRzjT7EFXlki7WHU699IO0kaO0l3cfOAwwSLWvLdFW9cWem\r\nQa61TzB3P/I4ql/azkv/h9WnhMLmwD/QVaQdrBMx4y+MJRGrzreN6eIOJjNG\r\noAJuPHSWoJ2uMEEdPCBf/NXDFeCZ8glT9eZt1zM1qsOq/c8OtYOL8xceUsmb\r\nDpBTIaknT9l4qqlfTUuzs1kTynYWqUqX7iFf9viYX9t7wS6kMWTvYsGIXacR\r\nLz17G0e9MzlXp6xXG0AMPTETm+0yoMl8b/kFWWnWRpXK9wj4XLIe00lDnMJm\r\n1q5q2g0RtE8c1ZfUnlbEguNKH6NLlZxksvDYcEF414i8BkIgx7elplrekH22\r\nAldqEHX4CQ14wM3TBdh/AlA4RobkQMSGMk7QzkOZ/N74crKJE1q91uJ9pw23\r\nojRsp/kvEb1Ejc1z9oj25rOJDUT05kMwe44=\r\n=8oRb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"08b12f363223d69b2eae5d2719e9ff0da773381a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7ab32468c.0","@material/base":"15.0.0-canary.7ab32468c.0","@material/theme":"15.0.0-canary.7ab32468c.0","@material/feature-targeting":"15.0.0-canary.7ab32468c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7ab32468c.0_1677004414160_0.7254512246242002","host":"s3://npm-registry-packages"}},"15.0.0-canary.fa27ba61d.0":{"name":"@material/touch-target","version":"15.0.0-canary.fa27ba61d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.fa27ba61d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b10d0891b6ac4de25ee9d58155a72b7518604387","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.fa27ba61d.0.tgz","fileCount":13,"integrity":"sha512-K8AStt/yjc/mwPfEy6QtAui39L6PNkZXwQpWdnlYGdmLxc6EiAGD2TfxCFuHNbL0j26ERgmH5A9VPyrYKN7h9g==","signatures":[{"sig":"MEYCIQDLqfJRhZIW76pFynIY+1rxJ+5B1Pll2C0s/h/yxTtpmAIhAMv+Z+kYkAWE3d/Nxtan6cU6Fto1m2Sq8mC701kS4dsl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/Nf6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQCw//YNNAcTlCFs2Ik2ANjpu8He+6UaE9U1ezCgcS6w0os6Qq/kB8\r\nQtvE+MQ7s5CVtvOT2TXpKoommNRr/tZcvp4/hrRi8AN+Hhwdl/YYZWdZrpz0\r\npcQxgl0+V3IcsTxfvgi7Nz3ZOV7jTdD6OKI67ggo5k7Tym9xp9MPGHOMuFJj\r\njetDosrbnqpSjleC1HGOLZs7gc8gtCqEKxvBzDxw/4opm9XK2kFrcD86DsEk\r\n2Ga99S7sGcF5aDeWO1LstRqZy213GnyqnRTtqZUJVmQ3+xYyDKjHWku6DwYt\r\nLyBpzM4A2Azz8Y2q65ij+3CgogdkPHfGOxPjQYM6ekaI8/rvfhwuUMhyHgse\r\nuoIzNW8KS/VoXkdv1Ky4LucRXYUnqA1JuEFtwAJrR4Xq5wANx0KHqrdecgxt\r\ndFIijcHiH/rDU/+sSL0EUKD8/q1AokWJPzMGHME50JMKKmZwLoQ9dE0Pgl/j\r\nusF130J6WgLDgf/P993Vt78yqXB7levqHl0CyKhyk78CEVlwNi2LRSgJQk2F\r\nc0ahR1RUiDjousk4LD3v5t1gjRPkSMiy4aIHLq7A0JGgHNhSAVH8rhVuFnR1\r\n//5nYZAhJZRE020w7QL0gjJbap4TFKh4Q1AXEq+HU2VmWsq1WaBshNfHVTjC\r\nR2q3t0qwT8ZsNsHR33DMKAx7hjuma9zq1Wc=\r\n=kBOG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ed40c112543fe3ecfc009ace11a6f0c3f82fa26a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.fa27ba61d.0","@material/base":"15.0.0-canary.fa27ba61d.0","@material/theme":"15.0.0-canary.fa27ba61d.0","@material/feature-targeting":"15.0.0-canary.fa27ba61d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.fa27ba61d.0_1677514745819_0.820076908086147","host":"s3://npm-registry-packages"}},"15.0.0-canary.311ab4d4a.0":{"name":"@material/touch-target","version":"15.0.0-canary.311ab4d4a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.311ab4d4a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1d5aaaa93ffda6a31e2cdacbf1ccf2b3f99931a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.311ab4d4a.0.tgz","fileCount":13,"integrity":"sha512-LaG3nBr5jCsFf5pfDu+ZFMYK+MErw1c0r+C7lsfB0Li0mFRRQRVR1F0o9avLBq/fDdrUmVGUb2v5+01e0Mbyig==","signatures":[{"sig":"MEUCIQCcoqD6SvN0GAuaf5RpfiDVURzpll4Egw12dKI7d3XE7AIgVHpLsjoN9RjbeokdQhlgYorAbXtiFSpavN/8cFI3G6w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/N0UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfCw/9GNDn0uftD70esczokuu9rlTzxOtiGNN3TNQQUsXLW4ux3/qO\r\ncmGIhKjQrSeuOYJl/V4k2iIUH8SpUAgnf13NLiL3CB9OkZbgxZCvFvan7DQQ\r\n7pRWDw2Vbpu4G4sK7V9flXjakanLlOwkaEIzPaDkhS9dmJyGdP/CblSD13P8\r\nfrXtyIpAz2rf8i9myI8/sn2imOZy2j8DfjrHDkal0jJ/iUa7zXxZgoO1WZpx\r\nc7MLBsGMk+ZzPdY7RCrOgHKwoAdvEvrOq/q6B3oB78yJBVQlnAHtZWlfRYsU\r\noI6OYSLB6z6yJi1cd1U1WOUeNTDDsb3Fb3mfTFWvpYia+MkkZdv/gzXGoFRF\r\nqkIfkZ2NQC/7B/lLnmAiomoEUUJ31f7sBrEOoZuCfEZNjhqGV+mSg+oGG0uj\r\nwp5r2MUKMVeIxqQRLRIjRTscAKNaOnbVaq+BzKVXTLQFkAbGpA97Fgiw1PvY\r\n+YBOB/5brv6V5URfbmlaByImYUIXn/h+8/0dznkJnvUif5u7V1/mmOCb4fS9\r\nzI+dktnRxc34vMmqLAUryB3BMHhFK2hQrfxKZRWKfsyMMoxBpmZIb1ZEHbZW\r\n07aGJZpTwT0HxAndCBhTV5AOr9XSXROo0N7MLjesRvbQYEV5Xp2mAVaALlSh\r\n1hwNqX0pGCtNidtXdejQ4sku7YRbdpo+Cuk=\r\n=jmO0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"07f8d2f7bb4b2f30e60a6bd8739befd9d17bfbfc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.311ab4d4a.0","@material/base":"15.0.0-canary.311ab4d4a.0","@material/theme":"15.0.0-canary.311ab4d4a.0","@material/feature-targeting":"15.0.0-canary.311ab4d4a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.311ab4d4a.0_1677516052665_0.24638720843771522","host":"s3://npm-registry-packages"}},"15.0.0-canary.901c83e77.0":{"name":"@material/touch-target","version":"15.0.0-canary.901c83e77.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.901c83e77.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c2ac9e937109e09fccdf487d7e9b15a6e21527a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.901c83e77.0.tgz","fileCount":13,"integrity":"sha512-x/woz5r5qPs5NLpWL1ExyulVslL3L0jZmMsNnHfFIaExEtp8XKTijdrLuwJc8sB2vFkpTsvBncY3ge04q/Anaw==","signatures":[{"sig":"MEQCIAw/5eXK+tijGOYNKbTpaYL/e3ltV9/JDY1OyTb+PBVzAiAnKpR3jxFnUXw298goIbByGCnKpqfUDgAl6Von07hEbQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/PD0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUkw/9GBQEQoAKX+Jy+EC942jS7D15ijvtoeZBnMqK0IyezU1qvERv\r\n3PVm2tCQM49K1xy3A1EEQB1Erp1H9hBf+LO86pdbMzHMvE/7shLtJHlnwavN\r\nQOztFJWd1hT0a6vzsnUzdWRHKTspzWniluJWUNsXj5LzuhMXSxF1FADKPgrg\r\nZpXV+bi3xg/YHoiuiJVu880QpvlVxPLHIVgre3BEjdHmdCPGOIty6mgW+Ny3\r\ny6seLb+GC8iJ8c8ZqVzvTtGs5ScjT9UREc7WwEnA+UTvGqbG+IvYncwsKtj3\r\nzw718nvLn7r40CGuGhueuGnZK9T+tiTfviVfoVCi6ZyZLMlTPsTnsHaGrN19\r\nqykDVxh3/fM/q53nPqAz4uODA6V0ozvJFt+Q/1X9xUskTCFu+PtjnnvJOGHo\r\neWc8zvp9kyPYO1bB1CACsmRP9jsXtIUBT0sqiytSnlf5Bis9i007nBI4aWdL\r\nKm28shRyPDqrG1WqyuBy82MuQ2dqJPEOMAIjqRSd7M1KOtyXcmoQV4/6jaPL\r\nlQ2kLbSECRPtzp1QkDsDb7KwrEHjMLgXhk3raIJUAXUQY7/0oZLbPZ3zAGTa\r\nxVcgr0ha+ldB++pkdRZidrNgF860/blp0JnZnyBKlae6P1BKFu0tkM/ij7c2\r\nMDsz35mCNbYYrGuNFPOLGOWDAemO9GlQ+rU=\r\n=hC/S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"86c988d321eecbf29bbb6cc63f7dfa18cda02d4f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.901c83e77.0","@material/base":"15.0.0-canary.901c83e77.0","@material/theme":"15.0.0-canary.901c83e77.0","@material/feature-targeting":"15.0.0-canary.901c83e77.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.901c83e77.0_1677521140175_0.9319364293029229","host":"s3://npm-registry-packages"}},"15.0.0-canary.5cb8e2174.0":{"name":"@material/touch-target","version":"15.0.0-canary.5cb8e2174.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.5cb8e2174.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7560efa6d77a6b4b7bf37a420d295ac2a55045b3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.5cb8e2174.0.tgz","fileCount":13,"integrity":"sha512-LDZ7C43ncsjq3LA+JJFIeEyFoMeaxKgCzmpGVSRPElv0UXQuQRPBY572egAXCXAt0hO488DHYMly1+6Jff3fCQ==","signatures":[{"sig":"MEUCIFAyoDyBtboYYtaXdJDZ9ZJfZ0eJyAxAJs86sEen4CVLAiEA2t/eKL/vUKEAduizXVkcAbyuPgF7hvUx56B+HvW/nQA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/37EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGZA//YVn5xTPNwAUdWtkcvrYWPyLfSJ7RmWfiXxTiNMUpbdwJ8DRC\r\n+hfDZaMaEYWr1gSBQhY3iE1zfdv6OR6MWmILKlV/KBSqReWntjYfjVlNwTKk\r\nXK2CiuAVlRiWpzghdqmbBvKfGKUwB8A0v+22+u5U4phMfJzR3ZTFrvHBFsZc\r\nW4ntBep9UAx685smU64TzBbYpU/eTKd8PGzxdf1CCKdk+2XOe+PMgKI9lm71\r\naFISfjiYotQcG0dgsx028wrkh3UFsRSUiVm5/nEAK7VZN+CxiRPw4kDc1uGV\r\nx5PZWK1gh7ceyigoEzYVJpnv3458yXA35FJSFfrBqf1pXf4SiLyF5fv0KFox\r\nv/VkbSGqllx+aVY8Wsy51+CpGIUY9mo29ZHA+39qejW3HrBgX08fNZsLRbIF\r\nlG0YHVWKL+5ySQH8TNV/cnvrSxm0kPyixElfU4KV6CRAf6KoQlWv+AALLxdp\r\n27PPyyjzGI14cLcUy/Uxh6TuaD9ViGDoolSSUORbQtOWsl39As1rgEnGL05R\r\n2q9W6nkwp6Aobnw2KC/RnoWy+v0tz+ny7lTQhRrlSR+Uaz3r1gBk3ZvRoXCv\r\nFHHJ0BGeHewKOPQuKYbQMRPTPLXZAm52rdLNh30qel/+jiqSlVqA9gSPQ6iB\r\nKSH6lKUUUnNzXWrrjXF+thAhiw1413aq2hU=\r\n=64TJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d57edaa5a3a3079c48ef7c804f0a642bbb682478","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.5cb8e2174.0","@material/base":"15.0.0-canary.5cb8e2174.0","@material/theme":"15.0.0-canary.5cb8e2174.0","@material/feature-targeting":"15.0.0-canary.5cb8e2174.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.5cb8e2174.0_1677688516692_0.10712806678529896","host":"s3://npm-registry-packages"}},"15.0.0-canary.f32339937.0":{"name":"@material/touch-target","version":"15.0.0-canary.f32339937.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.f32339937.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca5af043d3a44e69864a9045e5652fc24fb43a81","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.f32339937.0.tgz","fileCount":13,"integrity":"sha512-8+CuoHRXCbloyua5e3XB5ZUanHF9D0xA6IDJlq69VY+J0XYaDbIU7RMGeNmaWSW71Y46Moh+ElbVBDu5VdhsFA==","signatures":[{"sig":"MEYCIQCz5bgHwSqBsimh52+8HgWPNbTkyOu7Ws4b0gQqS6vpIAIhAJB+a/7BG+hAvzVk7OexGmX9JdeCtocRPkXaYlI5yyDH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBgN9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmooFw/+J4pSH4MOA98rmXsClTYmohm3gN78YP5p/pfruQdt+5N1t6TS\r\n+ukMEZa/gCd+4J4vOM4ZSyCHa9NYDM46xMPmJGGauLbthifKCnT07RpfusEQ\r\nPABcj6pPEFTFS7MzBI4kPnaTspFQwgHMLZowQxlBLbIjqN9FRNex8ksrzThC\r\nafMa5svierYS+2yT7gN8ZB90LHF2B1gYYB/4GXeD/cpdeKfHuWaS2dIMAAeH\r\nUOltYzB/9NUxJ6q+xPzC3A3F5BH60XiO0q1Octnvb/Dc1QIT1+5v3+btzoMP\r\ny2KEJ4P5OjN8a9+qH84FmmFXlkR7y/jR5/YPyqlqRwpmRusmg4yetc7XZYoW\r\nfMY9hSHCR8WCKiDPZcGZeNlkRjfZEZsOgOQWRUEDhpk2bmuj21rVBKNLlp6S\r\nKLdeU0+tdcEZlGSnd1cQm0T1Vo6hWKafvbwyPj7VxXCP7Rqk0EB1eoSBC4GI\r\nUqCcPBDwH/ysrA2ZRAh5cCsagdstV+e8PaKzLoWLo6fNYk8B+j+j20KowGqX\r\nj+EbAgDefkk576VHquKr6vEx6oyAUu18BgF+bDklgp6RyscCVui84YeElSne\r\nuUgx/NyEfahRj1S3F2vvlvKymXngQBxnzWvl0Z/Yc8h6b8r21YJ/di39xZwP\r\nxEeK9nNUk3LuoFjG5o54O6u2HRJaoSFpm2M=\r\n=Y3ch\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b6c5103b89138f008c28f70d93e0d3faed285061","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.f32339937.0","@material/base":"15.0.0-canary.f32339937.0","@material/theme":"15.0.0-canary.f32339937.0","@material/feature-targeting":"15.0.0-canary.f32339937.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.f32339937.0_1678115709551_0.8444446750683641","host":"s3://npm-registry-packages"}},"15.0.0-canary.7644d63d5.0":{"name":"@material/touch-target","version":"15.0.0-canary.7644d63d5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7644d63d5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3d7d6efd66f314fbfb9c542602216fff4846e00d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7644d63d5.0.tgz","fileCount":13,"integrity":"sha512-4ZxD1vtJxZfs6ImSkFFQexqdgZeP9Oz0QESWddO4eKl75YNjyjp4CXt7s6umkVk8HFPsr4q2enldfY5+galrHA==","signatures":[{"sig":"MEUCIQCkgcfq7DjqNmXDWNkH/X1X2IDNInwHymsNq8VxpPTZ9wIgccdAPtLTFovHHkdAPDMh4Rp0HcoQZ7Gup2iYdBPDGfI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBmi3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfqA/9Hqd6GLAFPdcr6jKt1PJaG6p+wO+CSIQbrIA68JdYS5ZRPLKn\r\n1dvs3t1SPb8QiP3S7YDkyeezMfvhxp/5whZTVAqbvpQsx6tOHwREP6zuTHkZ\r\n5jvx7je/M6OY3M0wCM5lTLV1Buz4GzApLmeGfOwtudwM+0wK41jDLnCjcR+8\r\nnKW9GoFcyzIazAmhv5+Lu8OvHSrb6vIXc39WsFAoqUkB/Gd9GTRnyDAyzChk\r\n5e9mn13wYwMhQ1pkRhwPLByWfHDioNb88f2M4G+c7XJkEeFFLI6YjbWDWB4D\r\n/v1frtZnsb87onStPpXkzaMfzgTmiojKaGOpDKQidyWHFwPdvvZI2fYQP7Ke\r\nO2JQkSqkH2K2pTwrYwxjRP5M4ruo+CaDaggpO9NDBswmlfJP9yoNBtogCeWR\r\nRiw3RU5IuSTAEVzUS1oOpva46gGX+jWgmyDwKtZptSdvQpBaT/OCF591bqvw\r\n8xGCvBDdC84qoythKu8uKBrGGTH4COWLAhV3a/dLCzcK2J0pgU0YkXksUVef\r\nRdOVIfh46CAYf165eL6LAhocvqKT/uSC0uMuAFhkdI5OqywdDsXm8NCEsdeQ\r\nN3xVU0r87NRKoN0Z3iAx7lf2qfDf9bzwAwFWrmyqpVw4PJ0yZNfKlgL+vhv5\r\nFLFJmXOFUThpXwePov6n6l2zzHYOdT2IJeM=\r\n=U052\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a0332d9af18b36becfa025c452efffd11be59943","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7644d63d5.0","@material/base":"15.0.0-canary.7644d63d5.0","@material/theme":"15.0.0-canary.7644d63d5.0","@material/feature-targeting":"15.0.0-canary.7644d63d5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7644d63d5.0_1678141623024_0.5399972438772149","host":"s3://npm-registry-packages"}},"15.0.0-canary.d96330c08.0":{"name":"@material/touch-target","version":"15.0.0-canary.d96330c08.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d96330c08.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"04b9eac242be387671717cfcdfe6de537ed84913","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d96330c08.0.tgz","fileCount":13,"integrity":"sha512-jm6wo6CtJ8FVoyn8TN2lDW8FFwo/U2PIRooGfoc5HygqL+TwXG3T0uj8e0dU1IQMMHNeFTwDhS5tHeAC5qOHHg==","signatures":[{"sig":"MEUCID0n0wjxx2iWgzN4exSfdDAEzW1FtbcN1H8pl1wpdEbyAiEA8FPL90mjH15NFsQlsY1AEqJdhVnFffnk58p3L6zr9wM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCHRiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9eRAAo7uYtoMJEXVeH8gVXeMDALKsKgokfcTJqib2KEttbnt901lz\r\nkzq/g20HdEfH/GGs8sKFHkDC4Du+m2otSHFGNKTlBX7A8cR3vWTRsBN2anSp\r\neKM/ppPJnIMTtPAg1338/haL+2QhwLN4u+ByDDLmAxWOh+nm83z7mOqL3txk\r\nBXGHAhInGNTHVthw5q6QQl4l3+POsdqMced5JBLV/1xovOE5kTd/FXycRrk0\r\nLSayzgE0VrcyignnAjqI6VuQNRw+ySmmTYbrOiH8rqkiyhFF0uUaZlqE/Pj6\r\n0AJGRRtAGCIK8GnLfqq0JbDbic+ZDhM06O6ypsqefvYAl88vLudZ25V3yUoh\r\nBkHHcvhtGSLrES5vpC2zma45NzVlsakNMXE7JqyyPUzhEPP/adkW7BGt7COL\r\nMbPM68ZYpteIKvjKejKC/0841cbB+lGyLZu5QiGRspSgfeteamhqndjpo388\r\nHEjdX+GM0ujea536FdvYCcBi0gC4k6HrpjKnq1/MpdOIDf3rM6dOBEMgZNxm\r\nnwiare6LkbJZRKSK2md7x6mRUKmn56NYXsQQTVg46JBTZdtH40DewHgb/UMs\r\nZnmBtXI12el10h4i21Mezi7rs+8oDrlg6azXQ6ys+4c77RBHllIC7sO2Io9G\r\nz2Msow62baPt+1ViMs2bm5Tbade8txwNDPM=\r\n=Jaa5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6a6d53aa84a0c0a10bb15c3cfb596881140bddb2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d96330c08.0","@material/base":"15.0.0-canary.d96330c08.0","@material/theme":"15.0.0-canary.d96330c08.0","@material/feature-targeting":"15.0.0-canary.d96330c08.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d96330c08.0_1678275681994_0.09647914621413811","host":"s3://npm-registry-packages"}},"15.0.0-canary.c99cae77c.0":{"name":"@material/touch-target","version":"15.0.0-canary.c99cae77c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c99cae77c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"98a985ed954fea281d13e3aef9eb11e3fcadbb49","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c99cae77c.0.tgz","fileCount":13,"integrity":"sha512-3i+ohCg0Vski707SRKD8U4dx1SmuoD5g0cShmiMJtGyMrZCQ/RY1FkW6k57X9pqQvboLzTpb5gdbNqTZGIUwgw==","signatures":[{"sig":"MEUCIQD89b4jYhdfRPkF6rLY7W+MekYoSr5E4jChkCipyqMf3gIgXm+3Z7nnVH5w9lu/XAVUFQuUrBi6h1URk4KuIkPHGgk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCR1kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfcA//QBUteA+OJVqJjAiRwVtgjQDCUTLLCOpCJbjOM91s5hcG2sQO\r\nHhwxy3Zhl28kitT8arUBFxsxc1fmjBGYCVuD779iEbaEgafwwfduNXM7sHJr\r\nsndkRIMdR6YiboILM2jLHmm29//qIVgQaVc/qIU7F8WALSN8sUUxKKutpMIn\r\n6paTZ3cahFRxTObVipBLa5drXpOOgmXh4nsEU1m2vvPdVIE8HaAOQ56MX/ys\r\nrqd2PDVIYnf9TbZfVQqvKyNN50XD/3vz1CdmWQy78BLdQiakoRaXKS9Cbr3q\r\nHMfgHwhi8bt/ZiKvaBmeybDbx3zWiGKYbKRh1hjhQ0bt+c+a0IoTZR+9kJzP\r\nIi/n+GLsfaPVrz9BLQSWp1kbAqU0gyYgTwHI0AximVctZnPti+3D4sncL70L\r\nysI/h7KU5pA+WGnYOjVCUvY1daDP+Yz9i1zX+Z8LKUTgyHfMBesoSlIvaP6X\r\nzaR6fIaPHxxRZMw1O7/M6KGm2EjMPJ8gMiqp3F8zKcIc/F+uXBayXNHg+SL1\r\nRx5qRvU58H9X6cvHBLIFQ/zwDGwiitPViOAF5lzlWTw9/AkGJaUZxoGLA9Ct\r\nW9Wzve4my3bQso7Tzf4jhSh//38rYpm6+QRnPDBY+r4I88T0jSHXiVDpKqVW\r\nMS+N055JZEseZlvOHGx69m9UPRWkYcg+jDk=\r\n=lzcj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5b6a7c1a1c133381bad395ae040de00c64b62e42","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c99cae77c.0","@material/base":"15.0.0-canary.c99cae77c.0","@material/theme":"15.0.0-canary.c99cae77c.0","@material/feature-targeting":"15.0.0-canary.c99cae77c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c99cae77c.0_1678318948007_0.15340575389131939","host":"s3://npm-registry-packages"}},"15.0.0-canary.6023b1cd3.0":{"name":"@material/touch-target","version":"15.0.0-canary.6023b1cd3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6023b1cd3.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ae0bb5f0da35fca675810b3039aadf0041fff8f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6023b1cd3.0.tgz","fileCount":13,"integrity":"sha512-XTO3IkrDAvWqGsWlInb9LW78VpL9YGWB+o4HhR2J/o8Qs/ByekZiqDzdbzPtogPcpVIYVh+dS6bBW7C6y9kOsg==","signatures":[{"sig":"MEUCIEC5LIi7+SQEoSfAZiPkMT5AtDMRn9E3Ci45uoPaEiK/AiEAgpPCf2ikX79SSW5cVElc9F2cSB4NS2CUbhfZz72NoqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCex4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdqA//XyRH9Z/VFj2cVLfkYjAceBzv+rYmA6oeFhPEOa0vMOb/l2LS\r\n+iwOYc8hnfY81ElUM6KNCC4YnIw7yaFBcN0rQNeih9P036AmLq0VkZnWTw8s\r\nh4gwtvHgLztpj0X3e+4iicKLpY5fjk3XkicV6sd2HEmRG0AjBuZQ1OnKN4v7\r\nlNIwkVY4MYLwH7ru+M9E510M396qv18RPeMRjud/tvOX3ldWIyCrDUCuH9rP\r\ndCkULOe3zNSpAgq2hRScOrSDkwGZ1hP8U67wEHilMKBiMWBtimkwY0t7HR9g\r\novcewN79WNDmxqq19VJrBXANKn6jpyDap70J4bfz4QV+EztjVJsSkxcAmcEr\r\nhXqwt11EdqDd5nzvgTVagbDEz+wAQY9cgysBb6zOl4qar188A0RaOKRgRwSy\r\nR4E3kqM1gvOmgZ0EK7butteathTo5VtHB+VZasqmnofFyFFGK7fQT9QznUt/\r\nxnP3uVc4OShG4g18LghgRsronPMZ/KzQochBMEXeLUz8jy1S5mEW295EWEiS\r\nWIJyb8dnOohcM2uUAgwhMGZ147kEfOsCbPeDnvPF6k/M27fEl+Pp0PJB4Em6\r\nA24aYysKvSiG3eWby3zCSSF7shg0qRnbgnsnwZa/e6MQkshlofI3B9jpITPD\r\nVBXXHpB1gWgmWur47eA6tS/5/0GViQ819Kk=\r\n=2e8E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4d11f175faeacd8e5fe534611afbad84efceae77","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6023b1cd3.0","@material/base":"15.0.0-canary.6023b1cd3.0","@material/theme":"15.0.0-canary.6023b1cd3.0","@material/feature-targeting":"15.0.0-canary.6023b1cd3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6023b1cd3.0_1678371960249_0.07073410861247664","host":"s3://npm-registry-packages"}},"15.0.0-canary.274610c77.0":{"name":"@material/touch-target","version":"15.0.0-canary.274610c77.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.274610c77.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6bcbb1f7eb1a80224d692d1929be56acaa9301b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.274610c77.0.tgz","fileCount":13,"integrity":"sha512-lDixiaT0LOHH8VICUXux6cuAsvcP5jYHvGU48Bh3TFpCRosX0kOxVOl783votpIgmkWS+096HX/hIN2GyIMszA==","signatures":[{"sig":"MEUCIQCeO779xtY144sxvHk9b5ysXi6IXjegS+WhC2pgfYwEBwIgF+zyurxnAdERdwAEJVmszI9lgc6uE+sbbhoW1KyfiOk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCfQBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJ0A/7Bnm/XDElSllyw2SrXhBcWAb7ek7xdQdRdrjYahG4v7xL2Bjr\r\n095klWl7oyTvu+SXw/r21HpjBOTDEiRbEWfXyR137woUy/6Dhbjc/nx3VUKE\r\n6uxX7fsmtJ6PzmOFVO1LCBb0LhX40xDKMZEUf6kyBkH83sYtTMkrOuLIJ5hV\r\nPXEEIxabOqQE3WsxlaZkdcYP/zetyWZ81he3LfQF7CBWbi9IlCcqGPFsAbhM\r\nnartWZsXKh9Y6jYyuK/z8MFI9Gzq93xLDWcG5wDBVDEgHJZrSKXq0n4VM7G4\r\n55rmiqQxRNNoURKDZ6YQvfTmRvM+eWdGXka3ILn4KKYKGnn9b0ETNC3/KaF6\r\nbbNwecaZzOP5znEDO/n0RfnClCA5hpSu0BNi73PSLgftAzVdOR1dnV/uN2qn\r\nuYAhpdqJVyLlDDQ/smZCBmtuKbJzdkJL5yvru+bRplgPuVu5T0Jj7E4eAfxq\r\nZMqQh+1gw1sbb2/Il6s4bcRt6wynAPRMPJzg94szCFmjhmK+ZyI8iG+Z/K9Q\r\nCEb+PI1i8zgVPccjVTOk05ij3X4UwGhWGy+NLCdeTwlbMbygYz/VgfImz/ka\r\nNaTFy3I/EnE9dR6Ab+CUVEHtjq6y6fBD+xXNOKLRWsKKuKFPZblZec49Z6sN\r\n/AMO7CDZZSaMf7yTUEZ16s4/Rr5ebjuVNTs=\r\n=sO0F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7a2b02c682ee73deba431503de1a6f1fef211c10","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.274610c77.0","@material/base":"15.0.0-canary.274610c77.0","@material/theme":"15.0.0-canary.274610c77.0","@material/feature-targeting":"15.0.0-canary.274610c77.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.274610c77.0_1678373889737_0.335847481817654","host":"s3://npm-registry-packages"}},"15.0.0-canary.a274583b9.0":{"name":"@material/touch-target","version":"15.0.0-canary.a274583b9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a274583b9.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"808f96eb9a55d19983c1faedfde4c3a9584d3b11","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a274583b9.0.tgz","fileCount":13,"integrity":"sha512-LAiPgKPiHAjTX4NQCetw08aoZUE/wSiLIvjaFbsz55wn9CLaLuTMepxqbGo2lr4rYVWkfVlavR4C1Ar3zZ0+ng==","signatures":[{"sig":"MEUCIA8HjKc+LMJq1+zVbcwzS+uyDFXapwSbjikfk3XdTvuPAiEA0t15ZlTLiX2BrArl/MudSSnFbzRbgyyL1W58JPiDNvo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCjjuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUsw/+NscoCUopDfFvi80Vq0xRRCnGpE3OpyMVASErr0t3Sf7B6x9B\r\nbGglZ0bQ8e3pBNTbAd3bM1HEUcISk6mKNuEkZRnxSUKiybi0JTjxtf+051CH\r\nGpLy7e9BzG+/tAMavLi5rVZGQgGZMACZ/nAQ6p65NoFXRqVJjvJ1I79bU5l7\r\nBFJ9ZgI0jXpERQWfbhngedKlznMToH5kYcUwyKBObzmtuWVc/8PTgZ4stJQT\r\nRQAR9L8eeiILgnbqI+2dEXK3jmUHHqlRksbPgpsdxcjLJRskZ1Pd1H1yeQB+\r\nnrJAq+KW8HGnlnCWh/eH/RLazAFwDA+J83/rAUxj5Hj+FffeB8aCKn41maID\r\nvxq/4OILRaVX5DNo+G+4h+DQX098v/8MzNT+JDMEpTtT2Rm5zyl78MOb89BO\r\n2J5BunIrX1+6acvbPYMnYOdj2/AqJoNeqUGGIf/ta/OcVcAbq4yPKR7q+APS\r\nTPo72lLS4moqieFr7+PQj9OsP2SEEosz/NbPlv9wGJb2COn1EM0jBW56JemO\r\n44OTaLvtHcz+viresw+FoAloFUvomfhqMVsZx0R2dbrJZKgmpGBDfDp4HZeZ\r\nhjfTE45Qb/euL+MQV3PflCRfssTpbv2UQ0xjzvDcVD/1pWJz6pIkMuZvcPa9\r\nbDib4cbhYDqEvLMNNKqcKScxV0Fd1ThV2vs=\r\n=+BxU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7a7c8184214014c45d0ba8b4723714d1fe91f266","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a274583b9.0","@material/base":"15.0.0-canary.a274583b9.0","@material/theme":"15.0.0-canary.a274583b9.0","@material/feature-targeting":"15.0.0-canary.a274583b9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a274583b9.0_1678391534532_0.12313726920411017","host":"s3://npm-registry-packages"}},"15.0.0-canary.da22ca960.0":{"name":"@material/touch-target","version":"15.0.0-canary.da22ca960.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.da22ca960.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"866dc91bf1d6d59fd34ff5ca68007bc80fc157f4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.da22ca960.0.tgz","fileCount":13,"integrity":"sha512-9HplkRNu3JPE7OdQ7QVerfb5mVczVOK6drBmQxocQUXv3o432ZT3DWywYKII/Fi4DAkk9mgi1kC1mcMHUBWzMQ==","signatures":[{"sig":"MEUCIQCgN/iGAXUsG96IkFbwvRCSgMSNRf1h5n72mULmki/t7AIgaAvveCNMw0sGzAB/VQqZXk0gWiy5c8MkxZ5BCaEq4No=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCj7sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmruwg//YQFkU5A9Amf7Ohe4rZLfDVccgIQ+fT+qa+bCvgZTar8LY5xb\r\nxTBm05Bzydxip/JuubaWzscPbNcGkoAoVAPYxeWCZfGlrxNaPYkBNTNFV9CX\r\nphTtGc3Ih24sZM1m8ZeJMHlPzqfRXM1UapyrI7v22lNorqt+6/SjSIctxVXa\r\nj5htBIYgMLpRrNoQoAA4t2ViC1I7PumRuHaOQpRwC0zf3/h7wUSNWXOz+aWj\r\nJ4bJJOfcr/mGv8i35JHiZljSxMCrLFri+Or7Jh4prrZiiKEFoWAOyNxH/q8x\r\nc7FhyR2u2RP9BsWeOfj+DrgG8Lb/+/FvzLiHnczhLKR9sUJN6gC6PoBgWeyI\r\nlJSB/uaktZ0rwPW3ePmZGRPARxfhV8Mg+Fa2yKeTUbgeuzVyendVwZP9WQyc\r\n+XMCKYNqyypkr/TGJK9UQqaQiaJ4XetzK5WsU5d8ynh/Kg6LwNsWQ1Ku8X6Z\r\nYstpWqPmoMDGtQ7vMzmAouAjuGeOPl/Xp3IRwo1piouIm8HrDmQRlmnaslgn\r\nrsR4hvwwuw0B4d+IukXvqhVmjpQ73yTO49bHkslwT4Ewxq72WDsgS7ujvCH8\r\niaRqhDtb6RhVbhRIBeCM0ipU3B8BLhJGthcfGiTfy9GEgmQ4b1krdqrqZtNo\r\np6jJdPFR/7s/JG0FX9YoH2Rkfw03duZew7Y=\r\n=F8oU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1b58f37865efc4ba8ba06e1190cef502dee9f902","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.da22ca960.0","@material/base":"15.0.0-canary.da22ca960.0","@material/theme":"15.0.0-canary.da22ca960.0","@material/feature-targeting":"15.0.0-canary.da22ca960.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.da22ca960.0_1678393067858_0.8797938539671797","host":"s3://npm-registry-packages"}},"15.0.0-canary.304a94e8b.0":{"name":"@material/touch-target","version":"15.0.0-canary.304a94e8b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.304a94e8b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e050c3a1c10c8bc9bb980866efc509ec74ca78b4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.304a94e8b.0.tgz","fileCount":13,"integrity":"sha512-fXQNWJ7OJctWRh8bJmztJT8CjneUJH9ip1gpNk9MinV6rUPicqde7Cz+fPCG9qR2Q6mkB0N/SA0ov290elFerw==","signatures":[{"sig":"MEYCIQDImZBcwdMlLKqSxEK1oh5pSO+Y0vSHKdHQhopj5EIkrQIhANAlp4NGCpEMlz+CkJDOOPuukKFLks2OfR6kcGSLYMAf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCkUyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+MA//S2NZw3nNoWX2cBknORdUcR4SgXAXQ7fpcV3+5GsipOMsk21A\r\n58owWWEcv2HQcMt+5AV4ywEvX1wqqOVPSQfOLQCFo7UZePATIi7uZTKo62vZ\r\nTKYP7qCwA26ViHuDKBi/+tj+HNk76C9Nv0PhANZWqPoItGHlxQyA7Ii0o3WQ\r\ntTBizkLJuivhtFLka5RQulY1T+hQbEkgRyS7NRC+Pb7/0KuODft2iWzYyGaL\r\nVouBe6vVNFdk+PUxuz+bqwV1Ntd2sMMKYzmmecFs/5kbm5dl3b6jPS8Hi+ab\r\nfYEQ1fH2230Exmm8j3nOCiOWO0i1IW3K+Uw+bPmqtgT9CsyoCI887zJbPz4i\r\nESYBwHa7uyHrdBpYxmylIK75C3Fp+N/0uqr7bw3w8A4I4KgCpE6KoNIlr+YV\r\nKbdOGYBzHxS/P56Djf3j5dFCafZmHb3gPtmYEFI8IRQxqWfPpIeCdb1BTj4c\r\nPKei5wCveB5FQU1l1OLkCdQM6n4H83na1BL93jg6waC/SlvhVaL+3f6GvzU1\r\n+mLthHp7kwQrZgB17oHprH33W8cH2kiqxyOjOskvcrphJeRwzBgkw/C0COUX\r\nGyJVZaLm23ENdJMg8W3d0jtqb/tf1Q6JBYe2ElI4Mlbn02pet0aPrzQvA5qN\r\nUWdXlR2LqjDE5kj8dtylHeTbGlEEXMCR3gs=\r\n=7naU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e7550e10d6a01c606a6dd78c58c4ee6e44c3f062","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.304a94e8b.0","@material/base":"15.0.0-canary.304a94e8b.0","@material/theme":"15.0.0-canary.304a94e8b.0","@material/feature-targeting":"15.0.0-canary.304a94e8b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.304a94e8b.0_1678394674674_0.49502195045912667","host":"s3://npm-registry-packages"}},"15.0.0-canary.6c265915c.0":{"name":"@material/touch-target","version":"15.0.0-canary.6c265915c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6c265915c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dca741387f171cc1c772c241224c0817561d67ef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6c265915c.0.tgz","fileCount":13,"integrity":"sha512-n1AsXpwqD5YU8AFLzs4zzJpbuYsYrMCVSmdlEjaFMtvpU6JFP+RH/Jn75w+2OEUJ4jqmIvFSQPLa6hG5USh/Dg==","signatures":[{"sig":"MEYCIQCcBgEr4/RHhOn7mmOJ2qJw4xoup8gARmzxzBMpk2upugIhAL7V7y+qkUh/M78/sZlXv2DMSeC35N8XxsGMe7PVXMVZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkClPNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0CQ/8DlurcWpCNvpJILOyAsvZbsk6/3JlnMjTYKRLp4vh1R0VIpSU\r\ngALYtAi9gecejZz9LcrP7bAmofHNdCPCnQssTd9Ok7UmkThbgijLtHvTaNAz\r\nz0bzZ7WPfG3RSfz73HDXljRtPW3WZWMVkwrHyarvvBxd03f+Hs4K3l+xpvMf\r\n8KiJ4oaP/8fl/2aLE+y3nmb4EohYeKAgxp4jsi4rVHvh8ZcKcERH/CK30ycQ\r\nj79RGMpuB350AS3UED4ga+sQFPieeqqwa65OJgMYjGc0/L2eGo1ukVO+q3pw\r\nqDzbRH2+SX01AxAEkrjJppu+OHDMFP+wF5bTwOIfTUM/jdcqXPzQL8GZh0pi\r\nAwcoESGVWZmWBaAgGYOeTGhUhzUiCzh1TysiV6RpU7258M24OvBorMj4JTSn\r\nK/C/xReBkyiyWvOHLs6NUk8Ab5ExMEn6Bmlgco5lYIn0BEyylDQI3xAxqz4f\r\n6ugNvz56jqJaLEzPqMixy357zeWAOXXgfIaoMH7k/xF8mek6K+P3coZI7A+h\r\niXt08qaCteXXKbi0GYZOgw0FGIns7kl/X6Kd/zVdKVrN5EDqVg34QM1cYxr8\r\nCUKMWwXfY2v/HVhbLRGJ6uOZgGJyuQcS+2LvmSn9+P+ML3wjPZzsEFDpvUoQ\r\nVivNLYdQn7GEziytipQA1gPAALl6rzUosCU=\r\n=oq/M\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2226d2e658d88eace91ac63729977eb6bd7a9af9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6c265915c.0","@material/base":"15.0.0-canary.6c265915c.0","@material/theme":"15.0.0-canary.6c265915c.0","@material/feature-targeting":"15.0.0-canary.6c265915c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6c265915c.0_1678398413535_0.13517781694019293","host":"s3://npm-registry-packages"}},"15.0.0-canary.de5224633.0":{"name":"@material/touch-target","version":"15.0.0-canary.de5224633.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.de5224633.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"78e0ec1d31a4c26707cf666019d85ab0ec8696cd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.de5224633.0.tgz","fileCount":13,"integrity":"sha512-7ddTwCIfeEa+iGXlGOhNR/vg+LWzrcKL/GAshqHfUllSh9v+y9YgQMRD2NrwrJ1iZJX1AYqIoStUUYBK6u2woA==","signatures":[{"sig":"MEUCIQCFjpAYv17Y1Or7KHNSAftu8eeWHXduuTc6sNVBPGlreAIgeCPr76dLYQVYkuH0bJg5LCLpTRub++GQUYK8nIIngTU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCnHpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRGw//QvJBWBM/Ri0UKxSzlcoApHt9Fn43bMsJlSJ9hIXYM7qKaqtM\r\njsBtfmE9LJkl4jtmo0qCuXw9fkGw10Moy312EPRs5quVwsz2wTCyy28QvjSD\r\nwiGuqzTtO/y+LHmFjSZPGAB9Ii98xQBhm4KbcUgam6Ucgad4NypjTP0hsYrf\r\nh/dL/pljWOL/YVxsrA+o6cTG5/ctjiEEbZEDaywIbmfjcvLDn1JrbadTkycU\r\nZ1Hwf6iskx7HTuv7GP00Tqx7KCSirdTpcFvKegyOdFSEtNFPonsB5D51j0eq\r\nHTqSnyPrHG8eaSm/zh9r4gF4wm3f8HJL7QORH/jrDV7W54AorXq5e5qz6vaT\r\nxdTGeGqa0t+17MSiU0eARaOFkMBDOZ7bo8XA14ZhE9G2xvHyi/BnhXlJ/IRY\r\n23Iwnvio9wwS4b3fAFm1MBNDy+mioyg7g6I9ZbkpQo+nwFjZ6sKFiONGHLc4\r\n3y7uJ/dvv6jNhcw4OYijbLKfk8DUt4+1ixrihwB2s132jyTRQotZ6ksDLvEH\r\nseuSowDjbfvD6KcgcS7nIrYp5veHcmcXVYk/h5fB6745wSfm3A1fjZervqFt\r\nrdh1AYX3B9ikB2raDcVenzhFXlAcEd0/a8LB4bWCZDTIm91PjzT1zN9ePs95\r\n7C35JabwtZukHAcgtKJ7XPHkg7OmKgalRQM=\r\n=3+98\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"994c620135276cf7948cc54b286c6c306c3ac01b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.de5224633.0","@material/base":"15.0.0-canary.de5224633.0","@material/theme":"15.0.0-canary.de5224633.0","@material/feature-targeting":"15.0.0-canary.de5224633.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.de5224633.0_1678406120972_0.9573311123706325","host":"s3://npm-registry-packages"}},"15.0.0-canary.8879557e6.0":{"name":"@material/touch-target","version":"15.0.0-canary.8879557e6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.8879557e6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2428b79e1a354f3bc26d59d038c35f7b33cc231d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.8879557e6.0.tgz","fileCount":13,"integrity":"sha512-bQL/LBBqoHdgvkVfY4N11Sxf4mBq054b58GbghIcCU+M+2DfkU1/nHg/D4162lN9nsnzeSKaJI3rwe4MOOC5qw==","signatures":[{"sig":"MEQCIAp2fZwrAN0F8cj5Z7pgIO0izcd/WkFalDFGunGyoIeYAiBQhJTHqih8uwaX20yXxXr1c3+IrRF8z7lF4QvM7cTdpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCzmiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwHg//cxV3IZcYPRdP3rbJCHdt7XsVUejbWTojCCC+3UP4WujujoqQ\r\nUYbMLTCXJ7irRWRyb0grKqInv+4Ow/neSiOibxBqlbzbmgpWc1uozGRLCzpr\r\nKzPNulq3uHR9hcDLiEDuMhPBPuFrCZVkEeJUI+ZTien4NhWzKCaPDMaIZCCe\r\nX0X0916FQvnma6uSxJ+0TjWFngHCUGduIsW39vTzFQWhwp1hIHqZ2l73+uYj\r\nNQAJ3vpF9u0uI2b+zPw4rhcrsf2lgO0E4LusUkYXG8mQN8T/vgKJdQkGyLiE\r\nP6NU8P+GnwZTQ9zMLYqru4XIOlibagMI9FFBY5EO7y8WVRTZ4X3dJbcoTJHr\r\nN/sFAF8jRORhpP5sV6nk5JV8D1SkaO1HqAwd8sPnljKn7fm4nHWZt6MDlRKb\r\nguD5xQuhWvNXQi7Lndm39UQ8JsTIf2SI27vQ8O2qgYT+EJos8XTeys0rL5Py\r\ntHpjpNpAnP8hpIEY4MaWGmtQmgLM77aKMT3qoKE3a30QbZQEsgNWndOixYEs\r\nBxD4BKzaQTS7cPLqNkiY3rkf+x4xg6mzxGKC7WL1aw4RLcbm+oSci2yYHOpp\r\nC/94DLEfX4k87VlgjDNfH+cv2nHsGzdbE5znyzhGxzF2VT1vaKor/frqN4QZ\r\nD0GjsWjRXE2wwf9yIVsDx5b7OW/yEvuyhas=\r\n=oJEq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"28f7c223e2bb4a686b970a425d14b1d1edd70546","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.8879557e6.0","@material/base":"15.0.0-canary.8879557e6.0","@material/theme":"15.0.0-canary.8879557e6.0","@material/feature-targeting":"15.0.0-canary.8879557e6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.8879557e6.0_1678457249937_0.45387087287236616","host":"s3://npm-registry-packages"}},"15.0.0-canary.23073a303.0":{"name":"@material/touch-target","version":"15.0.0-canary.23073a303.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.23073a303.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93670e0f8757a04efd9052badf9adb1d57911958","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.23073a303.0.tgz","fileCount":13,"integrity":"sha512-pASxbpcrWbsK+QidiiXgPQDrmGOwivNEKy745RVF8bDxHH4ocWPMyDfvu2JyauCgeAgsi82gQoffkQYfL5Cqxw==","signatures":[{"sig":"MEUCIExv9AhtJgH9WMZAe/JLlTaBse58Qr3AxnNrsK7yg4qsAiEAnOpqi840k0EwkL1pET7biR1RFhwMZUVtUYEIq6jtzIY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCzs+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmog7A/7BqAekG+hwxMlHus7ql6iUtRuYgV2EOB7g+2M62CJFO8BOduC\r\nBW5h20hh6OSI8rP4/4AQqzymtdxADvWFV8KG3QI12gk0vJvFheVXiePkFUuI\r\naRONovbF7JyAgadEvSHG/g6LbKN1SgCph53gbsHoeyOTJcyt4OMO9jKERNnh\r\nXIiXYWWQ5+CNJbgozgtX+owmywrxKIgIIXqOw+LGcFYS+gklV5s0ursB9mCk\r\nZm5K7hNb8JcxfWvklPk/GzQZiGXKg/kXq65nd0lh9iHwWmTOBsCwyRF777ab\r\nUldl3ixFKk+GaCZirwaYkWOYs+WSzhfBK/lm3arVL/Sn9xxAwxinb7e9kA3o\r\neV2CS95Z9Hz3oW1dXi90h8PutWGPKo3lRXFbn04VTkCTjzShtNOc0Ui7KUzO\r\nIBgAlgaYv7xmCoxXoLJcoEsNzr32QZq01/Y/ITbbUt30unlpPA5Q7AsgCd/j\r\n0FTwPBamdRYBv4cCug8Jn7hL2bGK+SRnFxgO6YOzr+EGESmb4C74F+OtG/KB\r\n1vNMESus830dvBKZSAuhoOiwbrmGnekZwsIW47TcuvSXrlS3bKhJltcisSAC\r\n92ut5cMHev6kTVD8GktwtuluNU3WIp+vjkTd9wbFrvzQMHuJQCjpugAaEJZg\r\nEpg0it0TO8gTyr4PsUpSYahok4V/5IR1mJg=\r\n=riIe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2d7826e2ebf1c1fde12f47b603e66ec0df229a8f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.23073a303.0","@material/base":"15.0.0-canary.23073a303.0","@material/theme":"15.0.0-canary.23073a303.0","@material/feature-targeting":"15.0.0-canary.23073a303.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.23073a303.0_1678457662046_0.6846683018793267","host":"s3://npm-registry-packages"}},"15.0.0-canary.51c7d4014.0":{"name":"@material/touch-target","version":"15.0.0-canary.51c7d4014.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.51c7d4014.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e05a88c64519cbd94b4c60d78a516951ef3be70","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.51c7d4014.0.tgz","fileCount":13,"integrity":"sha512-aK6WbgWnHzWBEeI5UE0608t7005iiu4nkFUTsYU072AFSHSKmsvMQha+KWlks2mZrvj3SQR1A4EqRMJt5oXGOQ==","signatures":[{"sig":"MEUCICih9agp30F4FqJJQOCqvQY+Y2ujcEwxnCBWkxyCpO1bAiEAxvOdwr14GalKRxzKsVLft4CwS/cwwtUJqh0v6bT/Q58=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC18CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHRA/8CgRyj481hZ/t6v+j4pNpBHvD9G5VwpaaCtPIDRfrGprTCwbu\r\nwMVoGHn1Hkc4ulPjjEw0W+G5+44u9N0HVJfjW8Sib5o2fff4SRjMb8TujAEk\r\nVf1MnnvMo+TkWO8QOLn8fhCef7UHuXVZ8G8kJZamLtKZvh8VYmHi23cSt2hI\r\nGuxQ1xZlJs/XnpTGB5Kh16M7oGlIwpfb4LCMNSsfy10pe/Rs7wp//AVwKwkx\r\nOR1X3Dk0k1bL3mLiK6ncngxkVFC0LUsGTgJouEB6t4YH3/xD7OhL2tkhzL+4\r\nkBxE5+PB02YvkLUYPkc5mRnSVojrYZLpuYUUAMoZWfgf5Uhh9C8kc/0tnq88\r\nbAfGCrI46OqmY2sb4hgHCPhzbHPLvf+HALDaTrf2NxF6CUYvfkEgQmgRcVzP\r\ns288DwEOECRTaArLm5R9mFeRdqirQQHphlGkc2TZ8K7Y12jcRWnkuzadgSSz\r\nIIFnlujhSgRFj6rYnzpsUdeHs16QLtR6zJX9HmtYw4e9Zyd+Iwq8CHDS1g4f\r\nMhs/hrFZs4PSQzNZcJNd33BES7fVHH+B8vnt4oJk4MjfTgWjo8SHQlNr/Ugz\r\nIz+/ZCXelz0xW8Xxi+tpa0P5LPh6CYazceRcM8ZU7t5GnBVN1nMZMEVTum1s\r\nrtFIKYYoF9XsZb42rinCPJKh63Ph19KXrRA=\r\n=us9A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0485e6059d69163f12d83408c09b1d41f6cb8dba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.51c7d4014.0","@material/base":"15.0.0-canary.51c7d4014.0","@material/theme":"15.0.0-canary.51c7d4014.0","@material/feature-targeting":"15.0.0-canary.51c7d4014.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.51c7d4014.0_1678466818124_0.6139532932068406","host":"s3://npm-registry-packages"}},"15.0.0-canary.1175a5be0.0":{"name":"@material/touch-target","version":"15.0.0-canary.1175a5be0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1175a5be0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ebec722465be741795defcbfb10da93551ca0c6c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1175a5be0.0.tgz","fileCount":13,"integrity":"sha512-9eXQ04N8d9tdK5e+T/chogmEmpXkTe1+isOTaNtGS+dfTjOoVx0wbJJm9XqXoO6Z1LIroO4wzwp1aXE4BFZJTA==","signatures":[{"sig":"MEUCIG++XaGX0h7UEo8Xo349kA36fXSORpraLjrv6+DPwU5BAiEAnIYAlaPjv10onoSrbI+iZYsit4KYvWXsdr7eOaWSt8U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC5dpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPjQ//aPZfcurzMd2nJ5+y07Ka0Y6GDmHYDmoi7HtFifnKX+MgfQyq\r\nZFhy40+jlpqnAsQ5aEviP4n0eWNE6pCGZtQydvd3fSdJIRQD38dT3asgl+ND\r\n31ACNZ8YP7+Z8ZTNOcG3ElLmamQg3O2DnyjOfBF6003hXLleW61egIBODGWI\r\nSCBW8kIp0ENa5e0UGgA04CcGH+lF1J/du2jX5SUoK8MsVI7+LyPDabiZmrMn\r\nAa3vhAaSfQ0N9eUcAUKRnhTtRNZu2Mk2SHFnzKlXhs1+HFcy2txeAIU4DvhA\r\nP2lUMaxOUPLk4fpcwBds/iUCVXg6Opbepp+0dG3f5CFt63hb8eUXzUrQ2UjT\r\ngxBri3lhP6JoI3Vc2jrerZLN8+dDKk8kqCZa8WrKJ4nOnoAMc19BU0PDt8lH\r\n0Aykqp/I6nNuSnyVs5K0H7mBIc/rmqzfTfRtUsVVDwIUZnUHjdIYw+365eTK\r\nTlxwsvidy07aC5HOH7Mr7wu5/bYOkjZn/j0eTxL8L72PQMhVGiEcUu0nFG1z\r\nK/bjhgp2/Zs4/1QS7uXUPrCoPXNebSrNeiUQyqWaCW1n11S3pS4kcM9+OdUA\r\nJafzRSrUWygZ+vr4ihrrRgq0Pzu703IhY8lYHrkRQhdNWFVUzT/8SCiKjuWd\r\n5WHJv7G691z6CKnS3KRtXiMCbdp6rkM4pc0=\r\n=nq+v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1fcae3e4ba7c60c6a51ee8e61b01e26a324b1ab2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1175a5be0.0","@material/base":"15.0.0-canary.1175a5be0.0","@material/theme":"15.0.0-canary.1175a5be0.0","@material/feature-targeting":"15.0.0-canary.1175a5be0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1175a5be0.0_1678481257335_0.5443600224630893","host":"s3://npm-registry-packages"}},"15.0.0-canary.7adf3af80.0":{"name":"@material/touch-target","version":"15.0.0-canary.7adf3af80.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7adf3af80.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ad6eff80c4d4752b6d31084330bea679126359ab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7adf3af80.0.tgz","fileCount":13,"integrity":"sha512-lAFhLztutF7lOi4h2z9F1Zl9u2uar3z+809Xd5eIvyO5e8qFKNPY1cH39sTV+tRmnruqCRS3XCZX7MfKR8qs+w==","signatures":[{"sig":"MEQCIH877wRC2bWULutJcd9z3WLTF4lPfkTicWNB2s9/ZUZKAiASmocH7GDi6aQA2HPdoIpJGpEOEmOyQCfwWGwM/jEfjA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC9hPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRbA/+OLFgXeT78FuZzB7Np8OHX5VjrHlx0SZBe/v19Wz7CU6gwI0C\r\n96AOQR9MAsXh2S+s6Lfnp511Ek/DpSMejYoZ8UObFkqxNFgDnWQdlB12KQRn\r\niFQvQGXOfBC0fNJy7Yl80Rk5hDTP9FY03/keJyg5nxRGhcCHTtpURYTsIv9n\r\nqHxWH4sd+g9tqWbxbrWOffpl33B2KTd7A+M09JfM3kX3n86J19noITUtu1rn\r\nhXp9n9RUG1Yx+HBUUZ/uWZD4IWj6864moFas+W8jTJUu/bbjgnN4sfcK0yG0\r\nVgXciAg9r0rEnXNkLYV7DYr2FJ2NT4rbIcEpL63Vh25ARf3pxxOl25//89LV\r\nLirgaSYxG0tSE/6/G7S2ajMd9B04x6qI3HGhGDcs1u9OHQGR42hSAzQEGy/l\r\nl7X5b2sEGCQdlbo2jWMsaoSYExwbmxMwvjBr8BgrIp1EES5VWjNC4uC/XoEK\r\nc/XHCaAalxSj4IoQrG+SsOgW5AFRFqdil8hC4fAyLMjpmRWgl71zutpt3I4J\r\nKt413FNQTaWsL/lbw+HHEAV1AhmCffBWLJYe/AiZPc0YpzwnCH2zA0p9gtVh\r\nh1XvaeLj1nqCA99b+WN/A1FZ09E/68x0JawsqlNQpEcK8u+BCB4hQjuj6hzR\r\n6EVC5wYtF7JZWaifjv60W+FEPZ/1fYWsQeU=\r\n=xCki\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"57b0835838a903c8ac3ba6c8edf79add958481d7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7adf3af80.0","@material/base":"15.0.0-canary.7adf3af80.0","@material/theme":"15.0.0-canary.7adf3af80.0","@material/feature-targeting":"15.0.0-canary.7adf3af80.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7adf3af80.0_1678497871139_0.5071317682970693","host":"s3://npm-registry-packages"}},"15.0.0-canary.82554d770.0":{"name":"@material/touch-target","version":"15.0.0-canary.82554d770.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.82554d770.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e6ea6c25506b33b76d430ed21bbe39a8c49b4625","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.82554d770.0.tgz","fileCount":13,"integrity":"sha512-fICW6qAbjbsfCcCvaowVG7Q4WRewS091efcjsc/4lXoQN5kb8bv1LkOQgvLGQLMwfHMD+76DeIiWJ0nCazzDrw==","signatures":[{"sig":"MEQCIAQDsccYzTqqY/RD2xSh78PGFtUZhsYdqcbYF45L+I76AiBV06kxlkFOIFtdn+9tMuuF9ox+DXsNflI3SdZO5l+Ssg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC9s0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrF1A//bGzldplWecXJsyIjdLr5mzK6RuBxUmxf5qhlIjmVf2LlSS2c\r\nkjKdmAPOiRiDdmSP6Mt13aC3az04f3pk69jghAFgODNfPPudfC+0NoWE+QZM\r\n3wmSMIuHpVXv3t3KfHm7Jx2ZDEeDR+CoVImGlxZAOIWb8Vd01ATyo2M9YCMb\r\ntxRtQavFXtSeErAdXF8fJiHfsHLuFdEvyWugarxQtBThZ7O5f9GHXzqAxl4N\r\nR2OurycyNEmLWUOWQQV90ApNeNHhQF6bSeX3UEOPx37KkarJ9sXJHrTON46a\r\nGNNid/sT40d9f99Hd4n7D4X9PsSapGTl2nMidNafhxQp1me4OhL6pwbOmCub\r\nwSD1lkM3t8Cz6j8yaV3mRsZdQb6+zIfznQrHheVSpaHTBlVQxM83x/7Wl8WL\r\nEicZ/6fh+DJkoRoaAZWuWFTJ4WBet2xuvxpLDPyb/Rny/D5g1eoU5FAt7IT5\r\nnhe1AK9dVGA41wmN51C020FQwLwotEL+br/JAQuSOmN9nJ9wXReUFY5oMeZs\r\nJMiNaUmauuxcn8Mp3wEq4S9O5qlRaopVjKQ+8SYDyxPfzD3VeVVqCqmX4DIq\r\nqEWEzWv0MbG3B9q/9q555Yp4KM/z0JSwaX7OM5Um7mn7Vatfujef5RAVPkRW\r\nKEh/RafkBiAH95jy/69gaq1qbM3902JvgTs=\r\n=y/Gm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"500cec655918e97ee1edc3c86ebccdac24a28f56","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.82554d770.0","@material/base":"15.0.0-canary.82554d770.0","@material/theme":"15.0.0-canary.82554d770.0","@material/feature-targeting":"15.0.0-canary.82554d770.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.82554d770.0_1678498612437_0.33819799222997915","host":"s3://npm-registry-packages"}},"15.0.0-canary.93fc524b7.0":{"name":"@material/touch-target","version":"15.0.0-canary.93fc524b7.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.93fc524b7.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d8b64b88887bce66086509fea26516f6a28d0fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.93fc524b7.0.tgz","fileCount":13,"integrity":"sha512-h3Q6kEruTy9HMCgCnceaxOjNBIgveaX+vjUVe48XsVytiqbrGsi4I8pFA1ZPpLx8BG30mqNUZ3glX9/ni8Z5Zw==","signatures":[{"sig":"MEUCIHgiHH7gwWxmxDIH46iASHgozLnmn26vU/EIUb246HP5AiEA3g7OdAXq+zPJ3+WYe27UMRQLLb8zrazmTKVBz/iSx9Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkDuD5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpS1w/+I6PnhCbYk84U9WlYsJQeRDye7UPar4jNuw+bhSUbj1Oaixpl\r\nZ7KsH7EkGsdN02Ahef1gdpYzJcg5e353Zvza6mkr+802e2qf2YxSQxbnRaq1\r\nzAgoRRzHrR1vbkl2IUq2M9QYkBj7M24y1f4iRq7O1r9r72U1aaehB2t44O0T\r\nTHfYvePNi64fq4Nu/kBZJlFQW3gIOXm6MyCO540+loBzUV/Ac87aLW7cpETw\r\nu1hksXycbTQVkQPBdw0ymkfzDD0UMuR0ibnhct+5LJy0BIXT5M39DtVBl8C3\r\nnmGBhqURgWCvo8JoFN9N/OLDX++/7l3d1JkV+iJtVn7gyGsEBEoqv/iPm1Q2\r\nNTpVFE5yA+K7utEbDOUv8ZnVaumN/lBEzsNQCPuM2KrIlHE3xTLOJ+0hZw8u\r\newugWJ1WAEjQDk9Pr2QD5/jtUIAIsuG0OILKzt9im1NTugxgoBJUKuLBm3DW\r\nW4adMw8l3KZIRDshiP/h04R+fhZ94kwlnCS/N7kYoXhuU+R10ttoLn1dyJgd\r\n1PwXrIVLqHgpGOMk/ymq+ZEmDcLCSSzyAoWfGghSF1zX9p6/48ZsKFdXwBzg\r\nHuhBHB3vrICjdxWERNSDa0o+i3jnAlYkgFw3oaasKgB6y1bQH06NWRHBLFkn\r\nk66AwOXhyr0l0WDgFdhUhQSEsdWAeU7AYK4=\r\n=LJzV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"338daa93529c874da1af6eeb4fafb935e014e096","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.93fc524b7.0","@material/base":"15.0.0-canary.93fc524b7.0","@material/theme":"15.0.0-canary.93fc524b7.0","@material/feature-targeting":"15.0.0-canary.93fc524b7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.93fc524b7.0_1678696697321_0.7520626474948076","host":"s3://npm-registry-packages"}},"15.0.0-canary.50be0fbae.0":{"name":"@material/touch-target","version":"15.0.0-canary.50be0fbae.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.50be0fbae.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c731ed194f5ccfc15913f25a78cbb4519b9c788","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.50be0fbae.0.tgz","fileCount":13,"integrity":"sha512-Op6mH05xDNhrXSsT6SFoEeN4fdIG955fj7DtojRy6AWhR+OANkqw7PRtqwEuCI/5WxwsUsSx4dJEjuYu6H5nvg==","signatures":[{"sig":"MEYCIQCUA3HXvF/ERI71M+HqAINvBZOdKriCEaHt4JQdWYIVuQIhAJNUPlFN75TUXhd4CPqY1/5g9pwJQbWD8h6oRSYU6AmX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2DRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUxA/7BmQFw6ax2iRFSM/ZxclPkZO8GzFuNd4fvnFvtLB1jtfgOY13\r\nbMT6+mMFCq3cx3aXAOQojnh1vItGvpRbKxc9y/zkA3gCrqibq0DeoxDVpL1W\r\nmHuaWa11B+MuVj7raVnSRHQ1AZppSKrriZxqyjqCfI1GEGG4R0Vi4Y281Sb+\r\nqDtRh5RC4wj2BvZFvfwuGfjQ69KJNU0HYpYcapEk2E64uD0vfM4ec7LcI8OJ\r\nqAV1Y7IYINULbpFb0O7GEeJzaldImspTDUeZ6fLxYWq+7/tm3xQAPHEQRmkk\r\nOmbXItixwLT3GUfzML59BtGTh4pgKE/bbsOatQjh+O1X6tJo8owq+6k3EkhT\r\nbrgKuNj8ZLdhCv9cX6gGNj7Hc2PiCWL3jdOVrZUCqyzmu0cg1PJde8r8YtHy\r\n0Bu7iymHH4FhOf6nK+5IYWlcljtE2JPRT7NRguqjpayOC9gdFcUiBjSlun+R\r\nJeNIRaeVT3dFzFWG83g62IeYWdd/wdHsGKHnDo5vL40H5OG2q7HgI2X3AL1o\r\nH64Mo8bsASsCH1/l2jjzfHo9vtbvkWH9tmxHHYUZluiqr5VQqbHeWJEUMEAO\r\nNwOjIuoj5NyuHUOHUEt1JNFSUR9jD34ZkGHiQGoOTVXlXoHtuDNkPmg5oKzE\r\nFvboG9tZWn9ll7xbNXpE54qtDDloCC0vgYM=\r\n=dy2O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"405d98c2882461cee8d47ab1b16a4666ccf7129c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.50be0fbae.0","@material/base":"15.0.0-canary.50be0fbae.0","@material/theme":"15.0.0-canary.50be0fbae.0","@material/feature-targeting":"15.0.0-canary.50be0fbae.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.50be0fbae.0_1678729425201_0.2902202128560789","host":"s3://npm-registry-packages"}},"15.0.0-canary.6b5ffccd9.0":{"name":"@material/touch-target","version":"15.0.0-canary.6b5ffccd9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6b5ffccd9.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b721c14d6803cc6bdb7a3e2371f4b3e2a542cd5a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6b5ffccd9.0.tgz","fileCount":13,"integrity":"sha512-koQuCQtFrehyVDAWdkHpT6axm6LkCAyy6mKaQ6I5oAPFFS3joRaZWa46MyilG/bJXa6l+fB3JfLRAL/Vk39W+g==","signatures":[{"sig":"MEUCIQDHbmB4jIVCfG0hQq1vjmMe1wTGzMUaGQDkDoQe1odzZAIgMEZda486wRs5O37dSi9XLcQi6B4cH9omqAaBTseJ7t8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2GWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqG6g/+KuIts65kXzCNbQWTkKvwU6NCaHK+3Gwzk4Y8gdRfjmV9Uw7e\r\nywaUKQ8BzYAtjnw7Pp2osLMizqn9o06Po7rDvD0GJEYTW6PRNFNWKPlBvtdE\r\n6vVRLUg8xbRKP99vUteucJKb1LSxrGv4NElx4JBpSqLEaH95Q9opCoC3LmLI\r\nJYe5jqh/eGcGSgj0sG1dTKfi8Xj5V4hCNenaOuRncsOKAm7x310bf2rI0ceA\r\nR+qKqlYTq1L5MS9K9qZFSgipsSDRKZT6Ydl+FHXYQdaGvPtX9MolKc2NQoJY\r\nDgaF8zXRyWs1Ej3M1azk5ufUYCKOGGZUnNAPER9KWPGQRhXIHMhl8FJpv/8A\r\nlXYgehDu+WFYdhIU3TdjcdvT0MHSqztKq1HscE2uYURpuW+Wb3khT7kx35Wn\r\n3bbD6nQRt1j9B7AOO3Y+jbjQ+gbSs3c56kmUguITwPkYL/GOYTNZQxbbRN9C\r\nMVBtyxQPm8H5meouZuZ3YWM6GBxLoxoHpHW1pLvq2WcWk9nOgaJA7/LhvJf8\r\niIq15ijrnz4w4sh6I99JedN29jYvJzR6UDSHaEnZ4XXMJSEbkd7KluX5pqQy\r\nXDn8ICSBV/lZlOxhFU6wqfVPFGLEkba+mzlmlEVEvfUDdTMSFwdKNvXvCgjb\r\nOk259kLCgPKRzeSdjuhpyqEOmiMqoUrrSHQ=\r\n=ItZW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"d30761453fd80caeae042d8999af672f9c3eaa28","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6b5ffccd9.0","@material/base":"15.0.0-canary.6b5ffccd9.0","@material/theme":"15.0.0-canary.6b5ffccd9.0","@material/feature-targeting":"15.0.0-canary.6b5ffccd9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6b5ffccd9.0_1678729622528_0.9522432301436579","host":"s3://npm-registry-packages"}},"15.0.0-canary.1c8013f4e.0":{"name":"@material/touch-target","version":"15.0.0-canary.1c8013f4e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1c8013f4e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0acdcb0b3ac49ed1713dc340bbb6cc061b087db0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1c8013f4e.0.tgz","fileCount":13,"integrity":"sha512-8KZFVGCu6ptWFefy0h7MuvXpWIN4zRXUT+YrobTOzDqRKL9zcbvDmhd3heMFwby6TwbIibUO0WuaqVNsvJV/Cw==","signatures":[{"sig":"MEYCIQDR55/VQFwdVMFl6t/Fan2AwVmTNfpKTFHRsDdkiwUtGQIhAIYL2oVXkPkTRNL6lWBfvH8DZsHLcNjiL7Zqw3OoD5R9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2UhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZRA//W6jm4QHjW5mwGRy0TLS2igA7PDS4HKPF9pTWlcNFcwcqG7/r\r\ndnWoxfbqXmQwvVMBB6QQsZ4zu/4Nsam5I8qsgXzFNJb2HPXf5xmTy2Xh+Myh\r\nkltQMrYi5yn36cCg9CefXQS5f9OSgzvZuWWxQ334AI1GKXyqkhndDvF1DA01\r\n9b1vCAM+V2Nyk3AHhY/o1pbGbsc/xvtYWg1bGheBssXZUbYOIE72q/vaeWQR\r\n72v6JoQgBgWY+B4XVk9vNQKQRm8A7vRJcRfgCT7CY/mVBmoE5SzbhgIpK3fw\r\ncp2pjQ6y2TNcTsj8vl2AngOfdss1t2NFEMPHPvpaL/LOrNVaO6ymXmUsAQH3\r\njC+/F5v4dO8L1ZnFAFHIzMXZkmmP/TtT12Ytp2ZH3yOHlBPO0NNTF3BVveP0\r\n+vCB7LdCRtf4dHbHJAEzwCDpw7py7KvjTbwt6vgjmEb0vL/+5rCbE28W0S2x\r\nw/YEaxid3Gefvyvd+rZxfn1lfiE23pxKnLpj8DoJOXAO5e71f8O+NHo9L9w6\r\ni4+47dWP6zJuUcoNEQ5vbjvIkFz/ppFkPz0UErdj1CvjdG8llWgWDbGuTdEe\r\nx/udRkYf+KJt2xjmpjEgkrG9wU6Ni1b330L4UkZtXYT14APkdB9BENUAFWaC\r\nb42WLOF1s79luUFfIf1tYZpyJVT6jEkXMHQ=\r\n=0Wz6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ce86f06ff0c2637e8cfa4965aa614efa6bb86046","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1c8013f4e.0","@material/base":"15.0.0-canary.1c8013f4e.0","@material/theme":"15.0.0-canary.1c8013f4e.0","@material/feature-targeting":"15.0.0-canary.1c8013f4e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1c8013f4e.0_1678730529756_0.11719166095903821","host":"s3://npm-registry-packages"}},"15.0.0-canary.112715df5.0":{"name":"@material/touch-target","version":"15.0.0-canary.112715df5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.112715df5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3d5bc07bbcc464e724c7a3a5d42493b85ddfc75a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.112715df5.0.tgz","fileCount":13,"integrity":"sha512-wrFyjSO+ji0BHazpSNvIx0vRKvRhaUocVWU8TZcuZgfgaJ5SQBppEpXAsdp67OiMawluoQXhklsTdpJo/aXqmg==","signatures":[{"sig":"MEYCIQD1S7rRGqx7tgFFHXaTqlIdSzhXRv1hset86w/kMcqpvQIhAO2bTG29/HYcEd0RLor3aYMbvTfE2UNgB8nf0XLk2VO5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD220ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhLRAAmKaNyrgHjmI6PLCtkN99GeeJgkbwAzU5FXJVr6JOF0eej/5y\r\n6AkQVQbV6OkUI4CvL/6GSBKfS2k0Lre765aZQEjzi0aD6VtsTJLLNlGxKNEO\r\noT1HpawnHPR1ciRVaQWxcf59qKbHu4xlT1ZUDxfq3mJB8aU4ZI7V2SPr4hOQ\r\n4tZDN/W6qzCoBazN4jzkYVESSqX8WaiemsaYJJHGs/0PHuzQ/TjicWT2l4U5\r\nonImRUZK9cT4BXHQgxqdj8oguLBg/nArbqwoHObttwGDuJED44qaosf6WZP2\r\nNrl27Y84/r8fTobfMsnSDCfMQ8jeRvOHzXG9N0b4myQtmrNY8KfjJUTvlnpK\r\nJ5Ar5J2bQtCNf/sbBg1tIbgbEV/gwCDYBt4EHcvIy5UNCgETinKlfYQpTnmd\r\nLlbel1ShdK7i4y5PkbFPFYk+rPuEJ/hl6KbklJWUS32Bhytwqs302HyGDrjF\r\n41cA+ozcoP04ENzYJUV+z06odtdasUe1E74Ug33qgfBy4EWxYOYBLWl/exyu\r\ntUb3LQFe0/wvXsIZhIpWniC1zH4xVsYmVO/C+FxnnGDNedcNo4CTn2vAv4l3\r\nNRQxiSV2aQsnH4bbtN1YqZrBNZoCx9MHGORg3obn0ciSzVXZwnMP8ZeEY9p0\r\nvhrezbbs+agaCOeSCrTi+Kpi6Yci8zNnThg=\r\n=UDgj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3894873450b9dff1b92031fcd1d00ed1ec3ba9ce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.112715df5.0","@material/base":"15.0.0-canary.112715df5.0","@material/theme":"15.0.0-canary.112715df5.0","@material/feature-targeting":"15.0.0-canary.112715df5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.112715df5.0_1678732724335_0.3752021720718386","host":"s3://npm-registry-packages"}},"15.0.0-canary.d250911f2.0":{"name":"@material/touch-target","version":"15.0.0-canary.d250911f2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d250911f2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"679474237c59ef31c5b5ac1543ffc2f2bc8e17b3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d250911f2.0.tgz","fileCount":13,"integrity":"sha512-LlQuctfKowdXjkON3B+RBwV2z7qvO6SvLWPmfrcIrrpARRYOpuuXwbCi34x4+y3Ed8xWaX6ekT0ibXRhVhX0YQ==","signatures":[{"sig":"MEUCIQD72YgA5ZSV+mHxGN1tXNn6WrhZeapktvQN98a+7Pdr4gIgUpXRF0HmYcgLIsQojJ4b1vYEDnnksA/C7ZIrLaGI64A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3n2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZaRAAlkgSMg0cStS2V8k1LtmEKvS6HZRuI7iFqjVwH5hK9Rl7udIM\r\n0V9m5maLTpV9PHNb5QqCIUfnEOA+BHYfNsN56spmyl0PSD0azD2tKIQ2lf7p\r\n4ojiFB7fsfOXd+AKYwDdcAUW2U/1YkrhhUze5gQCHan/sCGGuDdZw+QmiV3a\r\nG9nZcfjVIQQyDHW7t4/3UlgaQkJSNUShr01/omQWB/z7ToMaMW4qBACX0s9i\r\nN0EPAn5eb+8BZVni4vHyymCxbM5EiDNbbPBFdbsv6apgrH9sQ/u+E4KaSljH\r\nwMKGzgs129qDN3Y9IZMBXRpdITUQmmkLVPObcbpmQUhpC1wxGGicUhT8/G1T\r\nvqjvTT7e8VeSSKPGj43YlATqIcts5zwDLeIHo8xdUihWUZM9ePZCLhlR3N4/\r\n3bJp973vLZj7XjW/SevdN4hx46OJfdmbq3iUQrL2nMOb0IMG4b+AVLaBiat7\r\nuwRBg+JzzhEFPP/gCvxGIQHk1g4JvRaOKdb3geqyLHpHv/0eYJR4Iz86NboM\r\nNN5DyoWTbEJn+wkpZNqVGbjQzfeRi8Roq0W1iUQwYH+H0yuImj6GmmbUUOiB\r\n3zVrjb5qp1eQ9bnzPOtlWWHGkTFX0kBgiw+L4BeUCMQXkBP5MqQ7v1WmdRP4\r\nFok/AZjCn4AJ3GqFKNxiPaJv30u20yh0VV0=\r\n=luK+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7b4ac246b31922fb4beb9ed168dba262e499c271","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d250911f2.0","@material/base":"15.0.0-canary.d250911f2.0","@material/theme":"15.0.0-canary.d250911f2.0","@material/feature-targeting":"15.0.0-canary.d250911f2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d250911f2.0_1678735862629_0.14450137308727506","host":"s3://npm-registry-packages"}},"15.0.0-canary.7cd925c12.0":{"name":"@material/touch-target","version":"15.0.0-canary.7cd925c12.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7cd925c12.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c530b4ba2356abf119f027b57d45809527291e99","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7cd925c12.0.tgz","fileCount":13,"integrity":"sha512-jE/qwj3Aqv8zeKI65mqMh7z0CwMSc/OhW8wNYnKKcGG9+Pvv9+pIpBp7zwfQtoOvamxsWn3ehB9doeVDsk5rUA==","signatures":[{"sig":"MEUCIQCE9lVaZT/bpKPNe9wQyT7Ndz21dnU9W8rq6LKJR1Le5wIgSNHObNFAdYU93VNgMaGgBpVbPWXlv/70ClpCOjlAIck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3u3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAIg/7BeuHDY99hfrsDJCXcUK2g8DroB7JSkr/1S9andqftJqDkv4t\r\nQocfvXqAbHg616uMwg2+1QRd7juaO7ou+z+8u9IBddmWao86pboiNm0LRbjM\r\njEeazfafeqCmKMf/tp/KysCUpLi4UlXfmtOEftOmeKOveFtfZVAezPN2QA7L\r\n4Ethp/tSovy3xuySoGpxuIyG2Sd5ZBhJUKerRjd9Wckw+loHh8ZfGzqaSvDo\r\nlyTmYKkW8YK4CUE3Mp8fqwxs+WTT4Mk4oJY4iFMq9O0UkmL190xu9C8BdDnb\r\n7/sNKZ14x4apvW8tHG+2WNnWgMjCDwA2F8usW0V3NlKFJffE5HOu6lU1sHrG\r\nQzWPX5slZxEfFmky6J+EvaOzQWgshGtdmKgY6AfKPvnS8zGE9BxJxehnQdqG\r\neDkuPPvrXa6ZQC8LOn5eeiuaSF5B4lcqcjKeOUJwluictPSkpY0hN+PgMdfh\r\nIrehl4eeOlTC1/Af0iMr05yCpm291fdbbjfvap8cbSWyMBSgIBwiIaLYHCwT\r\nXDeUY3cl85iRcdHlUKLU4XC/AXKTqVKQkiyjbFaNT5ve5xut39+HMLkyKmbK\r\nLlHPdTS/CnnENO/E4DswSU3WOLBYEmwyxN3+zuiQgsNTy7PbxB5dDHU0Tch4\r\nI38+Bdj97F/r6gkuAb4vuxm0krnc5UYl+u8=\r\n=+7os\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"96310a5c80e3e92695b6d6e2933e9b0c82e58a20","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7cd925c12.0","@material/base":"15.0.0-canary.7cd925c12.0","@material/theme":"15.0.0-canary.7cd925c12.0","@material/feature-targeting":"15.0.0-canary.7cd925c12.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7cd925c12.0_1678736310847_0.21725957925274586","host":"s3://npm-registry-packages"}},"15.0.0-canary.b2ddacf73.0":{"name":"@material/touch-target","version":"15.0.0-canary.b2ddacf73.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b2ddacf73.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"64e24b5cd47b58be0f19eabfae8ceb12c84bc91e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b2ddacf73.0.tgz","fileCount":13,"integrity":"sha512-7c7VnpkEQd2b/e8rPydclKMabw256RQO/BD4U19kvyj+yI8Q4G5KqaR+Pdedq/w3P9UPnNAqX8FXUgtxRy/lYw==","signatures":[{"sig":"MEUCIEOOuizpXCPAkNlXKCIDni+8z5EVH7GICTk+8K3h/6GDAiEA5ftkeob7xYv9IfMu85r7XhbYcgi7gQgtssE+uQBrtEg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3zCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrdYg/+PvPiuwK5gmEQqcP66FLTVkd353N26EWKVOV8ruR0GhDgfrUi\r\nrFYQ8w1YypbAomXCvkm0B/PDxqStKlhcj5vAHItJ1jRqo4DJagoVV4QTqoUU\r\nBsFFN4XnBK9eA+rHxv7ewJc7Zpx6XdvbTPwtd7iUyYUUsq2uKWLRRIdj2AYT\r\nrICUKh8GzvWkX3fiMyjORj8hNR7s8vNh3d/zbnnYJ1+GGQ3x1iPzLMve4Ja+\r\nMu7hJu7x+UyfkMWJynyeeO6wG85jo3xfQ5r6OPylTHOvk7y722eVy/MD+hK8\r\nY4V9Jc7kwwuTHqBbiLicQPnnEMkHmkKWZmUvr6X8G6exrDg9ShobG6EwELHV\r\nfPQYXKLuzqBeMBNs6G10zkcYOok8NasBIn0EgDedJGcBWAL83w58mj31fhs7\r\n4sb3MmvL2qBbBbAJTHNl/JUwwo8apH+x1QF/KIaVmirIc3wjyzi/DjaU5jCi\r\nRu5gKKFLf3RFydP8zRPvihpp17FIORld7C5R7GilzcRxBFVeGpl05lpLFWsj\r\ncpcS9dfeUDW/oc1u3MFciOeKUnM0hBnm3QGVik6ASXXQ2DEUxlkKX5USJ6SK\r\n+VfyCqIghiuYrH5qJt7mpLqudwyht+DCQWD/vx8nbBobUEHh3lvrooA9s9u8\r\n3QfE04+yZMcLZUWhS7HBJbi/6WJEvOKfXZg=\r\n=9k7T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"860a6f0b439760b894931fa6cb354412764bd21f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b2ddacf73.0","@material/base":"15.0.0-canary.b2ddacf73.0","@material/theme":"15.0.0-canary.b2ddacf73.0","@material/feature-targeting":"15.0.0-canary.b2ddacf73.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b2ddacf73.0_1678736578443_0.301199350136234","host":"s3://npm-registry-packages"}},"15.0.0-canary.989ae2ecc.0":{"name":"@material/touch-target","version":"15.0.0-canary.989ae2ecc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.989ae2ecc.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca06c77e974a7c8e8a188ab1b1bdd53cc74cae58","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.989ae2ecc.0.tgz","fileCount":13,"integrity":"sha512-mn+qstQX5oG4agDgaWcLQecJdk/57jOKxChHcCLV7uIkucQR1DNuj0xPO+kOXV1TjDczbZtkMMRLEv+84m14WQ==","signatures":[{"sig":"MEQCIHWl0UjKdZudbkgJ1htRB6uZtO68MsqasmOa4A5Y05XqAiBToEnFfle3oc4KtBEnCpy3MM9gfbHxCw8MBYa37NCfQA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD37rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCpw//Q232CJWfrEwXYFZXou2i2YqGI75F2HFLx9ImeYhkjh2e+KbD\r\nW+9oB0k2tc0urwX7azT20No8UfQjKClzoVX31Gzv2vdgAuSek+TF0Nm1lRhz\r\n6BJ8r2uMKe0jqgmctI1nfYWND9ceK1p+oABo6F7DX1odm6gn6JIygN84ZooV\r\nBOcYqnxC7M2RsJI094KMmzKndjcLxFORmoy9PvN3OVP1mpyDCBzAwJ4DPHUH\r\n5k6vX5DwtcrE/wnrfFmd6p579auY15LQy8XhOZAOdIDtRYlNYYwGbHVe+a69\r\nlskIIi0AKps5DaQkR4TFwM5Um2EFlWUyXpvd9xe1AAmgcCmYrdkWZwRWIhoY\r\nqYQHElyYZD6weE7RyM83KveDcPLRkPh6ym1z5rDJuQDz9By1BvHGaTOLLLOK\r\nWXhfD6uS74tHefcRkxOqF0lI6qwaVAVM1ymUpDBTX65FycMhQc9ZzRXwkTA8\r\nKA+4HxsWCX1zeHZYGmT+2KQz9doh6rvfvFBFCGe7p58PEFPgmmI5E+pB8zVI\r\nZCZaGlZG+lcWb8xkNh9diWckjm6agwcaMlQh8xkG0nFdPwqR+Cb+HKxRpbvc\r\nCNC2NmJp9VwkNkMo1uDPpp0AzxisFdpHBaQQsDLvO6hzj7fk8g4M+TL3sU9Q\r\nDao5Q2Z/XWoFX5QEg3mmUZY5WTLmQYaL15o=\r\n=hWLv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"52e0f05ff74ddff1d986b27e08df13644c056b63","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.989ae2ecc.0","@material/base":"15.0.0-canary.989ae2ecc.0","@material/theme":"15.0.0-canary.989ae2ecc.0","@material/feature-targeting":"15.0.0-canary.989ae2ecc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.989ae2ecc.0_1678737131535_0.09157828273964386","host":"s3://npm-registry-packages"}},"15.0.0-canary.89c66483a.0":{"name":"@material/touch-target","version":"15.0.0-canary.89c66483a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.89c66483a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01acf1cd7bb5aea7e80f81273118b2e4e87e7664","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.89c66483a.0.tgz","fileCount":13,"integrity":"sha512-jvhOVf4CeGeRHQflfy6mNltiFKZxb/PE5WO7Pby3VrNUwgKlbHIfXWq+k5ifw4k2Sed7cPqLeVy9dt5hYr1K9Q==","signatures":[{"sig":"MEYCIQDzFe20yGg1y2J6Nbs92f/JGeikHXE1sPgmmSPY0flAkQIhAPkPYOwu/2gNExZkF8A53fZ5L+3Or3gs52SeQq3L1QP3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD4R/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4lg/+Oj7DhKTU+XkHo0KSqFntt+3qSvPPrloISKsNF9UGwBe4bYpz\r\nckZpYjt6vWhvg+JadzafE6xFXJPvqgqS0l1G/7gJC+B7B1fOLjksc/9TSCvX\r\n5TsYxDOxvIozrT1/FXh0SPpmXaNlzRZP3RXIkXlClG/4ovTCYIp70m+WYf+X\r\nzPb1ZynGZj8dgNJRnakhCxi5aYzYOpUMU59BHvtN+Sp9AbtB7YshJ9+6N4Jx\r\nklZqX0hpJHr5/jNRBzc76qigwVTonLhp6GNpJWWAmGmY3M5cmKHglcq0pISm\r\nr42Vjdn7ssmAHPPyo0Dm4ePnizpK2zaGyIo/LzxlqcAL0sF7BxdwU1/cRqkv\r\n0SgrobdWPHLNgQW1VNMj1trHxKlCLD4ztucid3NEXGwVhqvz3L1SVsEXxJee\r\n1tNSC4LJcWiZeEa2oHH/BlYwCaCr+PZxpMturPITmIVGu/6+ZF4hzh88/QFO\r\nSUaGY84JiC04PsbtxLY9460wnBAA83oGGdAzmr/NqBBEw5NPz9puw7rkOUOK\r\neX70/rpnt0sWJGLi/hItWrJ9kfrnu6fCZIEoHfpA0AWrqi5mTctwZPQ/QFUZ\r\nHwog88ORM/TucHfJWmnZt9GMgPwhUV8GzFau5zDKDbCILmwfTL/vE7vt2dQG\r\nOCuhvU9/oRXMpflOfOWNzJ7OKzcnzZ714Og=\r\n=ziAZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1e255ddead4716271020e03e9b0b302eacbc4153","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.89c66483a.0","@material/base":"15.0.0-canary.89c66483a.0","@material/theme":"15.0.0-canary.89c66483a.0","@material/feature-targeting":"15.0.0-canary.89c66483a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.89c66483a.0_1678738559127_0.3470680394314236","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a85742c2.0":{"name":"@material/touch-target","version":"15.0.0-canary.6a85742c2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6a85742c2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3de137742b359e2ba4fe754a95b1123a868959bc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6a85742c2.0.tgz","fileCount":13,"integrity":"sha512-KBVE2aCbuR/dgG4YpB+3XZ4xctNaOlwhvww14STillcLVuwLotVV1boQ1Ik+1ktMhsKf3FSDyvHW7z/vHiUpQg==","signatures":[{"sig":"MEUCIALyNC7TB3eUPpArOkFgWMV7OBfc2gXN5hJl/blbIDCOAiEAw+0djOXsAhdSRhds4z59P2h24liH5SrsguYBwZ0MYME=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD+AgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLDQ//XGSbeG18MVWomuuEf5LpC6RBdBaHpGWtkt+BYjkMxXpt4Uax\r\nXtDVnIOD/wvVpnnqxcxRuCF/BzAAXKlyylA07BXE0/8DpCONwiAXTIOx37jn\r\n131kNV9QZvwpakDI2TjWYe4WFHbOwKOFDNohzqn1YTnmETp1zJ3jG2O+XJgE\r\nMH2N6sqdx0IyPz6F70rNaPIYKtPOSZ+0UUsAFYGbqaBIzsis++hF7+9BvyQd\r\nIu32YQV+SmzpHjFKZWwUejG3ydBIe552oB5uWj1jbxMPXfSBbN8gia19PX0K\r\n9i0BDPzvrUHSu/mJBNqB9uN4NvwpUBYjIVoGJowr55N9AR0EtSzcf8QnWMta\r\nAKdrYmCXsvdOzdYqCBj07c1eExR6KRiHMXKrNxZP4HkfAGR20EhiO7ZV9sHp\r\nkodMCp1rtUjxgLkcnMcSTTVoyVUSYjTLLMXVvIF3auVJkreB2w0bxUTn8TUr\r\nSqmHOcvpF0HErTGzpVfSV25ZyAHLILLfhYVFznbNE6l2NuSkNo1EkeYGOtQq\r\nuz61qZrRe8ZsqhnmdDJ3KWrwmssXOWQ3ABCHGfQcwXl5rEin+bAnRuVfQSDr\r\nE/2EfYOsHXEBYL4gRvI6cvkBNHnjGnbpg36Fz6kC2aC2WhvGdoPfosP6GDWA\r\n7wTUuE5TospqqOEAAYmrPZDAOHGgr31RXjM=\r\n=+t5L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a2a15aaa59054337e585758eb160d9cab97224a2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6a85742c2.0","@material/base":"15.0.0-canary.6a85742c2.0","@material/theme":"15.0.0-canary.6a85742c2.0","@material/feature-targeting":"15.0.0-canary.6a85742c2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6a85742c2.0_1678762016339_0.2139174379030213","host":"s3://npm-registry-packages"}},"15.0.0-canary.bb6cd78d5.0":{"name":"@material/touch-target","version":"15.0.0-canary.bb6cd78d5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.bb6cd78d5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea277f3fc8b6db48536155d61d080b1649f791e1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.bb6cd78d5.0.tgz","fileCount":13,"integrity":"sha512-Bx+J2r1KolrggGJls94NuqiKliu5og5lw+EM/b4and0HldZATDsjRqaMvApGMrl+U+Ge3eo4v+stm/QkVTo0Ww==","signatures":[{"sig":"MEUCIQDZ4TvG7lMJpY5F6meToAgVd+WAkjZj9DDx0WCbFbKxBAIgVAiDWcqHy57AFSccHygVpJYjNGM4AA8oyzXyUXXDwjc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELnyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqn4A/+IPbg+iKM+jyGTvaDRrlWffLgQDFeuq1Zgf+imNut7oBb2WNf\r\nJQ9yeWBghO/tNMyYwr49XHk/7W30KTUymP+hlKFSasPQO9dZ3P4FNDkWlPFz\r\ncKBLiuuNpSddrlvRpGdCBhgwKi+p2/02vzf6PAh+6aMe8tT0Xwf6ClAa0kkA\r\nsdL/aO5i84hcFRn8IW2sBPBtKYxbpEKWgflq3UVq8VntmoWsz0a7mYN1qp7D\r\nqF7vqkX+nBO5+eCtBEkJqmJ0xYcW0NGbUXf342QY0JzLYP+D016ag5OH+VRO\r\n6uOEdkPqD84/RjW5sjEePRtqXdIxbL7aZBfUqzDyEXviakzoRisMmanxtcfA\r\nO6SluxRVncHsHr7DGcO17YfPnT0RfXhuL3ztUjXmjvbYTFdsydF1XwjqaKYY\r\nsIAUZUFMlvysxHyEVuK4GSq0Ft9EfqQAHue86EJEUhZ3T2DLZA8oqE38M8zV\r\nxpTRtpQm2Ptt1ojzPoOozJeggHVFgKhS1+WoYVr7EbLJZoN1dcMTgyRPTs1h\r\nM1GKl20ZuKxGuoVK76NRyvGzt92MTmnhTRwPfpKpbewO01mmDxNM2qHt5dzs\r\nPBlvD0V8FLfYDQeT3r88fjKwoEo05XmDZ3WUyid/8deFyo+83+KVt9ff8VVT\r\nBIvWHUBFmmGwnZr67mflI2pZ4qyBZiQD/K8=\r\n=OvwA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fe016d599b297e4e276ef5b37b829b25f0607b93","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.bb6cd78d5.0","@material/base":"15.0.0-canary.bb6cd78d5.0","@material/theme":"15.0.0-canary.bb6cd78d5.0","@material/feature-targeting":"15.0.0-canary.bb6cd78d5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.bb6cd78d5.0_1678817778546_0.17412468517634472","host":"s3://npm-registry-packages"}},"15.0.0-canary.5f94aa37d.0":{"name":"@material/touch-target","version":"15.0.0-canary.5f94aa37d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.5f94aa37d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ec5a4d1ec30a52e5051aee3098226180d40781a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.5f94aa37d.0.tgz","fileCount":13,"integrity":"sha512-46qkYNVxL4YjZ3NVFxwVUjSPelmcvzceBCzjufjQjidxuhGYrmJRjcCNdUAxg9n5pGpBl26QZgonPnZBc3uyvQ==","signatures":[{"sig":"MEUCIHB4Jbs1q49CvsxJ9h/ySpchj8XcGRIMkr/T+DOUi83hAiEA4e1FszkXIsILk+mFDqO3DMFTkuYFUcD9ieZN0D71tZ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELq+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmreuBAAmvWoCCOr39dxG1r7OUf5Ois6oBeWVyxz9a53DevWEy2ibsul\r\nYZ9+Ycum+hGvAtbG+NLL6v3ZQ8nCjbPmIRD6oA9y9PaOTQOcP5YUi4hFi5PL\r\n2JnNLbMoP5yEOABTnNYb9SSdoChsN9/F9OfnZ0f9A1rTi/8barCiAP5/f1wP\r\n4QgIq9m9/Kb5bf02baKEtWAzq2HTJxtIMj5jhgJqEfZonZCxTepT1ohJKnPF\r\nEScyZzraSFDb7hCGrrMI+p5lBwvRuY/DWBTR4j7FI5S3WuUzzAxtqr0yh1dk\r\nN3kZNWDl1AyVG4HWPz/Ny3p+HXD8w+OaEKm5a0GerV4/ccfxUNiYBMgy/35n\r\nHF8V4nq2mFUc4jcfmTAoG3uTJ/n/oRglxZuTIvChX791kNnwGmkWHtK3S/mi\r\nSPiJOsb4J2JL58vUd+h4S5+N/nFvCTa2l+czp4LxkfIboF/MNenB/kQlDE6A\r\nAeR40BWZFhNMvD3tyvd/TeDoNxiReAkqbZNdZFsJJjDODux5Hb2IpDEH5Re9\r\nO0Tsox051ZC3dmU4/kQJtNa8vi6Svv4XTOTbNqOKExb7JszUkX/sVshcTQ0s\r\nH6KvsInstj2ACVTEQhE0eBTbLZssR025ywTuOuMWKgpC5kfxhY37zCliuhJC\r\nNnd/YTljnndSgw7x27JCu3wLoRjO+0svczU=\r\n=SPWk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"95db647ce856eab6b1eba2fb1794f3b0dbc3dd08","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.5f94aa37d.0","@material/base":"15.0.0-canary.5f94aa37d.0","@material/theme":"15.0.0-canary.5f94aa37d.0","@material/feature-targeting":"15.0.0-canary.5f94aa37d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.5f94aa37d.0_1678817982680_0.4684446271857503","host":"s3://npm-registry-packages"}},"15.0.0-canary.1bd317240.0":{"name":"@material/touch-target","version":"15.0.0-canary.1bd317240.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1bd317240.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d555c73106d62375f40eab18a7ad6227143c7f6f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1bd317240.0.tgz","fileCount":13,"integrity":"sha512-t6j2C9kdEKgz1IBvYbE7chSIcUI//ayo6RJfgabVzHVV0fFVrVeV4BV8jI87sluMUSR8p6Qx73roB907eHeTxw==","signatures":[{"sig":"MEYCIQCO+oU10PeLwGa4MQA+qGydtc+rxsBft9OSOTh1TYFUSwIhAJXe+s6nNYa1JU/B6sFIuSJg8g8IepRlHyLIocQ38kMl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELuiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYQw//WAka1hguF8LDKXCcRInFIfpcBujlzitgztfJgQrhdBBjNe+9\r\nBy+l2KLyUjVFPK9iHRxpubXdaAeP9Chm78F+z0ehduNnqqRb+h2iaNfYu5y+\r\nNw5fk8iFnEZqInDsI1ZUXMhTeKsBUOQav8jFjcusJ0gdho8q0lQIWCOfGYke\r\nbAWk7p5z33OC5vI8CIEn1uW/8h8e8PI5GiMd2aD+KNuyXw1QPBsOchTO0fiV\r\nR9u0a5IcMVflmJEreXgmaeI5H+TneJBruhOY4381c960SCf0lwzhLkMpBPPa\r\n6aZrzvoKyBOECV7ETG8zGS5g8SbfbQyxJKy2PvhdwRU0TPk01bpz90YlOfk6\r\nKrTDLaLFp9WtwN2ylG+xeIpuYy6R2fNdrN1z7tA7kPRDRdrsHedeIebLtGZy\r\nwN/sjWR63rZYypxrhGzaePq7QH4pld9wPMbWmH4ruprPmWgcYE/uy5t4LR+x\r\nympxjKQTtQuZfWs0MC+wnd8f8aQpuKVBLW+Cj6UbhrIVUiSVmE5vTHNxjDu0\r\nHAn845y8nc2zxKD5trem2rVCZ/VYi82lOvbh0J1L4ZkYD4jzPzIYhmuq0SWj\r\nqe9+i2SgNYoXjEtoHWZ/cqfyshZQWBXoQEpcNT/FM7EmWYRx1NT9haZb2ZkD\r\nZjqhxgxHyQpFFPnwjXnwwHtTUIXP1i46O9k=\r\n=Bt6Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"eef3d63106c71dffbe823b04d07e86a84dfd4d42","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1bd317240.0","@material/base":"15.0.0-canary.1bd317240.0","@material/theme":"15.0.0-canary.1bd317240.0","@material/feature-targeting":"15.0.0-canary.1bd317240.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1bd317240.0_1678818210060_0.34247272407517904","host":"s3://npm-registry-packages"}},"15.0.0-canary.d441d2a2a.0":{"name":"@material/touch-target","version":"15.0.0-canary.d441d2a2a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d441d2a2a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5f74e343b0c7dbf74a666b49bfde2d6a26e22a5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d441d2a2a.0.tgz","fileCount":13,"integrity":"sha512-xEKFgOymdDqhihbiU0FbPrP/ULNu8HBMwOjHHeAU7LjpKAqQngS9bkNOeoJimP79hP5wNAnEAGNa2F/bWa4dKA==","signatures":[{"sig":"MEUCIFeoZTHZutLXOG44iJYScj0sHPNQf5Z7JnecgHHFvROsAiEAwnq6zU5NfSLRBEvRtoU7IKJBny5gOuLDEyqYnjd+Mw0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELw/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrz8Q/+KSSYxjc+ilJB/eDCKbh7Qjr7Ws6e77s+eEx9idrV3ULPiMOn\r\nWWZ98sC8E1sArJESpyWJjU7CWVps9YdBmQXiRUA1es17Kotl4SFDspbjKKt9\r\nAmPmIo9XSpJmDVYOZ3HlvOl7MICRP7ejomqkGRmxLKbWDNyTjxK7O15QQiwL\r\nzmuBwzcHsCy4tdvDdsmf4xRTsCP5EGfNwolLAWhzdi16BvPJDBm1c6iUbYIl\r\n2VpxBXSDrLgOwJSJf31V0mL3BuODk6czGRyaHF0TR81D5g+oVr8M82IoL369\r\nPZ1MFlL3Jl5xinr9gyX4ttYKskB6SOpnkykSF0icZYfEBEnGWb+CMO6p2rvZ\r\n0I/uveHRPTzT0FMLn6qDyV6w/38Sp8dxB27Sqt2q9vA7P8yqt8GiKK+X0MSo\r\nmxQjPadSGLTWydMfk2xZ2ZyD59GPBOhwI7CHIEPWy84oLyGohk6CUKIhP8Sg\r\n+Dc85/rfmAqSJucG7IK2eU0K1lDID8j9D12o4987n83j2LTCek71b96OePuW\r\n03YA+sK94+jRmhcxXeWUu9zqPzgtW8wbyvBCtikDrx3kG26PPp2V3NheWTV1\r\nee6JEVN3Q8sQFDtifcqC+cm+jSDkhVauYHN3McHq4mo1gz7gOE/FWYljCz/G\r\nfNLNCLrtVzhTXBulPS0gQ9+cHKVz/kuWohc=\r\n=7iep\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3a1d95c90b2fe34c5c04e44571f94badd66748b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d441d2a2a.0","@material/base":"15.0.0-canary.d441d2a2a.0","@material/theme":"15.0.0-canary.d441d2a2a.0","@material/feature-targeting":"15.0.0-canary.d441d2a2a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d441d2a2a.0_1678818366848_0.07744146728173606","host":"s3://npm-registry-packages"}},"15.0.0-canary.fff4066c6.0":{"name":"@material/touch-target","version":"15.0.0-canary.fff4066c6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.fff4066c6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e654f49a7521ab87b406b9302e2dc11066c0198","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.fff4066c6.0.tgz","fileCount":13,"integrity":"sha512-7R4tN9rQfvM0R18uWH1Xq5v6qYa5rO09TD4IiN0vbnzxkzuB8e0KFANqA1uCAKfCWyE1qFlZYCLtiMwVluC3cQ==","signatures":[{"sig":"MEUCIQCcKG3t2ulZm1Sutbl2CsXq8uxLtIKmY+1UPYgxbmj0ewIgM+D1wNL8l3huX/mHn5dY9y45pBnZk505mGZOXFbmXnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELxiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzZA//VCFwTMt1wvxF881psGYHShhRMDff6JMy7ZfWdIiP0tuu88w+\r\ntOHYLQUSQniTAGAJlqif7A+8+r7ULSQKq8QnYdVKJgXN9anZvIIeHMUZ/Cfn\r\naNlfiH2Pn7lNchpxjP8J1EmVrN71hylKx+FIroCHMCMbdTZI4/qXQc++Zqtz\r\nDjCQ8x9Z/GpCfOuLFxp5DfWGlUh06hCO1WutDPKEsuGmBBXzApQB/JvIJQw9\r\nMkhikdghYaSg3yr+wbHtai+sUnE1M2ZTn83gFfUuB4xegGNdCPj47oDVn9vp\r\nhdymY7sde3oRDbRrMzSi6fHJw5FZHMGrHEL4LKrtvyJwHDsHwLStJcqffoit\r\nQtH+MwLk+PXaKj2gNMiODZwUf74wrTfj22ECXRy08+Xw7usYmYMTo6z6/XFG\r\n5KRMQyFwJcHsGXZdoLiIzzrUWvXFDr5ZBfjlsnFLJzkmSGzwbx2V2fk5p+0p\r\ne3FtQAhbdbqddZCjdGAVKaJfevODmfljtgahmEvp600BAtX6uoxbfFTF0KQ6\r\nWMBYoEXVoo/YDf40D6UECqdYWkUZOvQyby+JlJRUjLsil252hiqFxsNO8eXV\r\n7WFlCfGhHja0+XGmTL3fVulHVmM2EsOpzRDYx05S/0/LFUczLbt4/HKh//i3\r\nrCWzLnPIq0WuoDN4qwnMfzOTMZCsb7eLiGI=\r\n=a8pT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9d24b185ab8c87061ad27f4e7791690a12e10135","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.fff4066c6.0","@material/base":"15.0.0-canary.fff4066c6.0","@material/theme":"15.0.0-canary.fff4066c6.0","@material/feature-targeting":"15.0.0-canary.fff4066c6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.fff4066c6.0_1678818402347_0.7562511457039331","host":"s3://npm-registry-packages"}},"15.0.0-canary.87809c710.0":{"name":"@material/touch-target","version":"15.0.0-canary.87809c710.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.87809c710.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"30bbdf790b25cfd8b7b8a6fd723b4637b0d8a192","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.87809c710.0.tgz","fileCount":13,"integrity":"sha512-vCYsrSrgmFEqBXmtUO/Te2JA3WmcK4Si3MsHxHNq0SX4GtUj85E4LSoe4YhyW0eQjZyut8FE4abdaGJioMq3PQ==","signatures":[{"sig":"MEYCIQCkU8S12+FO8Bdpo4hI+k6Bj/Pq5wnywVE0BjLNingHDQIhAOcU4mlbr6yLrFIm9wQjoHbf3yYNfAj4M8dbMuOAM/yg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEMAwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowOg/+L4iImaYubCnrcMaw7ujzCBrnpCuw+9ZHubKxzeXlGBpPRbbk\r\nLUrS209rnbyc3GmcDJ8SrkoWDeiCyOXVF74F2YvDcmIpE8+qipUlpBOPUnEf\r\nc58swgDhDnGT8JK83Tj/gc5TUHHNqKVHQfiYMzypmAgNTSduFcyKSTy1psp0\r\nIZOQFN8OYvnkgNPjgmMgQZeAYXdgTovLARsXZfdtNzjeRy/m/246VWYxOvQ9\r\nneEu+Tt6PnK7KqSZR8XJTt4yEH8rZRtQdvrQHW3a4fxtG7QhFEo4YRBBl6zc\r\nXqYWkIPV0KQJjJZD4wSEyr0QSW1FrD40NFF9dmU/e9Ab12YdEtVyl5HuMHBV\r\naz4HVPcyKjrPinHM1u+13zKu05eJGosF3VhNcf8hDfMDJ1ez2ydQCUaV4Dql\r\nv/8N40Ne0Tsu/hOklSvg/cVKNFEQ3czaOm4LPCoRAhjfQFFrwBXoPF/T5GQ6\r\nBXaKHSb9KtIzFCUNV4INIlbZ+MKTlELTbwAKE0tdeYLAsI5smZ1SYhKe+isA\r\nonaSSSmEijYYfBA+bQwOh9AVj7rRNlpb0oPKL7MLnWpCmeTa5C+0CUX9m74K\r\no4Vn7/2JeeiHW7kkto67YgmjRcMdgRaV1Xx+33sYqwXmJs1A7TFyiVvUwQ5U\r\nKehWW0a+ewv4HRMOMJebNVgGzt8fQ3O4Lk4=\r\n=wufE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ac65d4def7491c4e414883c6cab7e075c7374b4e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.87809c710.0","@material/base":"15.0.0-canary.87809c710.0","@material/theme":"15.0.0-canary.87809c710.0","@material/feature-targeting":"15.0.0-canary.87809c710.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.87809c710.0_1678819376547_0.1868886247514845","host":"s3://npm-registry-packages"}},"15.0.0-canary.48d30012d.0":{"name":"@material/touch-target","version":"15.0.0-canary.48d30012d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.48d30012d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b15d1d5616fa7ff138ec71845c988eecf1cfc04c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.48d30012d.0.tgz","fileCount":13,"integrity":"sha512-S7qjeWhePSlmfPfaSXCUHQ4M9yZkFBk5Zd7GLezvFAGNqBokY5tJgcrYfqUITF9OeOBN53NBgc5I51Hc9auR6w==","signatures":[{"sig":"MEQCIDojx5ajkwQZGFv6jy0Z7/V7wgmltupMKcu3Uv5c0TWaAiB53IM0CCsdiPmIoVphG7XhrXTOiwbtksECRyGtbmiBkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEME3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAiw//TfWRsVRaexpRZjnJkBm8UtAwy8mJzpJANF4KuhMKict7WbtW\r\nraucvUX9wV8cF6L3KPsRr31c0yym0KY81cyrkph2JoZT+FpBChXhEhd9Wjrb\r\nOHtXYa7+SrnoiI2kiXOvEPK50syw2I0z7ui87ySYfJbWEwYNPhymafkzNVoT\r\na/xI/FBVh4vNGpYe0j/R6qHzpQrAevtMpFxQvKimbAy+ztuXZYDrltchCjKq\r\ndQalbKrZ3XmGEPmM+gEfEdTRo2I3nTatzD/c1xBIHxsOvOrLwnV1H2+waygC\r\npuLOtTEdIGhrolJnG1gsADNFFPkpfRRxrIydcFTy8J5qLYMbhbHI2nHgCaBr\r\nQkCJD/lFjXGeidYSAYkykVLWePra4uWgsxCXYh56UJgJxVlTt5hw2UGyxnsc\r\ngrdPL5gWDTbPVB4ZrGi4sp0eZW4CagepjXYCEmpZHA2pMxpcdwY82nap4O3R\r\nNaYHoxGMKmH9q1FvwUE/kNWtqN/Debpx31/E++P9YZfHQhzZpiD2s4WgyMf8\r\nC5HUaOO53Cp9Vok2v5oVh4+eFau6PdJnulAb6Rhr/b+5rXprhs8t5gHSL/Ke\r\nMXPLwpoDm+hvB1xP1ezjLCIDAeB4K+yF+AZypgmn1sPumnNgWurAMN0JsQ9/\r\nKDTp00Cq+fc7jCVyDrLHgpxeebta2Xi+8rk=\r\n=XRJc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"f2e4b43d20ea58b52a223d31b8dcd3f813d1babf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.48d30012d.0","@material/base":"15.0.0-canary.48d30012d.0","@material/theme":"15.0.0-canary.48d30012d.0","@material/feature-targeting":"15.0.0-canary.48d30012d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.48d30012d.0_1678819639528_0.7425218041347674","host":"s3://npm-registry-packages"}},"15.0.0-canary.419b23cc6.0":{"name":"@material/touch-target","version":"15.0.0-canary.419b23cc6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.419b23cc6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f3f35af740a766eb3eefc41e442292628f10a68","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.419b23cc6.0.tgz","fileCount":13,"integrity":"sha512-Dh3mrJGj6i0o+FQRlRMy/b2EurEqQ54kM1LvB8IDanvKhA/7k24k6Hxtk8zFZczWSEOyMJqA2Af0n3G9cOyHRQ==","signatures":[{"sig":"MEYCIQCG5kyUvH1UI9vU2aGXcUOVZQPmahehBkW9FemH6IhG7gIhANss0i3UUAebogARgrL4QE8YVP67VEtlUE83XLLBOVaF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEMPLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFMQ/+KFINILilyYt7LvN2mNGICsfK02G4V/xy37suafSlp6dOwCUo\r\nXlEPp5a+gQX3o23vxNqj4X0vUB+PZ3lRVFdKSv+CL5q5kbXc2QqJb/YEQ8vc\r\nvEf83C45ejDikpLXyf9ICQxcjID5YoxQ17N3qwN3zIIAB1jJw3l0GbG9VPyZ\r\nLPd5R1YlwrVoOhcprKVE/CLw9oydFfvoNqIzNtgYOqsTaPrNBBNfuAhF1lk2\r\nSOSZXnRgTQFBmOaQ0E2Zdytqdj9eFGNzeKZnv4dYrDkCUeuZS4sF4Uxn9xNf\r\nwmv1ck0sm/o3VC2Z8ELh0J741vin/OZmvM/IYYndYCWJ0I8wPHcYSE6qn2/1\r\nHwHo3M7dI0SUSpevOl5lpZ0FrLT2xzBY8C0iQoBl0ke6f9oj9Cq9K9Yj1qkR\r\nIY7zMC83b7ImXxa4dd8v3KJSUsbjHn+PfbdOYu9RSd+HpkOb+67YmY+CT6XE\r\nESEbT9K6MG49sgGWZ6T3t2IhTwiE+E36/V8o/Jn0LOLxs2eixAAFOA/ImASb\r\nCWwoYhZfw4JboXv5VT8ph5MnFKmm0jLf1HX80EAzbnCj0jEj3WEN6R5ijNNN\r\n3wxg4pqT6vcHuNrTaJexO0P4YipgXq3UjbzzYvvWkZHcxKKoYJu/bN2Es7/h\r\nIrmexnlfRPPeyvQduKpELm4kBkDwjw1GU8M=\r\n=8vgF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3b1188210d22a02ba5ae948779bf92655e47aac3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.419b23cc6.0","@material/base":"15.0.0-canary.419b23cc6.0","@material/theme":"15.0.0-canary.419b23cc6.0","@material/feature-targeting":"15.0.0-canary.419b23cc6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.419b23cc6.0_1678820299104_0.008463132923832495","host":"s3://npm-registry-packages"}},"15.0.0-canary.bf86521f4.0":{"name":"@material/touch-target","version":"15.0.0-canary.bf86521f4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.bf86521f4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"990e76a497d1998f8f87563cb79d885c234121ee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.bf86521f4.0.tgz","fileCount":13,"integrity":"sha512-3rf5uRZO8VamlN0HhLcSuBEN2oVqet6p+ZsQWPrMS/2hvJgfLPIpwQ8y40jKId30ubMGukYZUmfVo5ozydG4SQ==","signatures":[{"sig":"MEQCIDnmSV1ldtlnUfGJKWbAvmHrmXVFRyV1UCpy/BdOrHWsAiBco1Fr8XtW0W3aBQRy7gGLVBxHI5DPAIQclU+1OeIkNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEP96ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoleQ//RyXsvjAzfJTTVJU10j4ss8gemR+AVNOFcLTLD0B02Pog5nV3\r\naEbgxDDQzM7CZFEzGK95Th5/9ViUJkcakDv8u3FeWzjDHZJ9q/i+bYtrenSG\r\nxv0hU2zAMYB7zN3uDBTL2ClE96FlWaOd3kAUHUbfQ42dJOUcmX7KyGMSKn70\r\nUymToJedGKzqp1HXdO9MxWgi+Py2AnWZDwuCfvWqh3m+yFL7Hoin3ko1ZvuZ\r\nWHL//3b49R0Kr4qYkWFcZqChmobQik+1C0YkuqMmFy7A+NbHI7BSM1S0frUf\r\nkF7p4BvHMjGfSpWy6mWJiyqORW4js7Hcgh5JsWaZtJbh3sFLYFgszhP1VIky\r\nRCTM03LZ2Kh3+9i/5zhgc8uzVplaXKFrlirPFjwjnCt4T7paAD6uRWq/mB1F\r\nZYpIVT1tolgKuDoa4QHldWHuE4AoelZ45VG1H+6hAmnTx7R3xythDgqR92gR\r\nOz1nXEtCbFnRPWqTFIfBgFnUzxD81xw9Xb+VyOeFO4gKFOK5J8GWyhMMqRSS\r\npd/oDI0cVkxUD939paqfx4KJnZme7BVjCsUJJ7bgaxyu6ACAkSiEPrhl9pjH\r\nEuBXsN2OtP18lqWPJTSCphbFBYBnOVsFg2xGBfFWv4HP7GNG1UrCejn+/963\r\nCcA8RtvmRil6ZgrnzoJHcvjHO2Q6OZhDsLw=\r\n=9rXz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8f5c1bf1449cde9c918f51bd033762d247655b49","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.bf86521f4.0","@material/base":"15.0.0-canary.bf86521f4.0","@material/theme":"15.0.0-canary.bf86521f4.0","@material/feature-targeting":"15.0.0-canary.bf86521f4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.bf86521f4.0_1678835578264_0.4888269136884249","host":"s3://npm-registry-packages"}},"15.0.0-canary.11f3d280e.0":{"name":"@material/touch-target","version":"15.0.0-canary.11f3d280e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.11f3d280e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8653a7c01e34f904c6383efa0217a43693c6c170","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.11f3d280e.0.tgz","fileCount":13,"integrity":"sha512-Iew4I2OVkTRe811JjU9tXW94CDM2MriMkeVi8/jxSW5UzgSw2KU6SypRLIm31GS60u1HjnBiObPSpcNeurNf5w==","signatures":[{"sig":"MEUCIQDXQdnAv+JPltPhyJzu9PTYgW8dzdLWAe59IPRzGWUaWAIgVQSkdJxU860ZXogzbo64J2GJwylCWnGMB1juRI4WU90=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEQ0JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmok9Q//axM8B6AzUitGlzUnwEU2PyWeo34IHj3zz5tc538ZGcpxMFX4\r\ngpW1khw8IY7/TIfAqAExSok7flE3CxlQUPu9l7YiinF/k15XbZ5QBKFkcDFm\r\nprDirZQLGNcp5UTl4BnPANgHtpYEDbpGRjYlSvN4/82PQFDwtGaqheg4SfNB\r\nnLO0T1c2goCZdRN4IqHKlS+xCERUCO7okdYmNWI3JfK8H4hWpfT8SoxFN1nD\r\n4kZwbyApXLboynFdOWIlQ2qj5C6mUQ/k/8EoaoWROZGhq0vy7tzMMl/wbUF8\r\njRDCHbI0csmS/ICl16uXKG4w5kPUWasRtYHAK9kBjmAfM4HwUsd85mCMsKj8\r\n3ro9KZ4t7U8qynWjFQjcUZIFNC51jZayxe296A54J2hBNx7Uy6mMHABztFGK\r\nD1JSAeF+rxSOizqoOO0YvHBZyHpGDP+Yfdng2H7MT2udlOrjvjKuA/13wUJE\r\nuobPyQq6sd8yvNhBCN20JuIDoh/IBhb4V0ltknTiEAVEKFMjywoUGmb2cy46\r\nGWy9BZgUlxmOguPBS4aAXSGKYopkc0G3R7qBsI/8bkJCHP2fQn/DjZdUBeDt\r\n+vGwyG3VCCf2nQ4CqLD2yN8YNmWQnjSrRNGxkrKAH9g7Afb6JqAIno8sJdJ0\r\nftYXr/aJATPuqiDJ2hQgOkk49l+n9SzUTYI=\r\n=F1Oa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8e5a0971e8b535be016fdfe963b22dbcf1353e53","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.11f3d280e.0","@material/base":"15.0.0-canary.11f3d280e.0","@material/theme":"15.0.0-canary.11f3d280e.0","@material/feature-targeting":"15.0.0-canary.11f3d280e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.11f3d280e.0_1678839049180_0.6623789033208238","host":"s3://npm-registry-packages"}},"15.0.0-canary.b281a409a.0":{"name":"@material/touch-target","version":"15.0.0-canary.b281a409a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b281a409a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0cdd608178793b32fe277c6bcd329f05bc95f080","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b281a409a.0.tgz","fileCount":13,"integrity":"sha512-cJI3ksyIAloRnlTABw3km6IB8VLH4FFVB2pwlisRGHhqtjT0ttoQsSS9tNWWW9qqZ2qxwa7ZtBRJmAwJjdjjLQ==","signatures":[{"sig":"MEUCIGOtF0G05BmHpXw1J/SF5QTlCJfCJP8o4R9k0TbNNvTlAiEA/HET4Facyjfo6ersyhDP0C8lqO9vQuAPfFHgWAPnTww=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGc/pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpURhAAmgYZMeTZrZrRTb1dLVcidESwbDtvO0DSrA0EbiRIPsJDjWh8\r\nc03IDR431a4l6u/8bfzPJLpdDGNP+22MK8yMw9wy57NA40Nyczan0FFcpbV9\r\nOk/kU4AD0in+vZIC7sPgmz7hI8TmDM0TeURarg3fWhiRRzaRWZ3NegeYWwVP\r\nZkb2Pf6W0wkDaMEkGWDUbMil9SJer95xGGqPGoU/6w2sRD2r4DBb9n/IY6nI\r\nz5zk+FX+tg0LNevsVrACVwEGvjWxwV42oqJC2uGRfGj0MHh86/M9VC/JyjGN\r\n9OcPpPiEw275S7XEaBrG9Ee/+OXeB8wL81IyXCm6uoPLCg8609sx7MnOX49W\r\n2N7O/vTuv/i4ZatpQevgoM5apV/nR5KSaoTUSWesJMgkLQObFRcqmiC79649\r\nbA2+3L4Y+rK/n/T49r6YsBaKtLO0GsDx0jqfcnZgUoi+SnIMybawosEM+FPI\r\n/oBOHHC4KFzct3OOom0hhFe1F25xmmBx6YWRjH9u3RuNfzmJULp5BrdLv6nj\r\nGdZTqddwxPNO4WW1/sl5pCzsyWCfR8fejx0iHjmEW+nSKRg3eTXeW7kPfVMh\r\nAubpahm4Az9gFuTt3ZQWy77m2P0u6cTi/Bf8tf7/cKULDDmKJfSTZDtsDabj\r\n/tL8QOxCDyTY7QMNz6EHQbfStieZp0cxT5M=\r\n=LqKP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b924c47aadd36bf60d7c29e466ab3899ae4085d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b281a409a.0","@material/base":"15.0.0-canary.b281a409a.0","@material/theme":"15.0.0-canary.b281a409a.0","@material/feature-targeting":"15.0.0-canary.b281a409a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b281a409a.0_1679413225488_0.6522973265750087","host":"s3://npm-registry-packages"}},"15.0.0-canary.39e473690.0":{"name":"@material/touch-target","version":"15.0.0-canary.39e473690.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.39e473690.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"07c7b42a2350479cea73af8ada6e0d0110362b92","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.39e473690.0.tgz","fileCount":13,"integrity":"sha512-HWPA/L4s9yiLie5YEZWKxs8orMV8kUOv8V0MhILUFActvAddWCMlUoJyAs6BurklcYMBGYwNksd0TL115oKRsw==","signatures":[{"sig":"MEUCIGezPSG4D8AjHPHeKT5/TWtMixGJKzo8H/maoA4tvaYIAiEA6MonSTDJ3Vw46HV41Nsqc0HYedqHkEozPlHHoCPJxhE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe53ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoALBAAi2DlzGuaMURflfevxU4YA/j3eVAFLzsgQjdO4Zr3HHQr8s0r\r\nOT1iHpU7Jv5Z0HSDffaD3vEKB8qpt82n/84vauXxV0BtJ0E+kc6w08uDIaaC\r\nyEKcXzk/o2uIA0XIVJpx13G1U2u83+2KfH0P4NiXiSP2l4e6BjkcLHnmtJTh\r\nk3gGDY8JZC4fH9VjuDraumC9/uldKEjRfhKXQ86xEOL6+OqL7lVwKbSivPjm\r\nIft4JUJFIEdgeyw8aZT/Hfve2bYon+oQMipHaRomxglCZ1kScanFGz9+JAn6\r\nBYz9Znkx8XfOEWWM658IkOHE+VsT/VINAPrJ3jkrh0+B8RViBacoFRs0OjP6\r\nJgC4qtMjCVfPfd2j9CqzycQNFwMkiiS5TQDibXKLHzslu5/BQIv3IJ2twx0Q\r\nQmrwnrhjtrnJWcloiO6YRv1h/1M6hiv72pGb0MTRwpt5rMZ8SQL84WCqEalr\r\n+FGrhPq6gf7nq4Id5aKUGH7Pt/wRIHIJvqofkmsBqNVzebmBer1NksGmyJo6\r\nt4QpSmUc2uVHU/jkpr0v5hIs5gZ8jd87hG4PG09Z9GwwS1IZVFyhNspj451m\r\n8FxQ20gI3hJwS7JjWcKWKNYZ++fOhhZiGkOff8s8fP1ZcnjdagMpspFXT/AF\r\ntFSCEzqatByjsuXXF1HuYdx/rZ6MR5jJfgI=\r\n=WEA5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"2d372eedef7c583c60aff8d4cd51f8de971cb93d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.39e473690.0","@material/base":"15.0.0-canary.39e473690.0","@material/theme":"15.0.0-canary.39e473690.0","@material/feature-targeting":"15.0.0-canary.39e473690.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.39e473690.0_1679421047280_0.8330262987061396","host":"s3://npm-registry-packages"}},"15.0.0-canary.cedffb44c.0":{"name":"@material/touch-target","version":"15.0.0-canary.cedffb44c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.cedffb44c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d624a12a57d40d2b75a31f6f317d995e32c807c0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.cedffb44c.0.tgz","fileCount":13,"integrity":"sha512-pz43oDJcYJtPXGn9PlRve15FDDEMmkAU8c4J8LFdojdzIRIyMJA2KX7XrQ4qUlRW6b+rdo9+q4tMlKaDP3saXA==","signatures":[{"sig":"MEQCIFa0JacXdVN4cFU+OK+qyZyKoMe6VwTU8leewaoj8lk6AiAx6ShxXm9EK5x6tzHVjUGzo+G6iI5o8G6spgOiFQt17g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGfAbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmocbg/7B/FIFU/hzU6ixJfAE3ynaPk3LsfCK5fZGPN75ePY8CuJI9oE\r\nPLgB9rCnCNm2VVXishpUJcvur9m1mzAlAaecoVdlskCbyIYPuJfeVPcHVOM1\r\nivaIpE4GTdQ8YydLUpYGieZSowZwTOuqCVHQu0CpImZsQoWzPE6+25y/qV/y\r\nN9MSQNLumfA/p/d2CXgOCPktlsfuJ1bzuA8xGP50IFltPOxqpJyGvUBwnBoU\r\nNQ18JKA5hlll762+hC9EhaOUbyEOfn47MO5I3ubcWrGZkDp0zMh4opPfLGUn\r\ntFcLlTN+MJ7WxZlR+Ni9gzTw8VTEOJI6KUSASDQ3bseF0WfSU1k1qiJc18H3\r\n0oB57qtkgykzfkSOX1/841k20LsviRgzZ6aD6UtGgP4qz/YIXJLF32VR9eY+\r\ngPKs1HF2GVag9PY9CrXrgMiE5UEAl+j/CDnlchOP9pEK7cHE9sJc2D5IzFHj\r\ngl5QcsSbVB189KVYi1p20YzLIUTXetDbE+ENLFnS529xBSvjOcD+qm7MenX3\r\nbnCiX8IKPWUpn4pkaV9sUJGXkiuI0MPSXkBf9EjWLFaBCHZcoDH0GF00/nzE\r\nhH32CEPyF61qfrzsM3k82tr5X/2yuHwJBoj2+mO7VsDpu6/qmtFS5rcLK9yD\r\n3L4g2YAVQD/bbQD1lUta4U4d0KrKBNUwXYE=\r\n=0/xf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"37783644942291b0c5d41f7499a79b5f61bfcbfa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.cedffb44c.0","@material/base":"15.0.0-canary.cedffb44c.0","@material/theme":"15.0.0-canary.cedffb44c.0","@material/feature-targeting":"15.0.0-canary.cedffb44c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.cedffb44c.0_1679421467790_0.05912204557546419","host":"s3://npm-registry-packages"}},"15.0.0-canary.36a4cba99.0":{"name":"@material/touch-target","version":"15.0.0-canary.36a4cba99.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.36a4cba99.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de6135bb2b96c63fea5a5b5002192b84c2779a9b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.36a4cba99.0.tgz","fileCount":13,"integrity":"sha512-ug+qTzOuXw+qtfnJxbcROibHf9nWNXr8m1ld5noUU1JkBfIW4d0kEDQzcwE+8rtr72tqDMr9rmsWbdyvpPE4ZA==","signatures":[{"sig":"MEQCIGMDfeZeq0hCiqJhP5z6HAV1oRBQKt13iEtTGC/W5vfDAiAxSrT7uGm/c5CtzMjdVvgtpfByW+miGavps0+L3XhdKA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIyiuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpISg//QbNRD/fe64o1glGEm5MmWygaVhNf730Rb9Z6fBnQ3L777o27\r\nHJuJ+Z8+0hWuTwWwt+c2N99VDA1C59g3I4uruzQrVpT0kT4LLjWVpSlz5Vvx\r\nD5e78B/wJcFtnvhirPiACSUD95MW672odFpLVkFWZuCRyTFXh8s8xuAIFH6l\r\nJu3MGQaE04VSKNGrSW+eGwV9kokkWLiQXiYUNrwimhElVUrGp20KRgtjOBLG\r\nDEZUgywkInpQW4nHRWqIqKwgiO99QdzKFywjTUh8LyIdnWBppEkz9Hb0tuoq\r\npnVaJVE0+SqclK8pG5B4DVCCp9dKwakqntC9dQZ5bha/OvZqlzSQsecpskFB\r\nJxYwcIem6m1HpHgnKJRWNzNCMGGXVepeip39MUt8ufCOIVraG3SUEp8mr7SP\r\ny+CC8qWjU4CUHP1rElBHDnclxX6D+E+jnEEmDZcPrflH39s8uPYX8s4HvSji\r\nImG2jkWY5b09JPOot11OqnzitJbKd3WOAUGVvuOtuM3Gamjr4L66zF1R0rVT\r\njMNiZcU2Pj1rTxpXCSvOIh/I5BAVzPTeHuoqjENnqXdzJcq/gb43AaBQqlL4\r\nLEM4viH8x6o2lzOZJCb/zMrir/l0B+k0TYZktwD74ubpy96HIsq1LrIRZuSh\r\nonfVLs+I/VPGLhA7EdEhlLtxMI5MZ9q/o/w=\r\n=uvgQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9895102e50a9e7eda73e0b0039246bc56c79a7bf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.36a4cba99.0","@material/base":"15.0.0-canary.36a4cba99.0","@material/theme":"15.0.0-canary.36a4cba99.0","@material/feature-targeting":"15.0.0-canary.36a4cba99.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.36a4cba99.0_1680025774542_0.5951906138485752","host":"s3://npm-registry-packages"}},"15.0.0-canary.ed7e82ded.0":{"name":"@material/touch-target","version":"15.0.0-canary.ed7e82ded.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ed7e82ded.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"354398b234dd149903d7a82d16080e49c92ba6d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ed7e82ded.0.tgz","fileCount":13,"integrity":"sha512-zlr25kP8rGULg25TdvR6Km6tnLpNiJe2QoIqwS+888e6Mkazo9XILyWIhAxtmfurH7rxKsmDgpLAxorMwKeI4Q==","signatures":[{"sig":"MEYCIQCPZnwU445WhK6CecYVzeSv5gUr/UdciR3T7jUIPvQAcgIhAPdbpgZAYvPLaiV6kRJoF2F7dlHVk33iXjXv1avbl/Ci","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkI08/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmplug//Z7bhWcWPtg2bW8d1hMBpzO8PwS1Eqc4cuJF7tRluw6hhveNZ\r\n5ffRAESP8W1YM1ReS06hU7FKblWaSCcU7m60FRf6ANj9SjEbSjgeoDqGjS76\r\nJT+LA2ej+tSCZ5Y7AX9E4ojNPEibapVv8xrlGdvjBRYEerHJfynvSbBRCAfQ\r\nlU/I8a8ZDDEbrcWhcA45bl+4NWLUs6e2MR6u8Ys0/8UhEcZQtIpxenSFe1Do\r\neRhH/ZO2QnaWvtcMrkyrlNvKWbEPEjApDUy38ECE7e88QxqSZ0eWf0vyzHRO\r\nLKq/VidPchJul32pU6HXPVRZcxxSp9UiOMixl6w+4tD/10PQmtmDaRvIstUS\r\nS7uY36lUhjcjMGDBxfrNBuqdjRx2sTj7Wucfsg7HULvzFRbnicNs6UBjiQDs\r\n1vucz3Ptd7GBWb1aWY6FuR/PLQpmJ6i3e5XsbonznRToFXjlRL7CG9+XjTZs\r\nuqnROpjgrE/WuC8IG0dRRVjIklmp/aJFP5qyse2R9liSr73a3l2dJOxhMHYW\r\n1cMDhguUacbKPI9qmJsDuaeqsDV+Af8fpKIfX5wvciB/8IZWRGU1na8yHCqo\r\nsylcUnmt0ix5Wf1YQeQXxJSJQxoN/HESTMTfOWLeGEYYbPagMi22LVFq8GcQ\r\nah6+RckuG6V5/mZgARk0tj6AWQw6vXh8ICs=\r\n=9Vif\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"037c17ed14cf732acefb4bf7cb0a6c61f643b991","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ed7e82ded.0","@material/base":"15.0.0-canary.ed7e82ded.0","@material/theme":"15.0.0-canary.ed7e82ded.0","@material/feature-targeting":"15.0.0-canary.ed7e82ded.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ed7e82ded.0_1680035647452_0.03158044824161532","host":"s3://npm-registry-packages"}},"15.0.0-canary.55093ee1e.0":{"name":"@material/touch-target","version":"15.0.0-canary.55093ee1e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.55093ee1e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb3bf67d39ae0281013f938b413b49671878d41e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.55093ee1e.0.tgz","fileCount":13,"integrity":"sha512-tiKpeQ3T7YywS2mvwETTTA32IWo2R/uVE3wCllgDY9ovTBbgSZfyCqmq+VEfYlfpQddvXcKYjIIM8BxO14eMZA==","signatures":[{"sig":"MEQCICi5g0icmbGRJgG3IYxXQ7N6575QYUXsG5bHSQAjRblsAiAfb7ZuGwsJaJH9IgBPAqLJUJoWle0xVwQ+knMjIazEcA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJIfaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqI3BAAkggGkqKQe/YJtflC3BLT/b7izXCz/O9WtVYi8DxtF7ikfVx6\r\nQhwNdEJ9pmErSVEhDp8KvBmIcjMyWIvcFa97bV0FHcUhwftIWxd/H05u08sT\r\n4cCPs3UJVsPI6+i/p6KzMRtTtXaqxiGaGW8RNGePE4w8Z6B74cMVnP0mbZxL\r\n8DuG1tf0Glj/Ri011nnoxZI2a1F7kDej7D84+ZORRKj+o3tn7GGfEOGAY13Q\r\nb8gklkm5SNj//vOiUE3Olu/YUQzDpb64vKc5XUYCVXDjLGxqnD7B+YhGlwTJ\r\ne84wiVlvWgIgkQg9E7C2dP2gaKIlNUyNpmLmi3ET4mrBxrQWGse8gi+3tAQk\r\nIKhZyVEWf2X4PIhG0nakAWIrgXfIVFlEPzyCQlonihZ7/npJR9sWXR0etFt2\r\nuaw7u//TKAw9DDDZpMO7nnpUTbHrroMhNdpj0QRRubOTz3xqpeVwTSxbDsOr\r\n1VEplwvJpPIIkjBgr9WGoand/XF2xy8ckRn5vpIICxJ8kARgdZ2uOu14+T7r\r\n8flXEHP6JDzEJw6tjk5EcbDgTB04DT8AJL5cdwmxQI+fvXudxLkZQxDO/QKV\r\nbpZx60zFXVw9P8j390013noCdWqvP03YwzHwttN0P64FwLzvYpDKMw/+U1cU\r\n0rkahcN9RNVjNTph0x68gOeOl9WObspcI54=\r\n=fwlm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"98de61151738b5091fc2b0e261c18efce05e87b8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.55093ee1e.0","@material/base":"15.0.0-canary.55093ee1e.0","@material/theme":"15.0.0-canary.55093ee1e.0","@material/feature-targeting":"15.0.0-canary.55093ee1e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.55093ee1e.0_1680115674779_0.7668047980860064","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c53abc81.0":{"name":"@material/touch-target","version":"15.0.0-canary.0c53abc81.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.0c53abc81.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9db9cb650e22ec6e3858ddc526eb0b0c3efcaab4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.0c53abc81.0.tgz","fileCount":13,"integrity":"sha512-MedZZ/a2NxG+x5pTzyhS0ZcAA2p6JVu9z02Npj9ss5cUJquHW/s/pVNVH7AyUI4zlWKZvJrJLLEWSEmdZ2E4wQ==","signatures":[{"sig":"MEUCIQCkTJJ3PIyhUGco4cTQpNmVsH+TIItch3FzdDl/LZi6wAIgUzRr9m4/HzSpocBHpxn3BNv8bI3aJyDINKWib9Pd6Es=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkL3SZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqN6Q/+JXIuEna5B670szAZKdgAQlVjISOtNsIXIIy8mUuNDzH/+Lcy\r\nbANtUjE8WahIti1u4mrBUdADdNZND9GwNQL5TrOC5ZuEBW0Zhn7sVVl0relg\r\n3QGI5lhVJw5MSekvaYyQiic6UO2vFkpet6t/ntwpbewKVWBT61sUCtv6Hg9c\r\nLegt5KFKWD9UVFzzv9lGs4LCqt1xYj3MovgDDIyDm+GgwUjp4zzELXfz8O6P\r\nOri86irP3pXjzNzuRtGzqBurwcyQMXF6MbRnZyHsPt0UEyfHTMXxaRj/1CdL\r\n8dbMiQb0SeyvCCnpdyl4gCqwRi2RnBnOky/bPEuXsAkpyP8UqABve51tXE+m\r\n12+Z1IR2Nx2J0S5PEdloIAwm2CgIa0e74fw9MIEjvgc7orAxXLA+SgCZTxPs\r\njeRNWIBRwsNLkUI/uizCVLPPp1n0Yg8hc6pwreJsK8mmnKOyntlyGxKlW+V5\r\nqrW5AM6C5N4rMcGj6GL6GbEN+QH0NnFs+BCqRroVaotXn7Ca81A9CAngu2BI\r\ngPQsnNNiWKV7DtjR0SGGIeNJk+4YU3Ql3vn+I7O9ouMzfyimosLmmV4h55s6\r\nNgQ/fTtW9//sqwqGz1NoINdmxQzoBL74QNkA13E4Mgqs5knXRq9uXPD5+3QI\r\nHA3+Um97YtNhKVKzIqZP6fEcWeAZlfOLdCA=\r\n=oMx6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6f7be5b2317c28dc06c5b0bf4a8cd44df591750d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.0c53abc81.0","@material/base":"15.0.0-canary.0c53abc81.0","@material/theme":"15.0.0-canary.0c53abc81.0","@material/feature-targeting":"15.0.0-canary.0c53abc81.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.0c53abc81.0_1680831641199_0.466762484288356","host":"s3://npm-registry-packages"}},"15.0.0-canary.51311e69e.0":{"name":"@material/touch-target","version":"15.0.0-canary.51311e69e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.51311e69e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f99fda29923137948e22f4365c6c9058aad809ba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.51311e69e.0.tgz","fileCount":13,"integrity":"sha512-9jUaQ23qxg3KxSg+xcZcNlDmb1XgSgLhyIIv+dn9JZeF1JTzy3b1ohJZjCYEhSieFfYsettuQBDDrV7mM+IvYA==","signatures":[{"sig":"MEYCIQD+Ol6ars9pNo/LJzLe28bge6MQffqBKZ+lgdCt54pQlgIhAO22CH9GHgwyovP84jazZ2lx/c+T4yiOYTMsfu0fey6T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkMFvfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmowdg/+IPL0sBVPNCvLuDCaon8zITJwLyEfhlBDTtWfHzU8ovPYPCN0\r\nezMVvR5BmTpKHrRS/COXjl6kXXcNZZUp7A5mURmcH20Z2eVEIj2qFQkNs8Ia\r\nuXFkYb1hg7zW9XFHG/vX14mhZf69faP6Bn7zXJ8q3xo2S2eAZiOBa7YCJqdR\r\nGCY/riIGlh+WSUvKPHpo2Wc3DRh01a8NDfWoHDHAatK2LII8f3AWkpifAZi9\r\nngs53BZhyJUMBxj4HASCvD2tGoRn0TCM+SBuUiD9ZJn2CiSecP/7caoNUj49\r\nRRnXgkM/cT2GmroKk+RlzJ7418jK1dfmbnkfMIORLN3JMaxrmOiu/1gTLe7a\r\nAb0ZSepjCdZ4Ry50V9KBFXjn3QykZ/aIDFXWkUsLH+c11PhWTMSbakcv3iiq\r\ncE03tNGycAlCOCBqQ1VcFehopE5w/ZXLi494omD0qhem6RXCU/GH6w1PNW5k\r\nFcahfljYG3uyzusVbO5r08IK6s78C3nGhChV65PyLtSlDr+EN2nZP+vBKGSG\r\nqAZX+H7wBwVFmO74pb1wBOrU1yf73U1qmGdAK/AtFsZHyCa+dFryjbQ9wN9J\r\nrf3ZE5Q4KZRvQD9kOLC7VPT6OhBEyJFuCgeqf4MAEQfz5NpVvv0ISEtVVtj+\r\nvOZQ4LTXIAinKeQTOkXHIgWtN46mW/gnn/8=\r\n=3L49\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"20cdc4f9c3bc9046fb111c8b65ba3e9609585dce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.51311e69e.0","@material/base":"15.0.0-canary.51311e69e.0","@material/theme":"15.0.0-canary.51311e69e.0","@material/feature-targeting":"15.0.0-canary.51311e69e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.51311e69e.0_1680890847384_0.1709855742817692","host":"s3://npm-registry-packages"}},"15.0.0-canary.113b1a38e.0":{"name":"@material/touch-target","version":"15.0.0-canary.113b1a38e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.113b1a38e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"110ec2e7cde5fe8171540dbd2da8a57b6d95653a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.113b1a38e.0.tgz","fileCount":13,"integrity":"sha512-0RiGmDmiFZmA+1QYfggZq7EhZUvRPTKagirJ6mnnDHAB/GIvCIIFyQV0NOzF+NVk7myP01awKmCiJTerJJdb+g==","signatures":[{"sig":"MEUCIQD7MyWk+YGLomm5j88t0GEXrBF4OELcZe3E63y9I5zS5AIgTQL0Lpfe3EkxnC3+2Shi6v68/H2tSVhpm8OulpTUcvs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNIVPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIBA//RBxwgOMqYoL2j2YM5DXyZSgjvbZvQ7AOwxJIojVKmV9ny+j1\r\n2f1YJGsBi+Wqd70MItf/ICGU9T75OU7Q6C5TE2lKPpwvg0Ch9YQPiKiWbrvd\r\nkdaG6XMfyUiiIucZ0OjUr1sVRI+oBhKbkNMbhVoQ5h3l2e0J53zF9mSrIiN+\r\n83WZsPGszKDVs+KEMNe8dSqhBee9amzmZhmMu1dFVhb2+8xVU8nSAo29xZu+\r\nsA1tS/cJNnEOjcS41are58dxq0bSoNdKCNHHiXO1oQa2DqDuaESYDltjq5rL\r\n9INYLI9xYA3OBdyiI6s3obH7RJDzk/HZ9kd4Ej1F2C0/U2RV6D8MR2u70gld\r\nPv6shAbTnQxPN4ARKry6V7qLN8Og6485DHljdvDPg0YqgaqGq43cF0x8cDFd\r\n7X3v2oEjP/Ysa20mvRcNdgqxtemWZGbDuVeiTJ4VSqjLAmekr/+TUMdVydr5\r\nNqDicS/2hF764XkoChzzli73hNKMpN/3Rmhye+lkDQZRc3VZGCsH4m4W3jMQ\r\nXFoV1kw04tqSxcbSbAk6iLO2Z+739ADxUnixTDc8fB+l01GB9+6yzaQpftyY\r\nf35mUGcxbSj5fCMrS1G1JHPa5bsDf1zgjUi9d7TZoM7SD8IRQF7H5NmuCY1c\r\nujuqoA55n46zjb8Utk67sCw1IoEP6z7vTqA=\r\n=3dI5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3613349b6481f716239e1a73c710c0d5fe44df72","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.113b1a38e.0","@material/base":"15.0.0-canary.113b1a38e.0","@material/theme":"15.0.0-canary.113b1a38e.0","@material/feature-targeting":"15.0.0-canary.113b1a38e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.113b1a38e.0_1681163599451_0.7209083153001858","host":"s3://npm-registry-packages"}},"15.0.0-canary.ea2191426.0":{"name":"@material/touch-target","version":"15.0.0-canary.ea2191426.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ea2191426.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a28a2db9986c8c46bc61494f1940123780b7f206","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ea2191426.0.tgz","fileCount":13,"integrity":"sha512-i8ODA7VAB5+NA/Ac115pyFcW8Pz8aK+ge0Jco+bDVikwn/WggL3LZG1u7rgeo77atOd7HL9n8NKc9X/0BmMGFA==","signatures":[{"sig":"MEUCIQCa8MmbWT4lul++aJrEO6JozeKUhSxYqAnIBitOU9TlKwIgDmMrMryYnBjn/rC6Qbv4dCAJc/VeHF8JDeMtKS/GsvM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNdc9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrqjg/+OXj3HPoqA/w4tCY5QIhNRL0kAA15dhcaGngvIMbwYtnw8oVr\r\n0aozd9KfALpuDu8NuzQaQfmratRLk+jYuIx9u7K9muenkEi+lScDXmPCfdLW\r\nyEp1FYa951QLLB1rKDcIH+X9InT8M1w04Ym+Z7GjWNMlosXSFeO0Fe+/LzbL\r\nmWgGbPkpq7skXJDqRg4E62oJy+vP78YcC3CjlMea7cRj/vyt6md8F5AJjq6g\r\nDmyZ815IJ1S9toiub4/hWsJdppZkOLSCA4BRfcF+VtY5jMPykr2eFBmo3bYC\r\n4m0td/cWhQzNa/xNeMToV3dlyR2/FsYhDYajyCfOLwByohQabZDfxnKYkLm6\r\nfJ7PvGsFkh/TQYAPccWCIFYRVi1bWyEJkCW9RpfS9Q3fnIRoJQnYIeMsnlPE\r\nSvsX8DS+eO7VV+yWLvG2JXjInanbkKfFEtzz8AAgRLiFVtvA52ru1M6dS888\r\nn7F89fMvWsexP2ICRAufroq9I6MPqKzARsRStYg+f9+9WqQ4oWREVbsxpDZB\r\nVSyKVZoXmbxZh+cnbDUkVf9N4W7z6pnjGqsB+nNwouwUa3aV6b8SSfSIFL60\r\nFfzDl8mQGrEzCcA9SNosJyNmoBRA5pOuPoHOQcXBHZBKHVP7dqR8EqTZvhEJ\r\nLDg1BkAo/Hod+5rM2Rdq017kEJfM5U2oj8E=\r\n=uDyL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8723a8c5fa13530d57b1651464ec28e9ed1d4bb2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ea2191426.0","@material/base":"15.0.0-canary.ea2191426.0","@material/theme":"15.0.0-canary.ea2191426.0","@material/feature-targeting":"15.0.0-canary.ea2191426.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ea2191426.0_1681250109207_0.3736537319964266","host":"s3://npm-registry-packages"}},"15.0.0-canary.5a5c38538.0":{"name":"@material/touch-target","version":"15.0.0-canary.5a5c38538.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.5a5c38538.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8037085178319a92081959883106be2ab430c269","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.5a5c38538.0.tgz","fileCount":13,"integrity":"sha512-bwYYyz5URyUC9TM4RTkLeT/USP+x/EekCnTgAIFji1VNSgvURiuBfa9Esx8EVzGsj08YQGR7EdQmpZxsoJf7TQ==","signatures":[{"sig":"MEYCIQDNpfCTudZFlAho07sMrjRt1e98XqmEQ89WjNQvyzShYQIhALOOSNsZDBUJ/92M7C5omwUqaoMsKBdKqbNEeEtxxH6U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNd9gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpozhAAmBN+62xksG987wnsMeAEHjeXcUxJ1fPied6Xi4ETjRFjLL+S\r\n/FFXcLS7Nir5TLybEC5jPtAXzjdHVw/5srrqN72DG8nl1E/LJLuPbNTlp/8d\r\n3pWnFBjfPmQBQHblOlwiV9vSJlNm8Sh6PtiRZwVmm6w8bJbCAiR/51XoHPo7\r\nB5Kz9xXNomLIkfCz7eUoSgh6qaDMEYbj/m137gWN8hiCV0zIFfj0uA7aRtiV\r\n2FSzY2fyJg39ETRy4j/WRs19cmamqo2QGDMMYGpLtgvsmJaLGsAnKktBZt/K\r\nMCOalpCBrvLa5bgZO7DUs4eWPB4nQuaG788eBPdUlvGwr1/zHcQpXKvSXpFM\r\n0IX99sGfHI5q61UoeJ/vCD9Kq95faoi+vFOpQxT+sb87W3v1SKYL2QSpA3yR\r\nRpPjh0wRaQDPxeIiBbo6hpEo1lQz0UbiFsa9UQARR+S/5PBbirguW1dlMMZA\r\nz+i0DoCdy4+wOkXg4sc+iHi/EzZWdaWzZTGxjO0jSd/zaIT3mfV6vYObQYwF\r\nMAzkZ7RgceZffRwVw4L9aPEOlOcptkkrChXQsepgw28ubtPrdfsRKrJIO3ad\r\nDAtlU+kzyrKwbvSuj23uAjLYQS1DeFVtvwm1TD+v07hmRSpv/xbuD1CmZUal\r\nsgqn7TMem+bRy+IBoHMknY7vTLTQNOfxkVw=\r\n=Zugf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b05f00c0040fd0d1250297d4fa4236a5b6b00b9a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.5a5c38538.0","@material/base":"15.0.0-canary.5a5c38538.0","@material/theme":"15.0.0-canary.5a5c38538.0","@material/feature-targeting":"15.0.0-canary.5a5c38538.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.5a5c38538.0_1681252192398_0.24225307119116635","host":"s3://npm-registry-packages"}},"15.0.0-canary.e4b5ea7eb.0":{"name":"@material/touch-target","version":"15.0.0-canary.e4b5ea7eb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.e4b5ea7eb.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5fbc73f3f7f29a1a9fa6d6aecfdf4151d0164b84","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.e4b5ea7eb.0.tgz","fileCount":13,"integrity":"sha512-aFSyBDgkUGIYznexwxGir3sQmyFSuriV2SdvX9hbtdebyGtch7EqIVyo1EKMt706WhWqgXWPSkjQ5SEPrJZ6gQ==","signatures":[{"sig":"MEQCIHPG6/N5oo7EnCMoRv9GFsJDCKXQyebPfGQ1JHEnIMpZAiBxyy8n1cbCezfKgvBduyBFfEZizpFbKtYnQk+bTtwJRg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNedSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+MhAAoxtXniY+RHf8TB4od9IEmNwuxD0waSxBJYsMaGmk0RcEC043\r\nvvPZz9lQbXff+hHfmps8CQ/BYCSLB8LvvPcdwyOunN+LTQ5ZM6wjUzkym6kv\r\nsF3SOp5mwJF1240QnJEZfqO+bD8kA6P9BPHt1E6vYDDGMO0F6TC8cT9Pf8Vw\r\nl4Q9WpwOkjBJyXFlWHZwiPOGf8eKNAPfRypS04UHCLJhKeOJk+MP0T1AIhfI\r\nkC82O8cQaUsqhwJTP8Nc8x+mlw9wswB03Mnu2Bsf1+abJiiTTpnuKUDllJcQ\r\n1nBT15UbMiW6bati3vc+67L084VJynNbpEhQL1YPPLFqyePbit23sax2kxFj\r\naE0wZbuwMIp3XpiJZ3Q6dElm2IRb66SAZiJVI3GP0EFfdhXWvX9Gd10Wsy/V\r\nXWYMvcWMzmLVdd1TYpHfeMB6i+cVwzT9Y69RaZGGTLQ2B1qv5quCsdVR0ims\r\nmB+A2ttYg5i2rySCKBfppbSpp5shMD9eq7BT9lpmPmSGUSfzBC06eZPZXweI\r\nRZ9utpY73PUCC1uWVTxKEXpCloTAEBNvHI9bek07n6+ZYf9b+AQN5QjeFpdU\r\n6VoOmYoXPMzqs8BwUxeFgXKAsDu8cVA37/QjpB/+r3bRwThNRFhmX++f7e0t\r\nCO3SGnObL3Z+cYiQxtkoYCM6NdbTMzJM2Sk=\r\n=v/nX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cfe1a97277f39a7f96340673857504470245556e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.e4b5ea7eb.0","@material/base":"15.0.0-canary.e4b5ea7eb.0","@material/theme":"15.0.0-canary.e4b5ea7eb.0","@material/feature-targeting":"15.0.0-canary.e4b5ea7eb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.e4b5ea7eb.0_1681254226678_0.6004913302521622","host":"s3://npm-registry-packages"}},"15.0.0-canary.a094dd9c1.0":{"name":"@material/touch-target","version":"15.0.0-canary.a094dd9c1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a094dd9c1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e2b9b05504c3e9e4ac6234558b918711c16014b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a094dd9c1.0.tgz","fileCount":13,"integrity":"sha512-kFkkoAnOe14szUQW/4gUvcvOwWPw9ZeXRUaLpI0fTWGrB0E1RKrH1qqnXMXvWD6J0bfCOabdrgpQv0VVvThnZQ==","signatures":[{"sig":"MEUCIHDknFn5omtPzF2wrJ3ANZuJY6ZFNnkM0XRqhsPNCH8YAiEA7b8nhhuagxnJxXP7+KkNFQ0ATtiq0XUoum5EHPS8nVU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkOda6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIew/8DAzy4nGP5CfUNbhlcSE6tujE5kxSxEMgyr5sQMSQeMSDvLmh\r\nM2XeUDDws0YP+HTjbNdjlZClNUPXH+sqZmeMSjlfOOQGdCCcz2DHsud8akp7\r\nf21dFOnUyrRWuGxyBlplb72gI80jADFMfhHetKhZ/rXsYCqT+EKRBDTRhATB\r\nmtcaVsi+tE5kN6k4Nb51rnL7OYmtnRiImqqvbYbFFGKPzzRwgC7EmxA7V6bp\r\nj5SOXv+Lx2lR9kpgvQbZVDi6VnGXbqYt8z8T5BUwUvYrWqmCTcCS09pARZ01\r\nkiEsKw/S9TZt6PdwObNHJr5+d866K9JINbn8xbaxdjcDymEFrAigNgZW1ZIc\r\n2+viWOB01aLzDBjrUIxlud0FzATlJoDIrVcn/eZAF4eZeKf0Z6JeJbT+UAhI\r\nGqdxXEinUopltPg+p1mewRSXzV9rvY4QC2jxFvY0WLZoSD1rvVEzaOAkqEhp\r\n5JVx9pKZSo9OixG3pXcjz7L/HScMLm1WbxgXOsB/WD77vNiFJEmY/wtI9hni\r\nUbkZObZkXDnLIiE6Z9epDxbdRMfkAVD9Gne2GJEZFf5GZEvu0nWq4myGMLfz\r\nmm/r5QcC2qNhgnh7HA/AIANM+ZmQtxH9amFGm4ECBd8Z5u5Z0On1nQiKkSgC\r\nMcWszYcZoLXLfHImfpT/f6+9new7JVTGlHM=\r\n=I3UQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"aa5164e66f4afe6547ceeadc8a793bb4f489ff5f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a094dd9c1.0","@material/base":"15.0.0-canary.a094dd9c1.0","@material/theme":"15.0.0-canary.a094dd9c1.0","@material/feature-targeting":"15.0.0-canary.a094dd9c1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a094dd9c1.0_1681512122186_0.08057507339665437","host":"s3://npm-registry-packages"}},"15.0.0-canary.f771b091c.0":{"name":"@material/touch-target","version":"15.0.0-canary.f771b091c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.f771b091c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01f1f0f94a95e947a172b8f9f0655e83dd15bec3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.f771b091c.0.tgz","fileCount":13,"integrity":"sha512-OiXqpDD786FxzmvDQR36yvCUBPwOkNauVKoop4gIusA8S883ckfzUkajbbpeh5p5PWX9/+isf1brlFaWMgNv1g==","signatures":[{"sig":"MEQCIDyx+wxHpBMh/+3UbaCOgemD8ghS+V4annAJqwwC+aLmAiBOqE9IpMifwJfm8zv0l+n1rC4wjLtYVIlwALzvXFJ59g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPWe+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVZxAAhbfZBdIjYzCQxUkHpdVXlWcexL7mZ+CLFUqOpjaWGwN/LZ70\r\ncaBDVFG9TVUebmD4onZQQWl5lTSSsygZrCQUFBRCzLn77RT/IMuMGGJUzdTJ\r\nBx+JPAIaaoU6CbNYulsk+wP62UFAeQJUCH5xz48Qg4ljPXdty9nUyhCz/Wvg\r\nRvumho8blAKlgX8e9H3QwfQpprRA36OUNOWLQgNyTvlmfbdydYfVKaig0hfS\r\nv3Zsio8b6OHWexASqlMM7HJ809q0oSYa5YbKVkDNv/VbHKjy06DB9uNZ4rop\r\nJsIAq7315qpqIIl6MUfbzwG1JleaDccWEiSNWjV/UtULZnrwsPE9Ux3u/Vzc\r\nSpDf/SVv918Aig7zrbA+inlfhJbYHLRuF7JfmUKaYR2jW1xMZwktnx82KWuz\r\ne/yXjVGJPh1cgarR7wwzcpzQLQ7IZPddysnnnsjTVC5UrVkem7ndL4iNMmC0\r\nOWrrS7GaUmQcAQ6j1gAcvLTaWkF4K4iVWugOYzJwVM6R10y1+6Xx6yxhz77K\r\nJlnQr4gDOKG74PMYn8n0X+fkJLPNs3/7n6TznH6/N3Lho4mK4FfTzxkqNK0V\r\nhc4jHxwfi4w2HbQcygy8y9jGLnG3pq9ZtLHSDvulHJhPAgNWqxVcpvVLi0H6\r\nm9v3y5I7kD0lWCruuUJCZlzN9rrDdJpgmwg=\r\n=u7lu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"de0e292c8ebcab887041fc4a59b3c0172f4d4310","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.f771b091c.0","@material/base":"15.0.0-canary.f771b091c.0","@material/theme":"15.0.0-canary.f771b091c.0","@material/feature-targeting":"15.0.0-canary.f771b091c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.f771b091c.0_1681745854610_0.38285447466440625","host":"s3://npm-registry-packages"}},"15.0.0-canary.79b1b612b.0":{"name":"@material/touch-target","version":"15.0.0-canary.79b1b612b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.79b1b612b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d27e62e6ea6731c33804e9747743d0d68c5b222c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.79b1b612b.0.tgz","fileCount":13,"integrity":"sha512-5MSFaazm4XoSqQ4RiJrtATFMCs7s5KjEDeHIxcKmEsTOq0q/JQghivo1wkkeF3dZjMmpxVNO9HiZpagj44Gr9A==","signatures":[{"sig":"MEQCIBznBamShPlYWTMvv9amwgha8mifhDHVxTaHi7HFGHsFAiAQa+fNmB0u3yyQkq+HHQs8kcxE96gA/f16h3cS5paIlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQHu7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoviQ//fPg5nPGLy06X5s5+PCdl4hUH+RhWMjs0QCBl2+sfPDip2sRr\r\nsWXr8Da/hKh/KeK7Qjj182CAluj8+8Dv6TtrPE18Zst9Jw8c0/ljdQi01gke\r\nn/tI3ey9OHkrJvHDpxggzRhLUMUHt5hqBGWUV6gqJ1dH3W+w8yqh86qA651f\r\npz6ZsvTzgV9f2cm6zd6iNu7N5wAgRfjOdILY+kH/uhNANIFtSG8V9cA9hWd3\r\n6OsCLXAtvZbjBB8XpGLW5brAT2jCXx0ErTAJC4GF98xKZX4SOpjcefVm8jYt\r\nwj4JadV++HPUzOv4dGJQHuOIZ1EbtATeazXjTR4JQ+GVQTalKlFAeInCEpNs\r\nvZVAX4KA4g7+7y3eawzjNFa8YtNitvtclG78CCNedU/L5b4h/prVv1xxPMZF\r\nRvEw04OTdXCZTd2C8uTz3ImXoQ1HCg2ASKRWH5f0EMKxdds0fTHlHQ7o3t3O\r\nDS1Y5++4XB79ZdqOqwQ8bK8yjYZIEirDCz02jym7EC9xFchq90FLPfk3/onz\r\no8PDp15ZF+iIib+ILjyXZWN1yrYofjd1//b96UZoEjuE2wsXCF23YFnUpbyE\r\nspnX89cgZZUT41zfVCKMW0oF0y+HyrxZvMEnrtLrYh9PFHWld3r7P2zJuceV\r\nInflK9gU7QyaTkeFw0LA3McxBbqO39MLFnk=\r\n=V9WB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c8248a1b49ee37b1782b19aaa49b5626c914916a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.79b1b612b.0","@material/base":"15.0.0-canary.79b1b612b.0","@material/theme":"15.0.0-canary.79b1b612b.0","@material/feature-targeting":"15.0.0-canary.79b1b612b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.79b1b612b.0_1681947578843_0.367646061748792","host":"s3://npm-registry-packages"}},"15.0.0-canary.6f50071e5.0":{"name":"@material/touch-target","version":"15.0.0-canary.6f50071e5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6f50071e5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"49f4c4444ea5126f3e03a28bead16995e0f1c17d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6f50071e5.0.tgz","fileCount":13,"integrity":"sha512-LKb/RrSmYHsPEsO5PLqbiFoY9Rb0IvAS/1wjy4ALmnWaWXN+lh7mClav/8bZU6s4Np+NsRXlrHn3F/lPFpzaNA==","signatures":[{"sig":"MEUCIEfgkq0H2TmO7ML0oLnRlWovi61+Hd6HECnUZHzGcsQAAiEAlDl7BJ8SEfgwHs9fdxrDb+8G9FtcHqrgAX4+TTPykSE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQX25ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlXw/+NtbLrFURVwG1i+d5gLbWlgveE4qJijnbnsxwHLltfQ4FfIA6\r\n2uZ1Q3er9tEm48hdBakCjthGs0B7WjVaPhWCjeWv7dr/bF6UExjCksjMlxxQ\r\nacZ/KuY5utaqGL7PvwzE9EhXV7yIcjKwxEW27nYL9OoAvCAX8UGE9/BpJgdd\r\nj46YRsQbCcVQuQanj39Awk3ohzuq3mBojDI6LkpsmQqAwHuIOiNbsZlrYEZ0\r\nEb7rEKDmulg4FXLh6st25dp96f4K3FjMQHgzyauoVL8N8+VaS1DVmSl10udc\r\n1bWEHXhSCQk+HIF5HScoAljTqATVHrOkWMrXs4lTWhMSZhNGQtjOpEQMY7vL\r\nH+z/XC0jRiz6RsEU4DdXevfRvQ/2Xi4hiQZqpjfZfdmBsyFJfIzlI9z8WMg3\r\nzyEeJdLxAZufHEjJgxGg5v6JRGnjfQKxiR6DJoBF72FA8CPSPMFRPTB4PLSE\r\nlLt5hi+kaow78LRQYvuk8naW25UYwV2LbO/1UiJsVeeBq96pIXZAeKdwUvi+\r\nLAeXM+O+akfKAJDka+MyFsmf66ajeRDZLDvwGh3wOExY/2TYPvbsGE+Z+qWl\r\nJK5Qjwv+kYsCan9eGIPw2Rwv7vmU/w9UbO6hcAmQGvBIw69AwpOnCr+iwnL0\r\nWBqsKpI/ypi7fy+gU9Vh+Sqg1w10zPpcWkE=\r\n=y5bW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0a5eb7e7a96b7f207546983c0f79d6fdf23f5228","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6f50071e5.0","@material/base":"15.0.0-canary.6f50071e5.0","@material/theme":"15.0.0-canary.6f50071e5.0","@material/feature-targeting":"15.0.0-canary.6f50071e5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6f50071e5.0_1682013625660_0.2020914024107603","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef754381c.0":{"name":"@material/touch-target","version":"15.0.0-canary.ef754381c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ef754381c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4588916af59261910bc8f35c856799d2c47713fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ef754381c.0.tgz","fileCount":13,"integrity":"sha512-x+Bpdo0uYdonLY2dYgWInOuhnw4zhzv8c/fbW7bKK9GeOg8uYd0O/LodB4jdS/6pxJZm0bws1uLwR7jBde104A==","signatures":[{"sig":"MEUCIQC0Ps80ZRGFkDPb+KAjGziscrOP32j61aWKAThfR3OecgIgEObiVMkfISKaBkpKJqhT01N64B1uE9DpTHKHKF9u6Lk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRuuTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrI2A//TZms/31wa3swRRfZ5C/1ISdd1tJ7/nyc9cjMbY8nNNanrFgp\r\nyuUfiBAcog7jukqq28ArXXVGRen0Li2SEseKwpbee/Z/y9xa5sWK1c3aptJQ\r\nPkjJNm/l8kb/b8G73cw0J9hIHCKxPlGZDjbKIwF2vL3WQWi2ogC1uG3P2AvT\r\niksLx51DD+/6NDiLpNLByyI5cNJ461BJU0kV+TdjyjYB0Ei205HbQqVESkh3\r\nojC1CgE5hwb9Cm1xaY0QDVgh+iijrOCR93TG1ufha6BTi/eXatoCQXtgd0X9\r\ngodtiqjO1C08PixVBpnDP+9+T1SHkkW8GqMBUbMzNd+Wp4jkgJYxD/zn+tx7\r\nsGq+YY9KwnEv91DopWfE3CyCrQtMJvG/36E+DxGz4DEBO5ZnXC3LGhmSUDOp\r\nZmGhS7kIv5ofB/f085A9nvk4grKae5BgVb2xAFFRf2MDWD3rwld7xthAc7/o\r\nzUjROQlJ3incPOQlSyxI0KIwc1pfJ/yFZKIGXsbUcHTzvyTHTJcz8wxsYEpO\r\n89jFwbcdoDAZtU25sItsFFlnx14oMc+yYZDNRRTkXKaF6IFunCWFSY17XMaV\r\nssZO4lsyGAF2LYiO9Tq3tC85RUA8/MMPKvaMrdXTyWw/h52RUXp82cMBgCqs\r\n45rQP38j+lNUlE4ocMoVARxRKTsA4zM6f/c=\r\n=oWdk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"998bb9432e40056ce6ec836100d9a46f72ace249","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ef754381c.0","@material/base":"15.0.0-canary.ef754381c.0","@material/theme":"15.0.0-canary.ef754381c.0","@material/feature-targeting":"15.0.0-canary.ef754381c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ef754381c.0_1682369427566_0.16962533216803566","host":"s3://npm-registry-packages"}},"15.0.0-canary.69ebf61ea.0":{"name":"@material/touch-target","version":"15.0.0-canary.69ebf61ea.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.69ebf61ea.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e73495a672f52ed10c3853d2c3de22b24b89a58","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.69ebf61ea.0.tgz","fileCount":13,"integrity":"sha512-8RTdfTZatCNciy8K6wfjRisg+ujOIS6+IQOEjEwjJ3jBHSKW2ouFeDHim6lhs/LkE28p3K+ySzLzJvUeuO+eUw==","signatures":[{"sig":"MEYCIQDk2hqGAW0eiz6NyEv2NXVu9N+meq5V1MGAlCYsv79+7gIhAMZwKzQaUr4adSDxvsHOdGYZjRzPp1LQRkIWbVp2DdvS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSq7zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqqjg//ZrA6GgcWrtao4hEUiQ34tt7kIEKvSD3QCIVUXyUFs1gt9Be1\r\nABNqJ4yN6y4oeg46TPBLr8uAb5LOa3f8djJ4D2mk77FDHwKGCrC0aUiXwbXZ\r\nPMkfzQm4CMSRRiYZ5DNk6cSibDLE+o9BwXOpxOj6Y0aXti0uHU2ZK6Orx6hT\r\naH83WGgMJJaECoZTvUtyZOrebXo3t2mz+6Xsgw704783nlob1JLl5J3Nsys9\r\nKG7b1wUsHwcVaCRUqAZjhNcKNAfiaR6RjXABKrs0lWhLpjspgjsfezcx+xKU\r\nU0K4cSR2NmmastCZrh3d4cnCcYzV5Z4wx9VZsmH7dAADWIdbsZe7BR9C5L4g\r\naEGLGd28x58xkSX5urvgIQdzKOfaZriuDpyYmockQgEW1BEtJ7PJeRCnJ/rV\r\nUq6UQSCaDqrhMFXG1oN9BwjiSO3/88gqe4qH+aa9+2bydtiNwwVtg+BlqdYI\r\n054kEoewfJYDNFBexXseeWeEsSHcm4vwzNlU2XlfurBZafSBuDSGKBCS0c9m\r\nvsN2DYX0+YF9A1mUC6yB3hP9dowGAo5vwiqyh8x5IyBLT/o/8OaaHmlQ0D/z\r\n9ZoMwQU5qnN5S5qrjCmwi+1qa9+rIyGyoezUn+hm9mDq1ylRFwpJgE3il4LC\r\n2vkgRxvRgV1FYA2CGuOmbzCIoyOqN33Tsvo=\r\n=SMWK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e68ad025642429a51f137e9f3fc853364faf0622","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.69ebf61ea.0","@material/base":"15.0.0-canary.69ebf61ea.0","@material/theme":"15.0.0-canary.69ebf61ea.0","@material/feature-targeting":"15.0.0-canary.69ebf61ea.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.69ebf61ea.0_1682616051127_0.3176185864487291","host":"s3://npm-registry-packages"}},"15.0.0-canary.b90be86de.0":{"name":"@material/touch-target","version":"15.0.0-canary.b90be86de.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b90be86de.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1fae260e201c4d7450b7222926968489597a3931","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b90be86de.0.tgz","fileCount":13,"integrity":"sha512-6iTaGP8ayXdCM2JRtOpkWT8ZNiY4/qRs77MvMoZ2PQ+dKuCkcXkMYZAB/iBZx/yk7cWAc+sXRSBDjmOtT6tIIg==","signatures":[{"sig":"MEYCIQC0xLNfGrw59pSwlLsPEAPv+I17hIgQHKMNnmsIkvaVSwIhAK8RxSLvWpsJo3Kww2BrBQ3Q8SkBuqQXY83+m30Q+vPr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTGL0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCPxAAlFAog0LNhfoYTMqOqEQ4hFzyIi97669j1nUeHrI6YwYTUImg\r\nMd9nDwOlahZAdeLTcixLM0WDB4Nb1sS2hRKNBAfH5DCiqDWd7vp1Ef5eT/Io\r\nJpl6VimSuDPKTGf/31R19fMTMKBhNyRrxstXBP6huYir12HC1tHenYrxwWOY\r\nLpsl9cUxWDZX+UdhmW3VKq0CR49yy+nVFd8s7EcY5pLPor8GABZfTM3X3KBX\r\nTHC8jrSY4xUYlCMJgmd0m/jiksrsfqLg//hHK3fIQnZYzn19du6Q8zfXnSqH\r\n0JhMZdB4zV8skQe3s+s/o7a12zLidb3zU1AtGwiKw0qrD+/tu6FVYzSLvTHg\r\ndixeHZ2iT/sVMPAamyELfSeYETAv8wk4NlknTckGMqut2BA4rOEkin78Z9vl\r\njXuCBtuJrTwL1GopS5vtx0O0utjUhZauVxaaq+hZutyKUjMVjhrmrVdVb+3t\r\ne/ENJoJ4OkzV21GDSl/QSqXQA/pGHW+KXoAkXqqvQH8zzZKdOq6seewGhgCU\r\nWUpa02zZLU+TIpQhIFmNK+0w5fwEN46cgfTEMgSvo/4RHyHsXbHlguiGffsv\r\n+7O4VNu2vNhiZxD45HvEUvlUhyEpyt3LKZDFmWl2FeskSzhBdksEwhvU0yGm\r\nILbPD2GbbE2jG6ddft/UF7cpujg7ed4SLgE=\r\n=7ha4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"903a4c00d6c4501b4eae8ac0007164ef4a97ce0e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b90be86de.0","@material/base":"15.0.0-canary.b90be86de.0","@material/theme":"15.0.0-canary.b90be86de.0","@material/feature-targeting":"15.0.0-canary.b90be86de.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b90be86de.0_1682727667817_0.35033481048602266","host":"s3://npm-registry-packages"}},"15.0.0-canary.51f9c0c28.0":{"name":"@material/touch-target","version":"15.0.0-canary.51f9c0c28.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.51f9c0c28.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3b19bf412acb1442d5ebbabc0f37ac30e7b21bea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.51f9c0c28.0.tgz","fileCount":13,"integrity":"sha512-0O6TSukUJSscOQYlel1MTR63cEeX3XV6SQ/X1FIV+JkYxMof/stiIbWYF55FrWuiV8o4t0JCYHHwB7MPWvufVA==","signatures":[{"sig":"MEYCIQCzO4W0gbX+E+79VlJQnFihcqXD4HS37lsUNeVQcmSdwwIhAOVvfaHXfL7qanezMrTd1I/tYAMeT7Oip5rSkJcIy0Ti","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTGU/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/wQ//dOiaaLMAdUBuHOUZvfstYMEXOTmKJcaXtejMkKwydcVPob3E\r\nXqgd0hT1Ziv+CLpBQ5TgoIf47FummLTXsAIOsM8VroCrABttqFV9AWIgsqa2\r\nT3Job2x5PMI4LOaG60kceuc9qVTWadrDHmnJI/ItwqSwZhudm/3Os213JaWW\r\nIg8VmYMFPgR8/3I8NS29K9SmcCwZ4RmvaykXnJSoIhvMZrqnTEQ08Wtt7QdO\r\ndQbLVtQYpp1sEDhihHnDklCQjz9tbcfIYxIbMARXvbfEFZxk7uFs5SwAIPA8\r\ngjO6BD42vdK/UyiMxSjmDBtucAOf7Ek5z0esd2fHLvW3NVNe9VTCxkUuos8/\r\nhpPTWZOg5VUaWNVv3CaOF1sbrvHE0dS/gCNKKvHbXOum7+0EuSUa/7NppfVo\r\naJdjVueWv/mHYObHupJFQ3QnXQqumcGyPidSWUC+W9hhzlpUXAtUKGZDIxa0\r\nY02daqie3x74E2WS9EaGewTMR5sYnC+6n7vkiz31deZ0JcYmn0+GF6u5LxT8\r\nD/0htTGZ30yjqNEiSaKgVe5TlOgZuM3lviC+my77nN+ZXfG7VVXGziX6mzEg\r\nUhcoT6rvtdJmVOo/FI8kXYYB5AnYhWYRiaEprfu477mrt7AaVRfuU2Z5X/jr\r\nvaA8qSuplOn47u1Qf7j4edUk96AFg2QQ2lk=\r\n=4yWZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"87662f1719363ac8e600f73ed8a7795c25d8add6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.51f9c0c28.0","@material/base":"15.0.0-canary.51f9c0c28.0","@material/theme":"15.0.0-canary.51f9c0c28.0","@material/feature-targeting":"15.0.0-canary.51f9c0c28.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.51f9c0c28.0_1682728255631_0.2118439409969075","host":"s3://npm-registry-packages"}},"15.0.0-canary.4e840d685.0":{"name":"@material/touch-target","version":"15.0.0-canary.4e840d685.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.4e840d685.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3470f6e25e0cf547b52afcd1af58d65d0b1f721f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.4e840d685.0.tgz","fileCount":13,"integrity":"sha512-VFahFq9jRYpIjJd4bRtSEDR6r5VuyHC7XF91bFU2OP66fOwWPqvgufhCQHt8UbuS4Lj1vwN8t16iNJo8+60dwg==","signatures":[{"sig":"MEYCIQDuLuqpZjqtF4kJ773abMG2ng2b8R2A+Pn7jcTVXgQ9jwIhAOHDM80zygYX2rfQA80EV++kHKAESrXop8Lh7fCZoG7o","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"feb1f9f53257b520aff6dfe5dd1a15e319e73a40","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.4e840d685.0","@material/base":"15.0.0-canary.4e840d685.0","@material/theme":"15.0.0-canary.4e840d685.0","@material/feature-targeting":"15.0.0-canary.4e840d685.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.4e840d685.0_1683041581163_0.41752729471604244","host":"s3://npm-registry-packages"}},"15.0.0-canary.10b8563e4.0":{"name":"@material/touch-target","version":"15.0.0-canary.10b8563e4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.10b8563e4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7367d8d9ee9988dfbd1c6173af3f6029a35ee17b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.10b8563e4.0.tgz","fileCount":13,"integrity":"sha512-16PiHUe+qEXpBwzr2zea3QX89c3IH1guVgv+k2qEelo3JQflB0/JIFZ1hqBijlnpSK5iIbGCM7THUes2CFJSIA==","signatures":[{"sig":"MEUCIQDHeM+cfl7aUSKmEXnxy3BzegV4QeEzPedH/yuGi2W2IQIgP0JDWDbIGoXWwNG9quMKfxGLPDzHbp5C2gTQ9qH8Cpg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUZ+kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8mxAAjfaP+P76Vc/jEUIgqkAtVqXSGoYXd5NoMlSgxIl2MFxURwJn\r\nf+yZtfiOxYje+OsaccbMYG7QfPx5+6viv3hk9mHZbo+HupVam4qWlH7lViWE\r\ndB+sKFtP6jJDPqVGufm1gkDyrgkmTKDJkjoE1BoLgz9oIl683iC9PuBg9XH0\r\nXEdkvgJ+0PreCR9wwl06phIyo14J5dkFBbtN3bKzaWumbUf/EvoYrCschGNv\r\nxd97xn7igA/PfKzGKn4PQfea+ARyGKoPKgxI0Lh3ywR3skHTVr5xu8PnTgGa\r\nI20OYpfVDAAFOGl0WwN8NSJ4lfhdjs6HSd/dRJELr3AohNrpw/DO+nA4CZl7\r\nCIxph/R6+d21SUdaHg7gIFWSfMEbBgv1aRb4N0tB6u5+U61go1U0xxiilQYk\r\npCqC5y4Jy6OcOaVi9ZNfGvP0cD/K7Q+iqCiaeCO+r/KpsF65aPSGq6FTBcZ8\r\nUWy1ecOWE9hX5mri9rFi6/e9kZvbaP0lyTOcBmWqqeWpZaVQTGdnzPMNbql8\r\nsEvKTmzYAlAR4BDDivZ4STCtLPh3k+7WgZUP7ZPg4Y6ssJmJm0i2uXmmvnfN\r\nK5hpHFeg+ME7OdAB89XlgVdGPtW4s+ToEHQVOHBgB24sxS1MotiIV90aiuMP\r\n/db5AXcqIRZxgwSbFgoo4ovl/2ZDmewE9FU=\r\n=gwub\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5f71dcbe45f5245c72c0fabae0162af558c5c395","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.10b8563e4.0","@material/base":"15.0.0-canary.10b8563e4.0","@material/theme":"15.0.0-canary.10b8563e4.0","@material/feature-targeting":"15.0.0-canary.10b8563e4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.10b8563e4.0_1683070884547_0.7261084880001731","host":"s3://npm-registry-packages"}},"15.0.0-canary.736b7fda4.0":{"name":"@material/touch-target","version":"15.0.0-canary.736b7fda4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.736b7fda4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"378a59e4c8cae6eab2377b3d6ae3fc093abca6b8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.736b7fda4.0.tgz","fileCount":13,"integrity":"sha512-SjSccCwdCb48fZt5feMmKfUWjwb8tMSS2P/8eNFeKY4q7ONRwPjNzwhkuDUFJdYM3ul9xJSbkmarvfcxLxduVQ==","signatures":[{"sig":"MEUCIFK/WUo0jinnlX1SkXjYmsux1agPnbtp2YCKLunLeuLzAiEAnwDQnEiGRRd9//8k/6M+S0boFFGedy6+lgKhM7/AHaM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUnkHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFrw//QZ8F+H/xptWwLeFyt/91C2lnMEZRxlMLkLWkm1Y/i9ernX6A\r\n3w2t+E32TIXUrXRLhTr7n3LgLI64h/cl8GxP3fATwRS3Qe4fGkD3rJT7A8GB\r\nJSt0wjRldpXbGtXQcuxEorxhkgUK1YGo97Xd37ItP1LVXwobQ0hdzoR+02KG\r\n0l8hBXFGnRlpJdfCQUJd43B4rlZVoMCNBf4sCouaiubH6zHVn1AL7+q4gfZw\r\nnXISdlHNuSLra95oDBol99D+Nj1sj5sjOvaENQLgWT9K960EI5f5kwPRaj4q\r\ntQ+V4Dp+YddbXbOX1brS831D7lAPfqNUyLKzNAtN3VUQEglEqE/5kI6CMPKW\r\ntV7Pzgon88SrWR2QLeywT9LkWbisRaVxi/SwZr2w5ZbdTQwdvGCOJEI/CkWS\r\nguv33IKlH75NoZAyQ/OJi9N1fpwqxoM78lCJ8UNePSIBrUjWFP6puZQ26m0i\r\neKOAml7lMzqGdZ5elS46LqgD15GqILPmlDsIxqPXPda1dZUbv3Y9+ogY6Zpi\r\n14gN5v3GWwmRipih5Nmcg8NhgXH5SIHIaKE7wpbiEe+SJuruK64KijdI8Kjo\r\ne7DxeWB/eXYTvOvyRlNMdjKEJRF0R5GS2Em4rFFKOgPpZCH9Y3wHMApXKwNq\r\nDGN/ZTUComiJFLE7oQjD2tkhYB3evIrMkAo=\r\n=6Xri\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"b9ef54594aa8f93612aed085460f035d0aba61bd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.736b7fda4.0","@material/base":"15.0.0-canary.736b7fda4.0","@material/theme":"15.0.0-canary.736b7fda4.0","@material/feature-targeting":"15.0.0-canary.736b7fda4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.736b7fda4.0_1683126535554_0.7217225506825049","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e533c5a1.0":{"name":"@material/touch-target","version":"15.0.0-canary.0e533c5a1.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.0e533c5a1.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e315fe3bcd282d4b64120f7f6b9ede6db926636","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.0e533c5a1.0.tgz","fileCount":13,"integrity":"sha512-bn6Fe+QoDRcC261Hl1G1WMHK08ojraDQYzGz4FTP5gLB5xZWhGNePGj7hksurE6nll6lBcqtWENarn54VPPm3A==","signatures":[{"sig":"MEUCIQC1Hkxn3IMQMacEZ0snI41nGxHu9s5In+Tnyxq5f1WfmQIgImun8b8a55pOCUz7isz/o1ejRMj6iDIwqXapVIYXs/I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6b9b4497cc6457c9e92ab3abdaad626c73e610a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.0e533c5a1.0","@material/base":"15.0.0-canary.0e533c5a1.0","@material/theme":"15.0.0-canary.0e533c5a1.0","@material/feature-targeting":"15.0.0-canary.0e533c5a1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.0e533c5a1.0_1683305741653_0.9769929629568856","host":"s3://npm-registry-packages"}},"15.0.0-canary.5f01c15a2.0":{"name":"@material/touch-target","version":"15.0.0-canary.5f01c15a2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.5f01c15a2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"43ba757912198f9c7c4f0539fa5e925424eb7665","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.5f01c15a2.0.tgz","fileCount":13,"integrity":"sha512-d0XKv5yw2OQGLQUSL4NpfizmLVf3iUs/41Nx6HSQXleyAGdPyx84Gc03lcYEf2W/b8IJ1AP6rNF+CXIK2dUseQ==","signatures":[{"sig":"MEUCIQDCUqTWquPiPXH/Xuz9wTSSvcBZPZ/IVydExtk27DRA+AIgRy7mMyD0vKn2EsWGHUVlRYl61WudHdz6iUbE5CgEn1c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7bb1c5dfc575b36654ae046d1f4ab3b27e8c8f9d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.5f01c15a2.0","@material/base":"15.0.0-canary.5f01c15a2.0","@material/theme":"15.0.0-canary.5f01c15a2.0","@material/feature-targeting":"15.0.0-canary.5f01c15a2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.5f01c15a2.0_1683307549835_0.3535708213610853","host":"s3://npm-registry-packages"}},"15.0.0-canary.3b5b55e31.0":{"name":"@material/touch-target","version":"15.0.0-canary.3b5b55e31.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.3b5b55e31.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d4db18e40a0eb20da484631a246f0248c87ea31b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.3b5b55e31.0.tgz","fileCount":13,"integrity":"sha512-fY9ikQKjIXLzMyAqo2Vuc8cGzEYri5jPIYXckjWjkArXTfzqyv8Va0Du10bHBLzqmbLBANre959IRRWULvLPIg==","signatures":[{"sig":"MEUCIA9T3FiZsT7n5xIHJ0r0/TGfvhcmxSy/745cgEis5FMKAiEAwq6rPBY8wcsF1ULMpGXeMmVsFH4Te51MD2EO87iWt2A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"c262d9ee39655e869886d1584551a096ae56dabc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.3b5b55e31.0","@material/base":"15.0.0-canary.3b5b55e31.0","@material/theme":"15.0.0-canary.3b5b55e31.0","@material/feature-targeting":"15.0.0-canary.3b5b55e31.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.3b5b55e31.0_1683311908200_0.13279821051946916","host":"s3://npm-registry-packages"}},"15.0.0-canary.d0788120f.0":{"name":"@material/touch-target","version":"15.0.0-canary.d0788120f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d0788120f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c8fad8ded712ec09929a51fbcdd822ab37b55dcd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d0788120f.0.tgz","fileCount":13,"integrity":"sha512-mXTymUbhuWzag4voa77oJMJ4oihgMNsNSf0D8odwiL0Ii88ydWT5syzIVufvcmcGI6wOKjefV8YIBbVFTQhGXw==","signatures":[{"sig":"MEUCIQC9lailpP8+TV3nBjRtmd+7X/A4fpdQ5lgIEf2w/vv8lwIgPlOu9PfnJBUEAjrG1Fa1KC7n2aUdbGwqfQEuUsKwpGQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7eccbee262206623b89c40dadb4e11abe30d5e45","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d0788120f.0","@material/base":"15.0.0-canary.d0788120f.0","@material/theme":"15.0.0-canary.d0788120f.0","@material/feature-targeting":"15.0.0-canary.d0788120f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d0788120f.0_1683620552747_0.7641416700337018","host":"s3://npm-registry-packages"}},"15.0.0-canary.f52358dd0.0":{"name":"@material/touch-target","version":"15.0.0-canary.f52358dd0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.f52358dd0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6efb788832774ee9ef7289660f11d06fb41b72aa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.f52358dd0.0.tgz","fileCount":13,"integrity":"sha512-S/aJPsRoHf+lmyUDnkS4sNyM1vWghzafg1G5Qb28PXFVVDOm8ia3xtb/3U55sCuzAsQdZ8H6+XMWllm5Smm50Q==","signatures":[{"sig":"MEUCIQDRP7DZJHRl1x5Xj94sRrMirzTGrCgOkiuHoPZGeEFDTwIgfzH7KV2ROGfW5eZ0BZD8A7EMH04FublvhD6GFZ1pudg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a4baf07a9736a6e1fa40001f7198ae1865d67392","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.f52358dd0.0","@material/base":"15.0.0-canary.f52358dd0.0","@material/theme":"15.0.0-canary.f52358dd0.0","@material/feature-targeting":"15.0.0-canary.f52358dd0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.f52358dd0.0_1683901793836_0.9269776000530312","host":"s3://npm-registry-packages"}},"15.0.0-canary.d3c3fbaa3.0":{"name":"@material/touch-target","version":"15.0.0-canary.d3c3fbaa3.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d3c3fbaa3.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"255784596ce37667b4366bd78708f1696b55d143","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d3c3fbaa3.0.tgz","fileCount":13,"integrity":"sha512-8H2DyaY1Lx1NlYD8+pcYUl8hqYztgaXyI2uT8Xjy2FXjl9X8Iur6ZdTVUV7Ym0dVDGJeEXmhCWIcnPctP1LsCQ==","signatures":[{"sig":"MEUCIQCOObUCpZGrLzX0v0BtYUbPWtob2G5L74qXlRjDVN1H2QIgcKnLK7iQ9UEKnmLxefDwHGvU6ahAxTMlkFKLyBT4H/U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3b7f31c254605439f8fef56301c46f7bcbf3a9fe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d3c3fbaa3.0","@material/base":"15.0.0-canary.d3c3fbaa3.0","@material/theme":"15.0.0-canary.d3c3fbaa3.0","@material/feature-targeting":"15.0.0-canary.d3c3fbaa3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d3c3fbaa3.0_1683914397817_0.6874161284602636","host":"s3://npm-registry-packages"}},"15.0.0-canary.576d3d2c8.0":{"name":"@material/touch-target","version":"15.0.0-canary.576d3d2c8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.576d3d2c8.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bbb48c387304b2b37555af9c1c4429375189d21f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.576d3d2c8.0.tgz","fileCount":13,"integrity":"sha512-wCJSv1yPnD2CQN9r24MBWTFL3+xJOsFo9W/3jPpipvTGi16Nq5ce0Fr6gw7Y/hVUfkqSdKudly9bTNTJnmhglA==","signatures":[{"sig":"MEQCIB+aouGaK0pBdfqqCc00IGfuf5rrEmD15zHf3VmsI0QjAiAX1zqA6sKjGbY6UcZRDc+gz+aTPz1pMcOwq5gvIkwamA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6ace19a21b6654f14cad48fc007198859874c910","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.576d3d2c8.0","@material/base":"15.0.0-canary.576d3d2c8.0","@material/theme":"15.0.0-canary.576d3d2c8.0","@material/feature-targeting":"15.0.0-canary.576d3d2c8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.576d3d2c8.0_1684202371167_0.2656924421098008","host":"s3://npm-registry-packages"}},"15.0.0-canary.19bb36a46.0":{"name":"@material/touch-target","version":"15.0.0-canary.19bb36a46.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.19bb36a46.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8bc44c9f4f814acd79d5eec980b487109ed9e4d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.19bb36a46.0.tgz","fileCount":13,"integrity":"sha512-we3RwUhIVrvuwQMZpZHV293SBwy2ugW6RSZI/PBeMmM1lG28e+lsvvvAqPrsBPfoitMEPabrFatdqV8YKBHVCA==","signatures":[{"sig":"MEUCIQDdCoAxvM1/Cwz+HeP7KBTDqYCtmA9RKayIoPD4oigI8AIgfzoJT6mpxOUE2GVYLbU95YDisqDXduin0GmJYoYTElQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"75157be315eeaa02f70ed69f97e44a7d40d53e42","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.19bb36a46.0","@material/base":"15.0.0-canary.19bb36a46.0","@material/theme":"15.0.0-canary.19bb36a46.0","@material/feature-targeting":"15.0.0-canary.19bb36a46.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.19bb36a46.0_1684266812465_0.6085013703908155","host":"s3://npm-registry-packages"}},"15.0.0-canary.aa5ac7fe5.0":{"name":"@material/touch-target","version":"15.0.0-canary.aa5ac7fe5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.aa5ac7fe5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8f793c63825f8d2ea9e8e8318f6dd9eecd0027fd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.aa5ac7fe5.0.tgz","fileCount":13,"integrity":"sha512-MYiPR8Czrlvy3oOEb1YSzbdyG4hOIYZ27dlv9Zt/I6i4EqI5L9MiQVCvpJtDjeo71rLDskjPxmbYWza2rezE4g==","signatures":[{"sig":"MEQCICCd0h/jLiFNbsT0OaTQfgE1NiFw7AEZXhc8wt9tRJi0AiB8DlnvMp617ozO4hdSihNbP9LTQMKuFpQg0AlhUTlhrQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"83e86542dd6facc8ffe487d31111412ee18b5bde","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.aa5ac7fe5.0","@material/base":"15.0.0-canary.aa5ac7fe5.0","@material/theme":"15.0.0-canary.aa5ac7fe5.0","@material/feature-targeting":"15.0.0-canary.aa5ac7fe5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.aa5ac7fe5.0_1684776297647_0.2825000699230915","host":"s3://npm-registry-packages"}},"15.0.0-canary.90291f2e2.0":{"name":"@material/touch-target","version":"15.0.0-canary.90291f2e2.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.90291f2e2.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc3ea054512c46defe30b0866677a46452522bd7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.90291f2e2.0.tgz","fileCount":13,"integrity":"sha512-IpRFf4umZ4ZNxrP+qJkRY9syh7TFZmU4c7EbAlANAJ0/8rlkEo7WJiqa9P1p4nFaT4eMo4n5g+qRI0Dkb9zW5g==","signatures":[{"sig":"MEUCIQC7stzBkKEf1Gt6g3A1s+gK6QMvM5zYCY5fzLgDoymWowIgDJvSEP4nD1RZo9sbQuBp7NNYW8u1bqXVxeNrC+CVqvk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a1c306471717b15ae8f0b481703ed1b46162df25","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.90291f2e2.0","@material/base":"15.0.0-canary.90291f2e2.0","@material/theme":"15.0.0-canary.90291f2e2.0","@material/feature-targeting":"15.0.0-canary.90291f2e2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.90291f2e2.0_1684863728612_0.9857768010040051","host":"s3://npm-registry-packages"}},"15.0.0-canary.446734f27.0":{"name":"@material/touch-target","version":"15.0.0-canary.446734f27.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.446734f27.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"33b6c9f3c107e772a71b0e7efd240f5109c81313","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.446734f27.0.tgz","fileCount":13,"integrity":"sha512-JhPheuIJ/hrteq++ZIpxoWgxMrXDlUvO5P3S95FSqjBdCbA26t50cgBFzgRM0fAZWUifXwRTOEk/dF1wcYWnRA==","signatures":[{"sig":"MEQCIF+ydCD4+goGpWqgfW9R1Dna7qKWtQ/fm6+ZQ+ivhXHRAiAxnh4IMKjLbSf52zrEViZY4dtFFOT6StcQeP3qRQqJ4Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a2536a849aada5f06aa85deaa7be06f44f620023","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.446734f27.0","@material/base":"15.0.0-canary.446734f27.0","@material/theme":"15.0.0-canary.446734f27.0","@material/feature-targeting":"15.0.0-canary.446734f27.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.446734f27.0_1685483263544_0.18716632619101747","host":"s3://npm-registry-packages"}},"15.0.0-canary.19de312d8.0":{"name":"@material/touch-target","version":"15.0.0-canary.19de312d8.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.19de312d8.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a459582503eccb677175b09ce13680b1e17ffe27","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.19de312d8.0.tgz","fileCount":13,"integrity":"sha512-iUrHJ/Dj1xE5nhgzP/HVgEJj5hF8u3JIZaBghRGRXFQNbh1t94P4yRgXnDep8lG+7HmQigrJZXdxY9PREHSUUQ==","signatures":[{"sig":"MEUCIQCcePA9k7/LORWGzWcrlbxZNykqS2FF9IvmlaA+ihxzCwIgGPDkoPORwRco26F9PhPY45rVjCrBBynQfs27UFqV2EM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"dc3811573a34ccafa5c09bcf14574bfb95373958","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.19de312d8.0","@material/base":"15.0.0-canary.19de312d8.0","@material/theme":"15.0.0-canary.19de312d8.0","@material/feature-targeting":"15.0.0-canary.19de312d8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.19de312d8.0_1686071867352_0.2921133560619975","host":"s3://npm-registry-packages"}},"15.0.0-canary.6081d829b.0":{"name":"@material/touch-target","version":"15.0.0-canary.6081d829b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6081d829b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d9b52cb07463d2963fdd110d6a3b708d25bdb932","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6081d829b.0.tgz","fileCount":13,"integrity":"sha512-VA43hhUw/6z+uLai4x3MWC6Dcwni5+Nghu/B5gLXq1qWCstJxEiJxeR12BTFsEbDhWVCWfhTRoCFmJK84GA/PA==","signatures":[{"sig":"MEUCIQD809adUj7wZTLaXmlpeNObiBfMNJwWbUMXm2dbvxv9FwIgAW/I/7zuRtl5FnUwFRFmd9BeP9ODvU9BvgbtfL1n+b0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"033569cc4deafe32dad2bf8cbd1de8789bc85668","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6081d829b.0","@material/base":"15.0.0-canary.6081d829b.0","@material/theme":"15.0.0-canary.6081d829b.0","@material/feature-targeting":"15.0.0-canary.6081d829b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6081d829b.0_1686100410903_0.5101083967174607","host":"s3://npm-registry-packages"}},"15.0.0-canary.b26c34a68.0":{"name":"@material/touch-target","version":"15.0.0-canary.b26c34a68.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b26c34a68.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"79b6fa7d7f105b07e37fd9f4149c2cd997eda2a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b26c34a68.0.tgz","fileCount":13,"integrity":"sha512-RemJ7tU0P5zd3OEDWhWlOEbuHEvNoyg6LarGUhpBMK/7xyux0+huPCrFQoz7kG4sf0CIJxIFT4RpgrufQFNKWQ==","signatures":[{"sig":"MEUCIQDZUEiQFXcPmE8qlFH5YwOQQGvmzsNJO0BJqsHfmiSvDwIgYLDicOXhym0UjkZTfwtd0QLwglrH6XG+iooykatEizk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"28919516866e588c52e4e6358c3c4d2523993b74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b26c34a68.0","@material/base":"15.0.0-canary.b26c34a68.0","@material/theme":"15.0.0-canary.b26c34a68.0","@material/feature-targeting":"15.0.0-canary.b26c34a68.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b26c34a68.0_1686169016162_0.7165195961036717","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fe911371.0":{"name":"@material/touch-target","version":"15.0.0-canary.4fe911371.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.4fe911371.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c7b53d885f2c8a78bbd13d7c01e00fa34ab4f87c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.4fe911371.0.tgz","fileCount":13,"integrity":"sha512-PZfYe/ymO2f8c8B9WxNafbvGYGbEkgBCzqJ040+5Nf/yLK0c/6hksBm5kPSWFlrN3KzHEBqcmDezGHjTag9Qmw==","signatures":[{"sig":"MEYCIQCvCtb6RtVNlTg93wD+BMXYwLYRgSGJprY2+e1cUIrYIAIhAMk+m2FRLzL06XSSMtYLuZDSMTq6gfFUaw1qn1NV0jCl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"a9de53a24d5e0f79f94310f061cdf2ab718df7f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.4fe911371.0","@material/base":"15.0.0-canary.4fe911371.0","@material/theme":"15.0.0-canary.4fe911371.0","@material/feature-targeting":"15.0.0-canary.4fe911371.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.4fe911371.0_1686179124531_0.24599213359351801","host":"s3://npm-registry-packages"}},"15.0.0-canary.a9ff9866f.0":{"name":"@material/touch-target","version":"15.0.0-canary.a9ff9866f.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a9ff9866f.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"70acd4e64de1182a4c50f86b91edde9782a41c6a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a9ff9866f.0.tgz","fileCount":13,"integrity":"sha512-hd7RUFapW2UvuPeVb2Ic2izpkeY9ZTF8Jd8zWGTO+ECl2N72WzlDetF16BarsXjji/9p9QuQCSCe44bj6FNo2A==","signatures":[{"sig":"MEQCIEcM1mOb3jSF9/svg2vAQVnffO1w6dcUfH8XR4c0vveZAiA+5FGreHHk9STtsIP2/J2z0G/WWdyrvskGFo7G8ZzSVQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5bed0ec6cdad0c38b52e8ac98994b2809d9c8f50","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a9ff9866f.0","@material/base":"15.0.0-canary.a9ff9866f.0","@material/theme":"15.0.0-canary.a9ff9866f.0","@material/feature-targeting":"15.0.0-canary.a9ff9866f.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a9ff9866f.0_1686656263385_0.2916010243529663","host":"s3://npm-registry-packages"}},"15.0.0-canary.b994146f6.0":{"name":"@material/touch-target","version":"15.0.0-canary.b994146f6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b994146f6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b00f2507a36c7341d2de7c590664894ce3a77815","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b994146f6.0.tgz","fileCount":13,"integrity":"sha512-X26Y9OWvIqYOHo+sC2VMvOoeQWlUR3/yb7uPdfq92Y44zlQ4Vexgq7nEUblEiXQ8Fj+d0T9rIhRh1y9PP3Z2dw==","signatures":[{"sig":"MEUCIQClewoEQ5LFQXdZCcl891f3hvrC+us7Lj4OkjLi96MRogIgHqe3/2lbRZ5E71gqGDkxIRXnjpnhcUe6rFGqgOTcuwE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e537228a5d88e4fb9c651aa15b1d56bd81bc63bd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b994146f6.0","@material/base":"15.0.0-canary.b994146f6.0","@material/theme":"15.0.0-canary.b994146f6.0","@material/feature-targeting":"15.0.0-canary.b994146f6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b994146f6.0_1686776583607_0.47671583460302536","host":"s3://npm-registry-packages"}},"15.0.0-canary.1fb4b1a06.0":{"name":"@material/touch-target","version":"15.0.0-canary.1fb4b1a06.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1fb4b1a06.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"351e6cbf4c950644228010f172e7b5e134736b53","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1fb4b1a06.0.tgz","fileCount":13,"integrity":"sha512-//KCQUJxvdZyiVOC7cXHHEV7SRPY/hGlPfm4ZzfCHCXke65pIiP5pRaxw+WI6sMABggGh68xEjWHiT8W2EWtXA==","signatures":[{"sig":"MEUCIQDyRI7azP/PjiPQWRrUBpvzR0ANj/oR0obokSeSa6PPJgIgVmqYMgi7C4zTuXFH7azqYJLvi7ttiufyU94Wo0RuZO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1d1b86822f3fc9f22a5fdfc1c381d5a4ae983829","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1fb4b1a06.0","@material/base":"15.0.0-canary.1fb4b1a06.0","@material/theme":"15.0.0-canary.1fb4b1a06.0","@material/feature-targeting":"15.0.0-canary.1fb4b1a06.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1fb4b1a06.0_1687892198986_0.5820150541976077","host":"s3://npm-registry-packages"}},"15.0.0-canary.c64a2776e.0":{"name":"@material/touch-target","version":"15.0.0-canary.c64a2776e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c64a2776e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"95f653e44de172da8900cf600726051dae3dfaec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c64a2776e.0.tgz","fileCount":13,"integrity":"sha512-wGYTwpnh2/E9W3WqBa2WHlyDfxSlaqOtcLiUPybSh3daez2lq0et/tETjUfJgTX9X/LDFhA9yDubCBzbCoc76Q==","signatures":[{"sig":"MEQCIBM0GbW/j/HE/4Q81A1fQgh9oZiRbaEq3eugyCxLTUo5AiBe6lXRks+0CnJ4c8p7DAC5fXG2ius5wz4ikqiNH1mbHQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"271b0c446646af573f67960820b6b2a86a9bda88","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c64a2776e.0","@material/base":"15.0.0-canary.c64a2776e.0","@material/theme":"15.0.0-canary.c64a2776e.0","@material/feature-targeting":"15.0.0-canary.c64a2776e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c64a2776e.0_1687896955085_0.4984116022199583","host":"s3://npm-registry-packages"}},"15.0.0-canary.b05d9eb7c.0":{"name":"@material/touch-target","version":"15.0.0-canary.b05d9eb7c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.b05d9eb7c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c4e511bee4a2b0715ca1eb109a0e33b7d7b45d46","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.b05d9eb7c.0.tgz","fileCount":13,"integrity":"sha512-6do34hJwpO/zOUXK3EKfqysf5YLqjdCO6uNwggHG/h9ug0nmyHy0RNu4gu6v5tECY2zUKGom0JRp8hWyNDuoWg==","signatures":[{"sig":"MEQCICa3+De0LgEtAIHfqqUlwbTAhhSG6JvQi7MPWN2qx0FrAiAySblaXV0/AT3QNChVqArZXqMHBdxlvxqKkiYUSNr+/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"854245f23fe0f7b3dd1163ecefd940b26718c134","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.b05d9eb7c.0","@material/base":"15.0.0-canary.b05d9eb7c.0","@material/theme":"15.0.0-canary.b05d9eb7c.0","@material/feature-targeting":"15.0.0-canary.b05d9eb7c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.b05d9eb7c.0_1688055791109_0.7971830691907285","host":"s3://npm-registry-packages"}},"15.0.0-canary.2a9697dc5.0":{"name":"@material/touch-target","version":"15.0.0-canary.2a9697dc5.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.2a9697dc5.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"95ae0a54d4c34c509fce16b1794ea59ee76386cc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.2a9697dc5.0.tgz","fileCount":13,"integrity":"sha512-hcSBHyoDTlurD85AerSODgmwTuKxGmVb/zeWcwX3Uh1eKGU3IAAOwc6BAMCrYFPVouz7Stj0iHaJxJsWttCHKg==","signatures":[{"sig":"MEUCIQD0i+GiG8TEEhGXWJs4FVn1aE5ff3wTJ3r6Kz1p/zViawIgW2WAIY45vpKWSgel4vR1K32Ylx+Q+xcGVEtr4yswONc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"fad1e5223c83a5b7a83a6ef81f7ebdc83a85672a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.2a9697dc5.0","@material/base":"15.0.0-canary.2a9697dc5.0","@material/theme":"15.0.0-canary.2a9697dc5.0","@material/feature-targeting":"15.0.0-canary.2a9697dc5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.2a9697dc5.0_1688163205756_0.9627800773537156","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c52adeab.0":{"name":"@material/touch-target","version":"15.0.0-canary.0c52adeab.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.0c52adeab.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"efe9d2e1498e944a4b1cc2c294956d8ee35944e4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.0c52adeab.0.tgz","fileCount":13,"integrity":"sha512-sprfNATDH8TTjHWKUHc9pZnK3nWsHy2ihEbrLU5H0dIxMtJXxURF/zBYpwQgemAAPA6eEdhYb+VtGMecr19+WQ==","signatures":[{"sig":"MEUCIQC21CHr2DGa0JMEkBGr8mhMPpDuL+V/ipo57MtpDoHhZwIgZD8aoBvJC+kn3UKVA1B5eOnJVepJH6rXQgfmGhjz5gU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"972024dd57885ff944ec073de0cd956353bfa7e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.0c52adeab.0","@material/base":"15.0.0-canary.0c52adeab.0","@material/theme":"15.0.0-canary.0c52adeab.0","@material/feature-targeting":"15.0.0-canary.0c52adeab.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.0c52adeab.0_1688574315710_0.41529568869527633","host":"s3://npm-registry-packages"}},"15.0.0-canary.83355c322.0":{"name":"@material/touch-target","version":"15.0.0-canary.83355c322.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.83355c322.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9a140e3dd743cb130907aa15838d65fab27dfa3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.83355c322.0.tgz","fileCount":13,"integrity":"sha512-VYN005I3cA6QBSwhqSGiFS1E+vpHa/I8WfVwRPJeQ1N0LZUqJ4uOZmBxENVGD7FxuraGFl0xDEeG4roOlXsp9A==","signatures":[{"sig":"MEQCIA+nKUSwKML/UHtGsCKMyDafiZBSj5H96Bqv+X0vk6l2AiB+ixVcA5PFfcvyuLCOHK1gUmWd27+7nUhf7KbhcFchwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"173401c2dd65fb3babae5b8e998c0a0032ff819d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.83355c322.0","@material/base":"15.0.0-canary.83355c322.0","@material/theme":"15.0.0-canary.83355c322.0","@material/feature-targeting":"15.0.0-canary.83355c322.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.83355c322.0_1689001490576_0.45855732099698643","host":"s3://npm-registry-packages"}},"15.0.0-canary.bc9ae6c9c.0":{"name":"@material/touch-target","version":"15.0.0-canary.bc9ae6c9c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.bc9ae6c9c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3416302f86483510e47a8aef9392b0a77784652d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.bc9ae6c9c.0.tgz","fileCount":13,"integrity":"sha512-AqYh9fjt+tv4ZE0C6MeYHblS2H+XwLbDl2mtyrK0DOEnCVQk5/l5ImKDfhrUdFWHvS4a5nBM4AA+sa7KaroLoA==","signatures":[{"sig":"MEUCIBJElpY1Tpuogf5iFw/MZOT5Fh4il7l9dWyBVF1WHd5PAiEAgyQJKPDTYdAJ+4FKpG3h5pX6Oo1DSVdDxPPsmYcOWPs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"9f0b9b80c267d99daa258e635481fecc4cbf0acd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.bc9ae6c9c.0","@material/base":"15.0.0-canary.bc9ae6c9c.0","@material/theme":"15.0.0-canary.bc9ae6c9c.0","@material/feature-targeting":"15.0.0-canary.bc9ae6c9c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.bc9ae6c9c.0_1691097621068_0.4639307775603052","host":"s3://npm-registry-packages"}},"15.0.0-canary.3c44cd956.0":{"name":"@material/touch-target","version":"15.0.0-canary.3c44cd956.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.3c44cd956.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aef4764fee99907186d828fc64939bdb030e4a98","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.3c44cd956.0.tgz","fileCount":13,"integrity":"sha512-CSr3QSd423bo6FRJNglrANeSkMZ7vvLMBMXcS0nQIdnirBYDiFsLW6DHNK+opa6m8rmQkADPPPxsd21Pg0i3cw==","signatures":[{"sig":"MEUCIAsqwKYG7bSOeBRLtLy5fPqh60AyaCttrgokX0VMdEHtAiEAiJGfwQjXQC3pVSELucgtjoKUH7LCl5ez2UKuDQ6pv2k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6e39da189328fcabc7040a629e312efe5f7cea80","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.3c44cd956.0","@material/base":"15.0.0-canary.3c44cd956.0","@material/theme":"15.0.0-canary.3c44cd956.0","@material/feature-targeting":"15.0.0-canary.3c44cd956.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.3c44cd956.0_1691430393890_0.14257333701435515","host":"s3://npm-registry-packages"}},"15.0.0-canary.02702296e.0":{"name":"@material/touch-target","version":"15.0.0-canary.02702296e.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.02702296e.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7684e66ab876e13bb330499308ca8b916f02d777","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.02702296e.0.tgz","fileCount":13,"integrity":"sha512-RY+hk7Ou+/lDYp6aXq6nTgUE8QBNCDrFTC/PNwKFsmw4fc0auhzrLYpidctpZLAob2Mo2MgVLr5qMqNT/Ubp4A==","signatures":[{"sig":"MEUCIEzCGmM242Qez7NQrYgEhgJm2hgpDpY9InKd8xUQDL1DAiEA4m+nhbe3DKWtPgfHpVirlf/F/qXAvcbHJacyYYC45ik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"22335673bc742932498b2538321ed9dcfd692879","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.02702296e.0","@material/base":"15.0.0-canary.02702296e.0","@material/theme":"15.0.0-canary.02702296e.0","@material/feature-targeting":"15.0.0-canary.02702296e.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.02702296e.0_1692965066316_0.09508828519903845","host":"s3://npm-registry-packages"}},"15.0.0-canary.872b65832.0":{"name":"@material/touch-target","version":"15.0.0-canary.872b65832.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.872b65832.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26d57c622de30fc1a7672151de311a0b480d3195","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.872b65832.0.tgz","fileCount":13,"integrity":"sha512-DQaM8q/6fiZ+9yv0YC5yNC/WLYnAYQQ55z1Qxyo9YuCfqwsQ1LGTThVZJvX4+bZ/jdfvxyWyScmiF3QQHU79nQ==","signatures":[{"sig":"MEQCIBXfS6hIksrAYpgfBUo8OMnWAOmXbOOtYzYq6C2gYCJgAiAk+qdjEzwxPL+CfHaib9St4CnprUJxouB1/N1x64VOGg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"be0901c091f812355b2d192c49bd051d8daf7a98","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.872b65832.0","@material/base":"15.0.0-canary.872b65832.0","@material/theme":"15.0.0-canary.872b65832.0","@material/feature-targeting":"15.0.0-canary.872b65832.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.872b65832.0_1693397565930_0.6090416573554847","host":"s3://npm-registry-packages"}},"15.0.0-canary.89b2e4122.0":{"name":"@material/touch-target","version":"15.0.0-canary.89b2e4122.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.89b2e4122.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c05b01b8b02dcf0c39bf51e1fabd1a3231d7121a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.89b2e4122.0.tgz","fileCount":13,"integrity":"sha512-Vd05RsRMzfS+q4G7AWGn/nyllz7KH6GoqK0jJZqqbDXs7zYtvYMi4uGE7Ts/RBIbwlcYYoWyxEzUL+xuBGr8RA==","signatures":[{"sig":"MEYCIQDlNWbtKWSNozdLLIoDnelBHXj9sYeK6ZH8aGaJO2sXlQIhAKC28zTHDNby552sgnuYga5sE5o29zMUysXcj3mv/cIF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"68bd55db9489546e515443239f477836e16db19b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.89b2e4122.0","@material/base":"15.0.0-canary.89b2e4122.0","@material/theme":"15.0.0-canary.89b2e4122.0","@material/feature-targeting":"15.0.0-canary.89b2e4122.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.89b2e4122.0_1693497970525_0.4111268357888489","host":"s3://npm-registry-packages"}},"15.0.0-canary.7a3942e7a.0":{"name":"@material/touch-target","version":"15.0.0-canary.7a3942e7a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7a3942e7a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"206f2ef001be3536738132750b23b2ec1879422b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7a3942e7a.0.tgz","fileCount":13,"integrity":"sha512-dG2vnN8uZv59r6c3w8aJULUWbZxMJDkXAWWAGzTwz2wU0G4nTc5n6EN+Iq/gCv2OMG49yQ5GHWeAz6WpNB4DdA==","signatures":[{"sig":"MEYCIQDa1rPLzZ7tM/hxqLPYERTfjiqQvHHUhG/Jf5Ml4aDqxQIhAP6BqFS1M6FJqK/CUTbCrPrV08yIgHm/akYRNsuzAgNL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e61dc0a16a5b376c778548e5a6cecb56f5c5704d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7a3942e7a.0","@material/base":"15.0.0-canary.7a3942e7a.0","@material/theme":"15.0.0-canary.7a3942e7a.0","@material/feature-targeting":"15.0.0-canary.7a3942e7a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7a3942e7a.0_1693507135289_0.10612313465695777","host":"s3://npm-registry-packages"}},"15.0.0-canary.54feb3020.0":{"name":"@material/touch-target","version":"15.0.0-canary.54feb3020.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.54feb3020.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ae02cbdcaf661010cd53fddaa5899c1f5f0d95f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.54feb3020.0.tgz","fileCount":13,"integrity":"sha512-x3WlibKY85DeAse8KZhNKTzfodQkWXoSoKsBQXl8Hnbi51Pm0hDx61SxaArp1oOHd9Jl3s8qd+9TJ9DF/YG09w==","signatures":[{"sig":"MEUCIQCZtW6pBDej7oXLyhzUiabxQiBIH03FbpMRaOwubm9u8gIgdwCza2kouduS+Qg1H02Q/Tz6/tomJH3J+1Eqx2mXgrc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"5dc5cb94463af21f898ddd58cc4d9e4fbf803222","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.54feb3020.0","@material/base":"15.0.0-canary.54feb3020.0","@material/theme":"15.0.0-canary.54feb3020.0","@material/feature-targeting":"15.0.0-canary.54feb3020.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.54feb3020.0_1694466273628_0.47307825074766874","host":"s3://npm-registry-packages"}},"15.0.0-canary.6cda3ce8d.0":{"name":"@material/touch-target","version":"15.0.0-canary.6cda3ce8d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.6cda3ce8d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f7eb1422146458682ef7a95ee9f7ac6a4f6562f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.6cda3ce8d.0.tgz","fileCount":13,"integrity":"sha512-6qotYh6LyuwO7eFT2vgn9HnC2xzvwTYEq6ESJP5Z5D/QdTizBvJakR8TTdIFlR8s0ylAsA4X3ngZszHLxtu2Ig==","signatures":[{"sig":"MEQCIHoHFfijE7UHJei4GYsXseNGhcuTxlm3YoiZ3/LE1F/UAiAiOJ70Mi95TCe3a3CW11Fcgu7PbUIKO/Q2uTsQo33Wsg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"adb36c6339e7bf37fe1e8ca96526a9673ca602e7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.6cda3ce8d.0","@material/base":"15.0.0-canary.6cda3ce8d.0","@material/theme":"15.0.0-canary.6cda3ce8d.0","@material/feature-targeting":"15.0.0-canary.6cda3ce8d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.6cda3ce8d.0_1694483069019_0.21403120581999402","host":"s3://npm-registry-packages"}},"15.0.0-canary.205b20b36.0":{"name":"@material/touch-target","version":"15.0.0-canary.205b20b36.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.205b20b36.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6024ab07821721a4e5b59e4f3105eef02fb6636c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.205b20b36.0.tgz","fileCount":13,"integrity":"sha512-sQ5IejokIbI708yEaKcLAMPyYWIkfkzIL+ddmJC+sWjL4QCRcANaxOfsLnf5fkQ0yV21vaA+B0f5+3c8aZft4A==","signatures":[{"sig":"MEUCIQDj8IJPaxQXiIrBvSR4uGAd6N5CSR+AtBai8ET1H3oRngIgU9P7hIVLUjuw+9RRQ0Ol/9j/q3OIQR9UARRbrnOI+FY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"00fdcf619c34c502844acb0f2485e99595aa138d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.205b20b36.0","@material/base":"15.0.0-canary.205b20b36.0","@material/theme":"15.0.0-canary.205b20b36.0","@material/feature-targeting":"15.0.0-canary.205b20b36.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.205b20b36.0_1694625359812_0.8343161748112051","host":"s3://npm-registry-packages"}},"15.0.0-canary.22bf82024.0":{"name":"@material/touch-target","version":"15.0.0-canary.22bf82024.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.22bf82024.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f8f519cf95463199020112789e0ee941692bb2fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.22bf82024.0.tgz","fileCount":13,"integrity":"sha512-NNcoxDJhuDNVjHm0dfrOzLFA3CQDbFB3WiaS8HeQ/imcPnybKGl5x9uQX/tYTTeOv3QH8014b9UQojCAYjcrfg==","signatures":[{"sig":"MEUCIFLidtpYFgqam7mnfBfbHKm1zDGeketU/+yjMsoeDetqAiEA7S69hZJXc6lv/b5v+7v043EKnb9oQ5oWOdzSgHHXkkE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"eda4fad2a8a727b69db60b828bd92df7a8956143","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.22bf82024.0","@material/base":"15.0.0-canary.22bf82024.0","@material/theme":"15.0.0-canary.22bf82024.0","@material/feature-targeting":"15.0.0-canary.22bf82024.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.22bf82024.0_1695028280533_0.7068801407473035","host":"s3://npm-registry-packages"}},"15.0.0-canary.a246a4439.0":{"name":"@material/touch-target","version":"15.0.0-canary.a246a4439.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a246a4439.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e9d7105ee985fe8b89370e00120d75a3518b78c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a246a4439.0.tgz","fileCount":13,"integrity":"sha512-ubyD1TUjZnRPEdDnk6Lrcm2ZsjnU7CV5y7IX8pj9IPawiM6bx4FkjZBxUvclbv3WiTGk5UOnwPOySYAJYAMQ1w==","signatures":[{"sig":"MEQCIAzqq/j8bqGACgXMPv9tyId8AL1YTfnitbjgtiiiSSTNAiBE1U7xiEU6APJ6aBdRVesAvL7FZ5QZmzcuwGBbswwgNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"40201df8b7e53b61aead4acdfa34b48fb1d155b8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a246a4439.0","@material/base":"15.0.0-canary.a246a4439.0","@material/theme":"15.0.0-canary.a246a4439.0","@material/feature-targeting":"15.0.0-canary.a246a4439.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a246a4439.0_1695059116278_0.7794419903642669","host":"s3://npm-registry-packages"}},"15.0.0-canary.d153db62b.0":{"name":"@material/touch-target","version":"15.0.0-canary.d153db62b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d153db62b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d6aa56981473bf15efd6c8a99cb3cafd43bafd9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d153db62b.0.tgz","fileCount":13,"integrity":"sha512-6AntieDZb6Czyq9ARuuMEmz3XISx27sml9oqOqG/RlmXwZCwRFKgphKg5ODAGjPmiBxW90EXMvtsm47MWKSwMg==","signatures":[{"sig":"MEQCIEcgcngq7wx0HKfieYAiI+J01LUKWB33p7QWEAMYpNgIAiB1PRj4KK64nV+MOrChyZOn/9MnSWU5KYqjthq9eP3Hdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4ca05c144c691cd06cd5926fe0bc54818e462202","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d153db62b.0","@material/base":"15.0.0-canary.d153db62b.0","@material/theme":"15.0.0-canary.d153db62b.0","@material/feature-targeting":"15.0.0-canary.d153db62b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d153db62b.0_1695150872919_0.9239563419940593","host":"s3://npm-registry-packages"}},"15.0.0-canary.2528c1c3b.0":{"name":"@material/touch-target","version":"15.0.0-canary.2528c1c3b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.2528c1c3b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f80bdc7327bb659668a92d8813b232a86162c1c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.2528c1c3b.0.tgz","fileCount":13,"integrity":"sha512-7wYZYhezP+uKAyvDoTHdyjCJT0Vl61c0wDIrFnS+e+KssgjdnGpt+rIYHd/r5JrNCXPy8PxlsNfJUjMQBGligQ==","signatures":[{"sig":"MEUCIQC8E9zH4a648eybwgHOVKHAsIuZj9OtcyCKAHS6S7H8YAIgUh4MCxB0f5uluuobNktWFaUgCIXDdXQc3KEmZIxHNgA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"98b5b57bd5356f48610a254e8c4acff388d5fb7b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.2528c1c3b.0","@material/base":"15.0.0-canary.2528c1c3b.0","@material/theme":"15.0.0-canary.2528c1c3b.0","@material/feature-targeting":"15.0.0-canary.2528c1c3b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.2528c1c3b.0_1695233142434_0.17228249693267195","host":"s3://npm-registry-packages"}},"15.0.0-canary.1728a6dcf.0":{"name":"@material/touch-target","version":"15.0.0-canary.1728a6dcf.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.1728a6dcf.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3aa38e2c59d5f3d47b2169c7767ed18c6b558a01","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.1728a6dcf.0.tgz","fileCount":13,"integrity":"sha512-CTNfVLlXUCSAgn+6YXYyVU0RqiiYavMETD24D8FPy8lOaGMUhtdTtoKbfOwI0nsjELUXZiFSnhlYPohd7GmWWQ==","signatures":[{"sig":"MEUCIBorPal7SBPvzn2aMlUJYlxRqtT5BVYCcZIuRxwMCiBlAiEAmPxqaF9X1uwPiDRLWb7swzppT/pGtjzKYbyuzxQMj50=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"3828aedf4f344a948780a69956ca4f069cef3daa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.1728a6dcf.0","@material/base":"15.0.0-canary.1728a6dcf.0","@material/theme":"15.0.0-canary.1728a6dcf.0","@material/feature-targeting":"15.0.0-canary.1728a6dcf.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.1728a6dcf.0_1695691353455_0.5039337278605722","host":"s3://npm-registry-packages"}},"15.0.0-canary.ebb636f3d.0":{"name":"@material/touch-target","version":"15.0.0-canary.ebb636f3d.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.ebb636f3d.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8d019ab9d7879b25ed5f762d9e1781ac358a54b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.ebb636f3d.0.tgz","fileCount":13,"integrity":"sha512-QQE0Xt1n+GWzgJa4/afvNMyPl8u6xPpM8jZdQz/7AYc8ddAP6y96YfCAKWH4KoK1DA8zwOSDSkhgg35wM0tWng==","signatures":[{"sig":"MEQCIDWjMkkJ1HZFvSYgGkj5bDmrN8LtZg43vnfoEeBQC3eBAiBu4Z18MnR2/Eluka5lm4J1AsRxwEUZYiMG77AJciwbJQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"6f62607a00dd885ebbe422b247dc4acc1ded22cb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.ebb636f3d.0","@material/base":"15.0.0-canary.ebb636f3d.0","@material/theme":"15.0.0-canary.ebb636f3d.0","@material/feature-targeting":"15.0.0-canary.ebb636f3d.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.ebb636f3d.0_1696016632544_0.9909152843796651","host":"s3://npm-registry-packages"}},"15.0.0-canary.c0d21ecc9.0":{"name":"@material/touch-target","version":"15.0.0-canary.c0d21ecc9.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c0d21ecc9.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"888c32973aafc97a5e5c8207f542d48842cb4ce6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c0d21ecc9.0.tgz","fileCount":13,"integrity":"sha512-S05Zldz/0yytBIzmQ+6BY+8UG59AKEObe7SH3PsHyDz/6DesfhPtD4yssR2l4cBqAKtVaIf1bRzINXXWsZES3w==","signatures":[{"sig":"MEUCIQCwV9FWziBqSErF8oPFAq6H8M0zVL8LgaUg6sWNMlQZcwIgM46mlGwfKECNWQP2wweMg46Yd0OMGdiMPEPIM+wttGg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0a932ea790a12d359ce4ec7c5c4c7aec7edf565d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c0d21ecc9.0","@material/base":"15.0.0-canary.c0d21ecc9.0","@material/theme":"15.0.0-canary.c0d21ecc9.0","@material/feature-targeting":"15.0.0-canary.c0d21ecc9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c0d21ecc9.0_1696880171739_0.021619987745922886","host":"s3://npm-registry-packages"}},"15.0.0-canary.127a44b28.0":{"name":"@material/touch-target","version":"15.0.0-canary.127a44b28.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.127a44b28.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f0c37dd31ab72f572e3808465622587ee4d08823","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.127a44b28.0.tgz","fileCount":13,"integrity":"sha512-7ipn2eWcBTGwu4uEadKnrgVrGy40Afs4LRMO8ScNPL8+CrmCtdwOLP1Q6mSnGRsJTRqrNcJ1FI09ZRY8h+6JLA==","signatures":[{"sig":"MEQCIDYxQonsBfKVgfhr23vhtMQ+3Mn7A5QQy0Vf7IuTJ8AAAiBtzWh/yvC7s7Gpm2RChV8NdRyWHEwrKVCDxHzm36MCaw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"88d1fc2c5354e751ea3ab567d26bb1886ee152d3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.127a44b28.0","@material/base":"15.0.0-canary.127a44b28.0","@material/theme":"15.0.0-canary.127a44b28.0","@material/feature-targeting":"15.0.0-canary.127a44b28.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.127a44b28.0_1697140764954_0.6863622418434385","host":"s3://npm-registry-packages"}},"15.0.0-canary.0ad128337.0":{"name":"@material/touch-target","version":"15.0.0-canary.0ad128337.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.0ad128337.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93a92b106195be7db347c2d90d202dcd5c418a79","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.0ad128337.0.tgz","fileCount":13,"integrity":"sha512-SZ+uOf264XKQkHg7CyVIXEeC+3m9vIviCZvJmXOMXUiB3eVPre+wpej2njklWOw5GlaufP7MO/qEmt/5tAuKNw==","signatures":[{"sig":"MEUCIQDn96PVsK0FPJEAJv6zFhc03B6GpX3hZxB0h0DF0Y3hDAIgSSkcBwLfrNkH42jHyq/lsheabDQdAyjn1ogW/AcJfR4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"bb76f531b61a52aae34c7a1efa45824fd32e49f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.0ad128337.0","@material/base":"15.0.0-canary.0ad128337.0","@material/theme":"15.0.0-canary.0ad128337.0","@material/feature-targeting":"15.0.0-canary.0ad128337.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.0ad128337.0_1697741471801_0.02008527362010981","host":"s3://npm-registry-packages"}},"15.0.0-canary.9cec94097.0":{"name":"@material/touch-target","version":"15.0.0-canary.9cec94097.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.9cec94097.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d18e82663e78c542c675a7a6d84d717118ea70d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.9cec94097.0.tgz","fileCount":13,"integrity":"sha512-3bYW2QjCvn8X8N70JXM8AGwXnle280vOv6oL+7fIAhirt6nA0kbKnDyK9RiLA5Ruom8wamZqN8FhyjJDEKdr9Q==","signatures":[{"sig":"MEUCIQC5NkD/7ad11zWCd5LAbJld2l2/7Znvcr1XEgMGk9lpwAIgBzNZPJMMHrd3ykwEyLbdjBS9+cpVjyTUYCpr7Qugpmo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1a8019402daf97efb72456551503dfb3fa31466b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.9cec94097.0","@material/base":"15.0.0-canary.9cec94097.0","@material/theme":"15.0.0-canary.9cec94097.0","@material/feature-targeting":"15.0.0-canary.9cec94097.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.9cec94097.0_1697756927056_0.01260272503343618","host":"s3://npm-registry-packages"}},"15.0.0-canary.c51a0bbcc.0":{"name":"@material/touch-target","version":"15.0.0-canary.c51a0bbcc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c51a0bbcc.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5cb2f1a65812c4d12d03cdae7f3be1f830c4a5ed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c51a0bbcc.0.tgz","fileCount":13,"integrity":"sha512-7Y5Nd3TCva8xc+PN95N16HtbqZXZ1c3WyqiMse5skMBysjAZwIZGLRIU+bOE7Yccoc1EC/48s+6LSfwGXGellg==","signatures":[{"sig":"MEYCIQCYA+g6FrTlUVo+bTZ2V+Ix2ScYZ0DdvOd+ecB0O/aQXgIhALPpbIH5uUPe0jmsdSZvcLJZgr3W5uYAO5rBdg3VHrav","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e65c7fe6dcc6d6069f00d4d2f8c55e61710d046b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c51a0bbcc.0","@material/base":"15.0.0-canary.c51a0bbcc.0","@material/theme":"15.0.0-canary.c51a0bbcc.0","@material/feature-targeting":"15.0.0-canary.c51a0bbcc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c51a0bbcc.0_1700081898246_0.2396063843907299","host":"s3://npm-registry-packages"}},"15.0.0-canary.d76666ad4.0":{"name":"@material/touch-target","version":"15.0.0-canary.d76666ad4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.d76666ad4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"90ee985f6e620f00d573012ccf6022782ecb4c31","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.d76666ad4.0.tgz","fileCount":13,"integrity":"sha512-+QYRlO5HYSdiF/xpg5YNyg2Xgf7+W8Y9CVxk2CpmXDvYi9GGAbYXaijJA8SnZyWGw1MJqi2dsw7ZaRN+FNl0Vw==","signatures":[{"sig":"MEQCIEzyU58y7m1vwRZxEc+sxdBw7K2qY7hpePky+w/SCUujAiBT4wKW639ecFbDJaVCdVUtLeNuTsTDVnXXk8Rx1QXb8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"8fc3640e389fda0098b42091a9a1ab8653fc6470","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.d76666ad4.0","@material/base":"15.0.0-canary.d76666ad4.0","@material/theme":"15.0.0-canary.d76666ad4.0","@material/feature-targeting":"15.0.0-canary.d76666ad4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.d76666ad4.0_1701123160901_0.057792935741545426","host":"s3://npm-registry-packages"}},"15.0.0-canary.8656bf0e0.0":{"name":"@material/touch-target","version":"15.0.0-canary.8656bf0e0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.8656bf0e0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cda24650c3e746d7774c85b6bac07f39bdbfd1ff","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.8656bf0e0.0.tgz","fileCount":13,"integrity":"sha512-RB/sewsfhflIfK6/4iFGvCREzIV/rNTEwWSb1NaWK0BvlvwqBuvilYrv5cjyYMl45JXAW3UBOLezPThWkEL0KA==","signatures":[{"sig":"MEUCICWF6aMWX/44nsamqiph5sgNZ1wLO7Vn3AiT/glex5IPAiEAiPceY1r/h6ZXw1Qthm7mzLciWbfI630LHl6j8eKMAeM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"36cab37e468233da3044a10c1df388f634163cc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.8656bf0e0.0","@material/base":"15.0.0-canary.8656bf0e0.0","@material/theme":"15.0.0-canary.8656bf0e0.0","@material/feature-targeting":"15.0.0-canary.8656bf0e0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.8656bf0e0.0_1702415892195_0.9131012960168536","host":"s3://npm-registry-packages"}},"15.0.0-canary.7f224ddd4.0":{"name":"@material/touch-target","version":"15.0.0-canary.7f224ddd4.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.7f224ddd4.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab80eeec967fa1444dc5d0198c4c826916a9ff86","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.7f224ddd4.0.tgz","fileCount":13,"integrity":"sha512-BJo/wFKHPYLGsRaIpd7vsQwKr02LtO2e89Psv0on/p0OephlNIgeB9dD9W+bQmaeZsZ6liKSKRl6wJWDiK71PA==","signatures":[{"sig":"MEUCIQCiHuge3pDTjX3wUebMdhavW3M/eTTvBkNwm61DspaEggIge6vBKcTvgMLxF0gfJ5bywiAJpcF3KVKLqbbTM3G8dQc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ff8ff3ce455054f1532d1ae0983f40634a524886","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.7f224ddd4.0","@material/base":"15.0.0-canary.7f224ddd4.0","@material/theme":"15.0.0-canary.7f224ddd4.0","@material/feature-targeting":"15.0.0-canary.7f224ddd4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.7f224ddd4.0_1703743721403_0.8902441997932495","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0b8a90c0.0":{"name":"@material/touch-target","version":"15.0.0-canary.a0b8a90c0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.a0b8a90c0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd2245ea548b8ce003704596a59f4bcad4c3f467","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.a0b8a90c0.0.tgz","fileCount":13,"integrity":"sha512-BeWetVT6KlV8BSIhjpC/RrLBR3lyH6Y6jdCHvb6zbn4PwKPwx3WlNAzCcLxXu+UomLes+dAcYbua1/mdNn5oQA==","signatures":[{"sig":"MEQCIHZDRSQTq2/JLpD2lNQNAKeWp17Q2d3TCrG68V3UisQbAiAdTB4j5Lfn9p21hvfs/JJ4NL4rqUDTUTDa29OViSs0jA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"85d5965379b080c9f852ecbbd95031e363636dfd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.a0b8a90c0.0","@material/base":"15.0.0-canary.a0b8a90c0.0","@material/theme":"15.0.0-canary.a0b8a90c0.0","@material/feature-targeting":"15.0.0-canary.a0b8a90c0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.a0b8a90c0.0_1707333544813_0.6977740060896838","host":"s3://npm-registry-packages"}},"15.0.0-canary.e50b478eb.0":{"name":"@material/touch-target","version":"15.0.0-canary.e50b478eb.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.e50b478eb.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c2caf9b3986c4b5c9b7a316453765b184faf574f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.e50b478eb.0.tgz","fileCount":13,"integrity":"sha512-aRPj0fSDkKUVYq5W4gP4d7IkAWVMk5ueQtAyb9GdE5soXDyRIjx13eJp9fXPYNWmBuuUKKAuPJA+zUQ016Ydjg==","signatures":[{"sig":"MEUCIQCek6NBSrjVuj954iGu2PqtXbAMT3YIsweJqkkZ7UuuIgIgArjtc4CZRgNWs0hNpjnff8I4K2OB31HGrfYCZUAZdhU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"4691455eaee76f99b18be70913c9fefb7cf3c2ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.e50b478eb.0","@material/base":"15.0.0-canary.e50b478eb.0","@material/theme":"15.0.0-canary.e50b478eb.0","@material/feature-targeting":"15.0.0-canary.e50b478eb.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.e50b478eb.0_1707415653455_0.07512828198568644","host":"s3://npm-registry-packages"}},"15.0.0-canary.c43b3438b.0":{"name":"@material/touch-target","version":"15.0.0-canary.c43b3438b.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.c43b3438b.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"95928d239b9563ca687bf4cdf1a78096ba5d7459","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.c43b3438b.0.tgz","fileCount":13,"integrity":"sha512-lzyGtdBFObRBWoJiVHFkGti1K6iCwz6xXZC78Evqo77jkcJyWUJS0h8ykmlRovM7yPsKBdbG9GW16DcSNeGXCw==","signatures":[{"sig":"MEUCIQCvx81UfIwWrPo98iqPGh9RlMPdvs1cO0imEDFq0hLRFAIgfWm1mlW1QsE72L+uSjhtWMgDDlUfjgh6SlKSZZzXwyI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"e69adcf897de97b302f026f07bbc2571b1a488ca","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.c43b3438b.0","@material/base":"15.0.0-canary.c43b3438b.0","@material/theme":"15.0.0-canary.c43b3438b.0","@material/feature-targeting":"15.0.0-canary.c43b3438b.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.c43b3438b.0_1708719424254_0.3201679122855945","host":"s3://npm-registry-packages"}},"15.0.0-canary.819498d8c.0":{"name":"@material/touch-target","version":"15.0.0-canary.819498d8c.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.819498d8c.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86a03953ee3d316a8177b7852cd045e2ea008fc2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.819498d8c.0.tgz","fileCount":13,"integrity":"sha512-Jf68TxYXGb/vJwRYtsNkQfQ1RlrVLaAUy/ctF+XRzN4I+XzMvcdQo94qEAkJAM6W7wa0E3FE/RM1+1lITCR6Gw==","signatures":[{"sig":"MEYCIQDbuUKWgVjRBn5P4mQWUo78RlXjyBMaoWPTWB4f8Yco7gIhAMCtmLFGqYGOxuQ2dEEO9DJzg+YleKOWpm5bGoJa0MT3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"886876a8252aacefe1942b13ba9251af9204bcdd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.819498d8c.0","@material/base":"15.0.0-canary.819498d8c.0","@material/theme":"15.0.0-canary.819498d8c.0","@material/feature-targeting":"15.0.0-canary.819498d8c.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.819498d8c.0_1710515652801_0.4438122554285142","host":"s3://npm-registry-packages"}},"15.0.0-canary.453a6248a.0":{"name":"@material/touch-target","version":"15.0.0-canary.453a6248a.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.453a6248a.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"70b07190f61b765aece996ec92f7d0efb450fd1d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.453a6248a.0.tgz","fileCount":13,"integrity":"sha512-nHj1d4NoasSHaG/XTleL6lDaBOE0mwRTOcEp1kZXb+xEtJzfPw0QP8XD7JndPNqpiZLdKbFuiq2dAvGl0bmPgw==","signatures":[{"sig":"MEUCIA6aAomnLR58tKltCA6WvwV8bldchlkOo5f/NSZUu29LAiEAjfWAsOTOc0rvLeRCJb+4fpsRjlHC9V6tmNW+NMEfcnQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1eea6443d63f2bc64fe8f6f86664b54266c41244","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.453a6248a.0","@material/base":"15.0.0-canary.453a6248a.0","@material/theme":"15.0.0-canary.453a6248a.0","@material/feature-targeting":"15.0.0-canary.453a6248a.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.453a6248a.0_1711386785444_0.7397097021968262","host":"s3://npm-registry-packages"}},"15.0.0-canary.68edc03c6.0":{"name":"@material/touch-target","version":"15.0.0-canary.68edc03c6.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.68edc03c6.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a5d05ba8c36c13c33eb6b78f36cb0ec64b6fbb64","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.68edc03c6.0.tgz","fileCount":13,"integrity":"sha512-NJWYKlEtPeBVfqIJW6zMCQYkvoQnENQDnLsKKqNTE71Sayc7GelJmXzV+r/u0I84H9vQHvtxSN/AOcBVQoGVQg==","signatures":[{"sig":"MEYCIQCynw01LC4+C7k+CbUdDxrauq5lAJUWrE3UlTvEh6vxDgIhAOmg+1PLaDLSp+Y7nR093wb7yRJG6xUhUZOjnc7sh5fs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"04046ad51f4d581f93e797ec929d219422dd0235","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.68edc03c6.0","@material/base":"15.0.0-canary.68edc03c6.0","@material/theme":"15.0.0-canary.68edc03c6.0","@material/feature-targeting":"15.0.0-canary.68edc03c6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.68edc03c6.0_1712603119108_0.1000137615331449","host":"s3://npm-registry-packages"}},"15.0.0-canary.5bebc0064.0":{"name":"@material/touch-target","version":"15.0.0-canary.5bebc0064.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.5bebc0064.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"995128fe74e2613e675f04b1115c0cc1df7bd7ed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.5bebc0064.0.tgz","fileCount":13,"integrity":"sha512-0XPp/CYEuOH4vn9EsOzH2Cz9pk48kmerFP0wuzvffWGcYU1guxrZOdn/F/TXj0WVYzer/4COsuIFRzyMR2VPVA==","signatures":[{"sig":"MEUCIBZIOEbUrtCqWGpjJmVjhDfyRFDcHI/p+R3w/EFJ81psAiEAwMnAnYNqstAkUp0XM3Fii1D3YiFWR0OdNsil45nS/q4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"ff39e65972de013a29dd14429e111139bc616366","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.5bebc0064.0","@material/base":"15.0.0-canary.5bebc0064.0","@material/theme":"15.0.0-canary.5bebc0064.0","@material/feature-targeting":"15.0.0-canary.5bebc0064.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.5bebc0064.0_1712871594685_0.10325440319569967","host":"s3://npm-registry-packages"}},"15.0.0-canary.311f29a60.0":{"name":"@material/touch-target","version":"15.0.0-canary.311f29a60.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.311f29a60.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a52b3d4463b6afd541c5dd29ef863872b67c1e35","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.311f29a60.0.tgz","fileCount":13,"integrity":"sha512-xqERIqAMF16mj+HrFtBJ0lsn4aGbhPKEoTJgJAE93Ius/TlkxTsbvgFpXtHzQ6cXG6TwHWYcudHelLAk1PRtNA==","signatures":[{"sig":"MEQCIDgkVmGUlMRvGKLO6lmUSrKqBVpQGVh5Tzm1fq4gRMgWAiB+5qp3Uzl1gDMeiGPRbNMaIsx8n11OPumqfIW35pg/PA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"7bc0264e163e842f0f96c1dbf7a468c022db1497","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.311f29a60.0","@material/base":"15.0.0-canary.311f29a60.0","@material/theme":"15.0.0-canary.311f29a60.0","@material/feature-targeting":"15.0.0-canary.311f29a60.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.311f29a60.0_1713895148481_0.9078829871757976","host":"s3://npm-registry-packages"}},"15.0.0-canary.65c10a622.0":{"name":"@material/touch-target","version":"15.0.0-canary.65c10a622.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.65c10a622.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cec7c7954ffc22fb723b3ce6fea76f7f37ef95e4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.65c10a622.0.tgz","fileCount":13,"integrity":"sha512-BM6qJ3iPRT1HdOB8Hkg4wzYZVFt3fNBGDReiTMm/YZnWfamg75/VTTFtE66fNuC/PjPGTgeYHr6J0Py4+BAoog==","signatures":[{"sig":"MEUCIQCwbfIIML8J8Y0MjIEoOl/BIBHSQp3OVG5l/4cobr9/1AIgFtGYIFLj0oO3sSkiO4dMh3QEcIG0QxfuCTSGP/LpCeQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"1f3126503c812250084b65b6edbb26f25ef4a174","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.65c10a622.0","@material/base":"15.0.0-canary.65c10a622.0","@material/theme":"15.0.0-canary.65c10a622.0","@material/feature-targeting":"15.0.0-canary.65c10a622.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.65c10a622.0_1714070896408_0.24533447354913762","host":"s3://npm-registry-packages"}},"15.0.0-canary.4b35cb7d0.0":{"name":"@material/touch-target","version":"15.0.0-canary.4b35cb7d0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.4b35cb7d0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38f0ca3464ff3de4c2f43b4aa022ec1ed0d09cb4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.4b35cb7d0.0.tgz","fileCount":13,"integrity":"sha512-hBRQLa/7zXA/hKFbVM7QeyVvqaiu28HKNT7V3XWP4VSfEc2nU38jMzFQxoAyTCeKMopuwk+qtvFFTkElSGUs9w==","signatures":[{"sig":"MEUCIELor5D5KN/RYj9XfZAHcZqvxMzTRAzZNfWG1u/YV/TCAiEA/QQaQekzDt7n9bic85V6Jcr/yPnQLm5NutOpkO3ItFE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"cba29aaa21c1bc2b1f1a02e5ddfa4a5110d9ef63","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.4b35cb7d0.0","@material/base":"15.0.0-canary.4b35cb7d0.0","@material/theme":"15.0.0-canary.4b35cb7d0.0","@material/feature-targeting":"15.0.0-canary.4b35cb7d0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.4b35cb7d0.0_1714651343471_0.01783664455651568","host":"s3://npm-registry-packages"}},"15.0.0-canary.f80ac92b0.0":{"name":"@material/touch-target","version":"15.0.0-canary.f80ac92b0.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.f80ac92b0.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"146013360bf45654ac2516c53c42103dd564de76","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.f80ac92b0.0.tgz","fileCount":13,"integrity":"sha512-cehyDzZp298B/76GAqiuBuHITgJwqm4yvBjESrwyM+jkDD5Kr0txULUOKWvfTnWdLaDepyYvgCC7Vas9gC/3Pg==","signatures":[{"sig":"MEUCIH2wZJJiTZlaJwlo9PctKaiibNxW6+203tnutMzYrv0jAiEA7je8Gx20HOFZmDdC8wCYXiWaZ60VgFsBYTILVa1b4ss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"514a3afe9efc5bcebf1ace1e335357184ee1a9e0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.f80ac92b0.0","@material/base":"15.0.0-canary.f80ac92b0.0","@material/theme":"15.0.0-canary.f80ac92b0.0","@material/feature-targeting":"15.0.0-canary.f80ac92b0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.f80ac92b0.0_1714651960170_0.2836852891982886","host":"s3://npm-registry-packages"}},"15.0.0-canary.2f5b899bc.0":{"name":"@material/touch-target","version":"15.0.0-canary.2f5b899bc.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.2f5b899bc.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"288b873952695559d5fcdf8972247d025448d894","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.2f5b899bc.0.tgz","fileCount":13,"integrity":"sha512-tjrnczzj8aMZBkhppoVZ78ZecQBaoO4lKNEiAEeJao532GF36XdK5bA6mBCe4TR+OAtZs1iNm9KnZDMUtP2h0A==","signatures":[{"sig":"MEYCIQCHWps62NsfZOnOLRCbeDJw3R3jfM2sYfqJhM2ZpNXWpQIhAOL3IL5vckmKDniOQu/5+7L8fcRSeXZGvLxrKSX7j1fU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"751553ca74ad43074c963487257a8862de87844b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.2f5b899bc.0","@material/base":"15.0.0-canary.2f5b899bc.0","@material/theme":"15.0.0-canary.2f5b899bc.0","@material/feature-targeting":"15.0.0-canary.2f5b899bc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.2f5b899bc.0_1716213259047_0.15723855464012604","host":"s3://npm-registry-packages"}},"15.0.0-canary.cfec83c74.0":{"name":"@material/touch-target","version":"15.0.0-canary.cfec83c74.0","keywords":["material components","material design","accessibility","touch target"],"license":"MIT","_id":"@material/touch-target@15.0.0-canary.cfec83c74.0","maintainers":[{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0d43b456de6e99351ff7721dc97de9ef5bb1c2b5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.cfec83c74.0.tgz","fileCount":13,"integrity":"sha512-oDtxAMJmTwu1kCALIKT4y/6kinLDCZvi4BbS/6v58rpi1CTQddwpTYIUdeOUeE4sjuEe3RJ4xsceDk4tscsdhQ==","signatures":[{"sig":"MEUCIQCNheOy5W3xHmtK1COPRSl8KGiv9zI5Hfq4Z+ouC/KZTAIgGr1d3K95QS+ogiB44WilV/2TwO8gXduLnGFdRBYut/g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16722},"readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","gitHead":"0ec8b129344ebbe45f00b6ad892b682b054ea892","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-touch-target"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Touch target mixins and variables for Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/rtl":"15.0.0-canary.cfec83c74.0","@material/base":"15.0.0-canary.cfec83c74.0","@material/theme":"15.0.0-canary.cfec83c74.0","@material/feature-targeting":"15.0.0-canary.cfec83c74.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/touch-target_15.0.0-canary.cfec83c74.0_1716231376687_0.0027065027631827387","host":"s3://npm-registry-packages"}},"15.0.0-canary.423edc3dc.0":{"name":"@material/touch-target","description":"Touch target mixins and variables for Material Components for the web","version":"15.0.0-canary.423edc3dc.0","license":"MIT","keywords":["material components","material design","accessibility","touch target"],"repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git","directory":"packages/mdc-touch-target"},"sideEffects":false,"dependencies":{"@material/base":"15.0.0-canary.423edc3dc.0","@material/feature-targeting":"15.0.0-canary.423edc3dc.0","@material/rtl":"15.0.0-canary.423edc3dc.0","@material/theme":"15.0.0-canary.423edc3dc.0","tslib":"^2.1.0"},"publishConfig":{"access":"public"},"gitHead":"19b2c5a95782b4928b3aecb29a1075c42aee53e5","readme":"<!--docs:\ntitle: \"Touch Target\"\nlayout: detail\nsection: components\nexcerpt: \"Increased touch targets for components\"\npath: /catalog/touchtarget/\n-->\n\n# Touch Target\n\nTouch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element.\nFor example, a button may appear to be 48 x 36 px, but the padding surrounding it comprises the full 48 x 48 px touch target.\n\nMaterial Design spec states that touch targets should be at least 48 x 48 px.\nThe MDC Web library provides mixins and guidance on adding an increased touch target for the following components:\n* Button\n* Chips\n* Checkbox\n* Radio\n* Mini FAB\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/design/usability/accessibility.html#layout-typography\">Material Design guidelines: Touch Targets</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/touch-target\n```\n\n## Basic Usage\n\n### HTML Structure\n\nFor a given button component:\n\n```html\n<button class=\"mdc-button\">\n  <div class=\"mdc-button__ripple\"></div>\n  <span class=\"mdc-button__label\">My Inaccessible Button</span>\n</button>\n```\n\nYou would add an increased touch target as follows:\n\n```html\n<div class=\"mdc-touch-target-wrapper\">\n  <button class=\"mdc-button mdc-button--touch\">\n    <div class=\"mdc-button__ripple\"></div>\n    <div class=\"mdc-button__touch\"></div>\n    <span class=\"mdc-button__label\">My Accessible Button</span>\n  </button>\n</div>\n```\n\nNote that the outer `mdc-touch-target-wrapper` element is only necessary if you want to avoid potentially overlapping touch targets on adjacent elements (due to collapsing margins).\n\n### Styles\n\n```css\n@use \"@material/touch-target/mdc-touch-target\";\n```\n\n## Style Customization\n\n### Sass Mixins\n\nMixin | Description\n--- | ---\n`wrapper` | Applied to the wrapper touch target element.\n`touch-target` | Applied to the inner touch target element.\n`margin` | Applied to the component root element. Adds margin to compensate for the increased touch target.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/touch-target@15.0.0-canary.423edc3dc.0","_nodeVersion":"14.21.3","_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","dist":{"integrity":"sha512-+GWYoWCSJRrPgw84mXf+G5hV8wBQ/vQUhikfB0gScpCGLfevTWZN/kT4tAzFqLB4xmdRdVbEm2wimjM8GplSxA==","shasum":"c64b5097bb918aca0482ade6fa67ae145dff431f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/touch-target/-/touch-target-15.0.0-canary.423edc3dc.0.tgz","fileCount":13,"unpackedSize":16722,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXCPjO/+thuoiA8tw6XaJmSBb1gJHMOgr860nHFKCB/gIgQCiGaw7NTOf8MbBzFfcoFvMdg+2+iyK0HAZahuDqmiI="}]},"_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/touch-target_15.0.0-canary.423edc3dc.0_1719425503558_0.36528208943897633"},"_hasShrinkwrap":false}},"name":"@material/touch-target","time":{"created":"2019-08-07T21:09:06.211Z","modified":"2024-06-26T18:11:44.079Z","4.0.0-alpha.0":"2019-08-07T21:09:06.441Z","4.0.0-canary.0":"2019-09-05T04:37:41.384Z","4.0.0-canary.1":"2019-09-09T20:20:32.976Z","4.0.0-canary.79d881baf.0":"2019-09-13T02:21:24.351Z","4.0.0-canary.e851d4f40.0":"2019-09-13T04:07:07.537Z","4.0.0-canary.905884690.0":"2019-09-16T23:47:57.109Z","4.0.0-canary.199534d61.0":"2019-09-27T18:57:38.805Z","4.0.0-canary.22d7ad2fb.0":"2019-10-15T18:57:02.829Z","4.0.0-canary.735147131.0":"2019-10-16T01:23:22.401Z","4.0.0-canary.062ade5c0.0":"2019-10-17T01:01:25.043Z","4.0.0-canary.774ad4f8.0":"2019-10-17T04:04:15.684Z","4.0.0-canary.5916d18c.0":"2019-10-18T20:08:22.360Z","4.0.0-canary.d4141c95.0":"2019-10-24T01:38:03.608Z","4.0.0-canary.2b878b3e.0":"2019-10-25T02:10:28.749Z","4.0.0-canary.b06c0efe.0":"2019-10-26T01:34:56.444Z","4.0.0-canary.01628efa.0":"2019-10-29T00:02:47.633Z","4.0.0-canary.b5c6d66b.0":"2019-10-29T17:56:30.412Z","4.0.0-canary.cdf858ea.0":"2019-11-01T17:58:39.641Z","4.0.0-canary.719b57e1.0":"2019-11-01T20:01:20.804Z","4.0.0-canary.97cbbdc2.0":"2019-11-01T20:28:56.633Z","4.0.0-canary.8e36b3b7.0":"2019-11-01T21:00:56.706Z","4.0.0-canary.62d3a09b.0":"2019-11-01T21:10:31.876Z","4.0.0":"2019-11-02T18:11:33.953Z","5.0.0-canary.b5eb51e94.0":"2019-11-07T18:33:28.299Z","5.0.0-canary.58500806e.0":"2019-11-08T15:35:30.369Z","5.0.0-canary.66299b646.0":"2019-11-08T20:33:30.203Z","5.0.0-canary.821871e04.0":"2019-11-08T21:28:01.721Z","5.0.0-canary.491fddc31.0":"2019-11-08T22:07:00.827Z","5.0.0-canary.b0cecf145.0":"2019-11-09T18:42:12.548Z","5.0.0-canary.afe0dd1bc.0":"2019-11-11T15:37:28.860Z","5.0.0-canary.b4cfdc40b.0":"2019-11-14T15:58:18.982Z","5.0.0-canary.525989b5d.0":"2019-11-14T23:30:37.509Z","5.0.0-canary.7084b403a.0":"2019-11-15T01:05:41.261Z","5.0.0-canary.3cbee6dac.0":"2019-11-15T22:32:36.793Z","5.0.0-canary.591a6ad44.0":"2019-11-18T23:48:19.598Z","5.0.0-canary.5729943ba.0":"2019-11-20T05:19:09.525Z","5.0.0-canary.e89750dc7.0":"2019-11-27T02:09:32.844Z","5.0.0-canary.3e560b33a.0":"2019-11-27T02:10:19.933Z","5.0.0-canary.7fd17ce5e.0":"2019-11-27T02:10:32.188Z","5.0.0-canary.ec729683b.0":"2019-11-27T15:54:37.630Z","5.0.0-canary.b8bc4a26e.0":"2019-11-27T19:16:34.676Z","5.0.0-canary.f978109c3.0":"2019-12-02T17:07:07.530Z","5.0.0-canary.ad9dfe706.0":"2019-12-03T23:17:49.091Z","5.0.0-canary.5e45d77f3.0":"2019-12-03T23:19:00.473Z","5.0.0-canary.d10e8cdf3.0":"2019-12-03T23:19:51.387Z","5.0.0-canary.a5dbd8a2a.0":"2019-12-03T23:54:45.300Z","5.0.0-canary.ba879b68b.0":"2019-12-04T20:22:27.519Z","5.0.0-canary.aa0eba489.0":"2019-12-06T01:58:55.381Z","5.0.0-canary.cb7b71a86.0":"2019-12-06T23:55:41.786Z","5.0.0-canary.50f110a6c.0":"2019-12-10T16:59:22.689Z","5.0.0-canary.878a08b7c.0":"2019-12-11T20:16:08.566Z","5.0.0-canary.397905b4e.0":"2019-12-12T02:47:05.938Z","5.0.0-canary.1fbf5bd1d.0":"2019-12-12T18:59:02.822Z","5.0.0-canary.b723dfa78.0":"2019-12-12T20:09:29.080Z","5.0.0-canary.1c494e567.0":"2019-12-12T23:36:33.396Z","5.0.0-canary.c9e98a125.0":"2019-12-17T18:09:26.525Z","5.0.0-canary.5ffe8f7e3.0":"2019-12-17T22:33:06.687Z","5.0.0-canary.47949b08e.0":"2019-12-18T17:40:20.682Z","5.0.0-canary.b240bcc1b.0":"2019-12-18T19:16:27.799Z","5.0.0-canary.391674a26.0":"2019-12-18T19:16:45.204Z","5.0.0-canary.c4837746c.0":"2019-12-18T19:34:39.324Z","5.0.0-canary.e41a70425.0":"2019-12-18T23:19:53.455Z","5.0.0-canary.bac43eb43.0":"2019-12-18T23:23:42.661Z","5.0.0-canary.2e491de55.0":"2019-12-19T10:49:32.220Z","5.0.0-canary.ae101c144.0":"2019-12-19T16:24:32.306Z","5.0.0-canary.a51c31f26.0":"2019-12-19T17:14:03.280Z","5.0.0-canary.21fc4e13b.0":"2019-12-19T21:26:53.400Z","5.0.0-canary.d2ae6e17d.0":"2019-12-19T22:23:55.966Z","5.0.0-canary.ba30399ad.0":"2019-12-20T01:09:27.659Z","5.0.0-canary.a08ccec35.0":"2019-12-20T23:26:30.981Z","5.0.0-canary.a2f75105e.0":"2019-12-23T19:47:22.043Z","5.0.0-canary.c054a24c7.0":"2019-12-23T21:49:45.335Z","5.0.0-canary.c6808c51c.0":"2019-12-23T21:54:28.033Z","5.0.0-canary.7bce9cf77.0":"2019-12-26T18:45:19.982Z","5.0.0-canary.c92f038c3.0":"2019-12-30T22:02:46.789Z","5.0.0-canary.1f1ac7558.0":"2020-01-02T20:53:50.081Z","5.0.0-canary.ec26e799c.0":"2020-01-02T21:42:08.648Z","5.0.0-canary.0a40ced40.0":"2020-01-03T17:09:08.032Z","5.0.0-canary.3adf84899.0":"2020-01-03T18:22:08.050Z","5.0.0-canary.0d42ee650.0":"2020-01-03T21:36:44.643Z","5.0.0-canary.7be9e4a04.0":"2020-01-06T17:04:08.565Z","5.0.0-canary.847dd1ada.0":"2020-01-06T19:25:58.584Z","5.0.0-canary.39df7e5df.0":"2020-01-07T00:55:12.511Z","5.0.0-canary.f1a2581ab.0":"2020-01-07T14:59:16.086Z","5.0.0-canary.7c7ddf347.0":"2020-01-07T15:15:22.268Z","5.0.0-canary.a1c84d4b5.0":"2020-01-07T18:09:46.302Z","5.0.0-canary.ec9f16578.0":"2020-01-07T19:39:17.681Z","5.0.0-canary.b602226ce.0":"2020-01-07T20:14:57.217Z","5.0.0-canary.b2d2dc08c.0":"2020-01-07T21:25:42.571Z","5.0.0-canary.61f2d7580.0":"2020-01-07T21:39:22.950Z","5.0.0-canary.d1be53a2e.0":"2020-01-07T22:16:36.347Z","5.0.0-canary.9b0d06e32.0":"2020-01-07T22:19:02.225Z","5.0.0-canary.730c807a0.0":"2020-01-07T22:20:39.613Z","5.0.0-canary.2213152cd.0":"2020-01-08T17:21:57.088Z","5.0.0-canary.5750f7169.0":"2020-01-08T17:56:29.267Z","5.0.0-canary.f7abc7a43.0":"2020-01-08T18:27:27.650Z","5.0.0-canary.bf7b4a061.0":"2020-01-08T18:41:16.895Z","5.0.0-canary.784fa7903.0":"2020-01-08T19:10:01.948Z","5.0.0-canary.823c050ba.0":"2020-01-08T20:10:28.078Z","5.0.0-canary.70c708dee.0":"2020-01-08T20:21:42.110Z","5.0.0-canary.5ed9d13d0.0":"2020-01-08T21:42:20.758Z","5.0.0-canary.4819cc7e5.0":"2020-01-08T21:57:43.317Z","5.0.0-canary.fe3ffd2c3.0":"2020-01-08T22:15:56.192Z","5.0.0-canary.c0e850090.0":"2020-01-08T22:22:56.128Z","5.0.0-canary.615f86f38.0":"2020-01-08T22:39:41.097Z","5.0.0-canary.1eb032637.0":"2020-01-08T22:59:40.539Z","5.0.0-canary.5bc5ebfea.0":"2020-01-08T23:00:34.491Z","5.0.0-canary.1112b8def.0":"2020-01-09T22:09:52.106Z","5.0.0-canary.aab102017.0":"2020-01-10T00:12:02.023Z","5.0.0-canary.426913342.0":"2020-01-10T01:43:53.724Z","5.0.0-canary.d4ea9a706.0":"2020-01-10T17:25:00.816Z","5.0.0-canary.7d4ee2996.0":"2020-01-10T17:56:26.602Z","5.0.0-canary.981ec9b6f.0":"2020-01-10T19:26:21.091Z","5.0.0-canary.737da83fc.0":"2020-01-10T21:18:30.333Z","5.0.0-canary.aca8e6c18.0":"2020-01-13T19:31:14.829Z","5.0.0-canary.c38d84e21.0":"2020-01-13T22:13:07.569Z","5.0.0-canary.a4db5fbad.0":"2020-01-14T02:15:05.749Z","5.0.0-canary.faa9af310.0":"2020-01-14T16:52:23.592Z","5.0.0-canary.60354c577.0":"2020-01-14T22:45:39.143Z","5.0.0-canary.d07c78daa.0":"2020-01-14T23:38:13.415Z","5.0.0-canary.8ddd5c6dc.0":"2020-01-15T01:42:45.296Z","5.0.0-canary.a9511d870.0":"2020-01-15T19:09:57.656Z","5.0.0-canary.7c8583c4c.0":"2020-01-15T22:47:14.951Z","5.0.0-canary.5d4b82bac.0":"2020-01-15T22:47:24.437Z","5.0.0-canary.57d0186e4.0":"2020-01-16T18:17:09.343Z","5.0.0-canary.071a6ab70.0":"2020-01-16T18:23:31.583Z","5.0.0-canary.22e0cb618.0":"2020-01-16T18:46:40.365Z","5.0.0-canary.f16f15b8f.0":"2020-01-17T00:06:33.965Z","5.0.0-canary.aa8e43e9a.0":"2020-01-17T00:36:22.973Z","5.0.0-canary.fe1f3ca07.0":"2020-01-17T00:59:55.380Z","5.0.0-canary.d405af26b.0":"2020-01-17T18:16:43.694Z","5.0.0-canary.6e857aae2.0":"2020-01-17T18:20:25.756Z","5.0.0-canary.e2e764f7c.0":"2020-01-17T18:35:36.905Z","5.0.0-canary.7ef986a87.0":"2020-01-17T19:30:26.392Z","5.0.0-canary.29402e2d4.0":"2020-01-17T20:39:24.115Z","5.0.0-canary.2b3ec563c.0":"2020-01-17T23:11:07.280Z","5.0.0-canary.e8a993677.0":"2020-01-21T16:49:16.758Z","5.0.0-canary.cd4903304.0":"2020-01-21T21:37:01.608Z","5.0.0-canary.7e4b04b25.0":"2020-01-21T22:45:29.294Z","5.0.0-canary.ebc296937.0":"2020-01-21T23:44:30.390Z","5.0.0-canary.cf33f113d.0":"2020-01-22T01:21:54.294Z","5.0.0-canary.e1d5f1be5.0":"2020-01-22T16:54:57.784Z","5.0.0-canary.6b6a4ff92.0":"2020-01-22T17:57:11.075Z","5.0.0-canary.6092f71ee.0":"2020-01-22T21:16:33.708Z","5.0.0-canary.d8d95020f.0":"2020-01-22T23:09:08.117Z","5.0.0-canary.b7facc628.0":"2020-01-23T18:12:05.207Z","5.0.0-canary.63f357dbf.0":"2020-01-23T21:54:56.484Z","5.0.0-canary.f2426d26e.0":"2020-01-23T23:54:55.962Z","5.0.0-canary.7f5e0c23f.0":"2020-01-24T16:47:13.587Z","5.0.0-canary.3fc3ab520.0":"2020-01-24T17:20:27.905Z","5.0.0-canary.80a4d326f.0":"2020-01-24T20:45:23.413Z","5.0.0-canary.ef7de4def.0":"2020-01-24T21:31:38.794Z","5.0.0-canary.93e2288b6.0":"2020-01-28T16:55:18.462Z","5.0.0-canary.34ef15f67.0":"2020-01-28T17:23:39.122Z","5.0.0-canary.d3d176ba5.0":"2020-01-28T17:29:04.519Z","5.0.0-canary.32c1df133.0":"2020-01-28T19:43:00.213Z","5.0.0-canary.f3adce86f.0":"2020-01-28T21:48:28.553Z","5.0.0-canary.a4423f890.0":"2020-01-29T21:09:06.800Z","5.0.0-canary.9351f167d.0":"2020-01-29T21:55:11.468Z","5.0.0-canary.29b89dbc1.0":"2020-01-29T22:16:25.870Z","5.0.0-canary.45985457b.0":"2020-01-29T23:32:25.318Z","5.0.0-canary.a1a0deb3e.0":"2020-01-30T17:36:48.500Z","5.0.0-canary.181486643.0":"2020-01-30T20:55:37.439Z","5.0.0-canary.3a85313ac.0":"2020-01-31T16:22:45.759Z","5.0.0-canary.b6c7f624b.0":"2020-01-31T17:02:36.025Z","5.0.0-canary.b3f70ebde.0":"2020-01-31T20:09:44.284Z","5.0.0-canary.3e782d8f8.0":"2020-02-02T01:12:20.747Z","5.0.0-canary.535398572.0":"2020-02-03T18:11:57.278Z","5.0.0-canary.5ff33802c.0":"2020-02-04T18:03:24.590Z","5.0.0-canary.1eb29491c.0":"2020-02-04T20:59:59.532Z","5.0.0-canary.4c7154b26.0":"2020-02-05T16:02:18.871Z","5.0.0-canary.ab5f49a2c.0":"2020-02-05T23:32:45.010Z","5.0.0-canary.c541ebe15.0":"2020-02-06T22:29:23.251Z","5.0.0-canary.98f7faa05.0":"2020-02-07T19:20:53.008Z","5.0.0-canary.b4727e43a.0":"2020-02-07T19:55:06.867Z","5.0.0-canary.91d9d5a65.0":"2020-02-07T22:58:48.111Z","5.0.0-canary.d5c006ed1.0":"2020-02-10T16:48:08.135Z","5.0.0-canary.559f1a570.0":"2020-02-10T17:24:14.909Z","5.0.0-canary.ad3bbf782.0":"2020-02-10T19:10:58.919Z","5.0.0-canary.570d8e49c.0":"2020-02-10T20:43:03.434Z","5.0.0-canary.48b06b89a.0":"2020-02-11T18:42:41.467Z","5.0.0-canary.612443dfb.0":"2020-02-11T19:48:23.168Z","5.0.0-canary.8c11ea2a3.0":"2020-02-12T08:51:00.433Z","5.0.0-canary.b2f3d311e.0":"2020-02-13T21:43:11.640Z","5.0.0-canary.4f488d0ee.0":"2020-02-13T23:05:46.398Z","6.0.0-canary.fe79de07d.0":"2020-02-13T23:23:01.955Z","5.0.0":"2020-02-14T00:08:26.960Z","6.0.0-canary.5e313b1f2.0":"2020-02-14T23:47:36.743Z","6.0.0-canary.6a56f387c.0":"2020-02-18T19:43:05.907Z","6.0.0-canary.bdfd52632.0":"2020-02-19T20:22:04.691Z","6.0.0-canary.ad2e4376a.0":"2020-02-20T23:15:36.027Z","6.0.0-canary.765caef18.0":"2020-02-21T17:32:33.042Z","6.0.0-canary.949562303.0":"2020-02-21T20:37:05.357Z","6.0.0-canary.7ec96974e.0":"2020-02-24T18:57:33.658Z","6.0.0-canary.265ecbad5.0":"2020-02-25T21:00:21.874Z","5.1.0":"2020-02-25T21:37:22.616Z","6.0.0-canary.2cf87456f.0":"2020-02-25T21:38:13.655Z","6.0.0-canary.781434a92.0":"2020-02-25T23:27:31.151Z","6.0.0-canary.d6f60c98b.0":"2020-02-28T22:03:04.238Z","6.0.0-canary.69edc6e28.0":"2020-02-28T22:11:35.136Z","6.0.0-canary.9372e4939.0":"2020-03-03T19:09:09.858Z","6.0.0-canary.9cf5e9842.0":"2020-03-03T23:25:15.115Z","6.0.0-canary.3657f8863.0":"2020-03-04T17:43:39.246Z","6.0.0-canary.98b843417.0":"2020-03-05T18:30:30.831Z","6.0.0-canary.17b9699c4.0":"2020-03-05T19:21:47.664Z","6.0.0-canary.6ee035572.0":"2020-03-09T16:46:00.535Z","6.0.0-canary.bd33cb56b.0":"2020-03-09T17:21:23.945Z","6.0.0-canary.9ebee4ceb.0":"2020-03-09T21:13:19.405Z","6.0.0-canary.26c049afa.0":"2020-03-10T17:01:55.289Z","6.0.0-canary.a731fd0a4.0":"2020-03-10T20:31:52.395Z","6.0.0-canary.1db5c9fc8.0":"2020-03-10T20:36:06.175Z","6.0.0-canary.4971637f4.0":"2020-03-10T22:57:57.251Z","6.0.0-canary.1ae8130ce.0":"2020-03-10T23:04:58.166Z","6.0.0-canary.8639c2690.0":"2020-03-11T06:32:45.605Z","6.0.0-canary.d5808057f.0":"2020-03-11T16:25:03.466Z","6.0.0-canary.b3f58203d.0":"2020-03-11T19:37:29.916Z","6.0.0-canary.bec065920.0":"2020-03-12T20:19:45.543Z","6.0.0-canary.776291ef0.0":"2020-03-17T19:20:10.385Z","6.0.0-canary.ece19f3dd.0":"2020-03-17T22:00:49.385Z","6.0.0-canary.4dc45af6c.0":"2020-03-18T01:47:30.559Z","6.0.0-canary.6b48781bf.0":"2020-03-18T15:34:16.878Z","6.0.0-canary.a88c8e4dc.0":"2020-03-19T17:35:25.186Z","6.0.0-canary.cafe18860.0":"2020-03-20T14:53:04.575Z","6.0.0-canary.35a32aaea.0":"2020-03-20T19:58:36.853Z","6.0.0-canary.e75deb854.0":"2020-03-20T22:14:38.833Z","6.0.0-canary.2cc6966f6.0":"2020-03-24T18:42:58.275Z","6.0.0-canary.8707953b6.0":"2020-03-24T18:46:41.113Z","6.0.0-canary.10af6cf39.0":"2020-03-25T18:17:55.153Z","6.0.0-canary.7d8f9c8d7.0":"2020-03-27T18:04:26.719Z","6.0.0-canary.d6315efe2.0":"2020-03-27T19:56:00.049Z","6.0.0-canary.a3016368d.0":"2020-03-27T21:19:07.307Z","6.0.0-canary.4b45b6620.0":"2020-03-31T15:55:49.668Z","6.0.0-canary.e84b9c8.0":"2020-04-01T16:55:30.359Z","6.0.0-canary.e33c49e.0":"2020-04-02T00:09:01.718Z","6.0.0-canary.f1f8e60.0":"2020-04-02T19:13:16.865Z","6.0.0-canary.1e17c49b3.0":"2020-04-03T18:03:30.273Z","6.0.0-canary.6a40ef217.0":"2020-04-03T19:24:10.516Z","6.0.0-canary.5f24faacb.0":"2020-04-08T15:35:38.333Z","6.0.0-canary.82fa986b9.0":"2020-04-08T15:41:14.361Z","6.0.0-canary.9930d9cc5.0":"2020-04-08T19:32:02.508Z","6.0.0-canary.6601d24af.0":"2020-04-09T00:29:31.124Z","6.0.0-canary.05f5e1583.0":"2020-04-09T00:46:47.317Z","6.0.0-canary.bce00e186.0":"2020-04-09T15:22:12.092Z","6.0.0-canary.927fa902c.0":"2020-04-09T18:46:03.149Z","6.0.0-canary.eb28b6ecc.0":"2020-04-10T19:30:37.024Z","6.0.0-canary.816a43b42.0":"2020-04-10T20:52:18.098Z","6.0.0-canary.008c4d319.0":"2020-04-13T16:33:31.501Z","6.0.0-canary.cbb3f28ca.0":"2020-04-14T05:05:34.767Z","6.0.0-canary.f172b0f90.0":"2020-04-14T23:10:00.679Z","6.0.0-canary.c02642273.0":"2020-04-15T16:16:56.492Z","6.0.0-canary.8a299b568.0":"2020-04-15T22:42:58.410Z","6.0.0-canary.490fbdc09.0":"2020-04-16T05:59:25.235Z","6.0.0-canary.f838c6e55.0":"2020-04-16T14:26:15.674Z","6.0.0-canary.ce6cb7024.0":"2020-04-16T17:18:45.082Z","6.0.0-canary.0ab62a65b.0":"2020-04-16T18:53:56.055Z","6.0.0-canary.ca61b656f.0":"2020-04-16T19:59:38.318Z","6.0.0-canary.45a6615e3.0":"2020-04-16T20:32:34.373Z","6.0.0-canary.4b04cdb0f.0":"2020-04-17T17:40:39.527Z","6.0.0-canary.b273afa93.0":"2020-04-17T23:02:34.453Z","6.0.0-canary.b70bc601e.0":"2020-04-17T23:21:10.707Z","6.0.0-canary.c4b4bba96.0":"2020-04-18T00:17:25.500Z","6.0.0-canary.6c1ebc721.0":"2020-04-20T19:57:56.780Z","6.0.0-canary.9cff4318f.0":"2020-04-20T20:55:29.987Z","6.0.0-canary.7b4482402.0":"2020-04-20T22:19:52.395Z","6.0.0-canary.deda86d8c.0":"2020-04-21T01:14:28.921Z","6.0.0-canary.d10412cb2.0":"2020-04-21T18:18:02.886Z","6.0.0-canary.c141801d5.0":"2020-04-21T19:41:36.177Z","6.0.0-canary.28d10a96e.0":"2020-04-22T22:06:49.669Z","7.0.0-canary.8540808be.0":"2020-04-23T17:25:28.998Z","6.0.0":"2020-04-23T17:26:01.599Z","7.0.0-canary.2673adb74.0":"2020-04-23T22:45:14.029Z","7.0.0-canary.b10d0d7f1.0":"2020-04-24T00:20:46.858Z","7.0.0-canary.3bd8c1bac.0":"2020-04-24T21:05:41.655Z","7.0.0-canary.b83c8dc22.0":"2020-04-24T21:18:30.547Z","7.0.0-canary.1b3dd846d.0":"2020-04-25T00:43:36.271Z","7.0.0-canary.29debfea7.0":"2020-04-27T12:31:46.625Z","7.0.0-canary.28d32f8e0.0":"2020-04-27T14:06:24.213Z","7.0.0-canary.af71cfdd6.0":"2020-04-28T23:17:07.372Z","7.0.0-canary.99d2fc961.0":"2020-04-29T10:43:33.419Z","7.0.0-canary.0e052b24f.0":"2020-04-30T01:29:09.754Z","7.0.0-canary.ff4bc632a.0":"2020-04-30T08:27:23.661Z","7.0.0-canary.b0f83d2fd.0":"2020-04-30T14:32:17.187Z","7.0.0-canary.e59906a57.0":"2020-05-01T15:41:57.814Z","7.0.0-canary.c02712b59.0":"2020-05-01T18:25:23.256Z","7.0.0-canary.15d65448e.0":"2020-05-01T19:22:10.807Z","7.0.0-canary.142b1549e.0":"2020-05-01T22:35:28.408Z","7.0.0-canary.524b7b812.0":"2020-05-03T20:47:12.925Z","7.0.0-canary.bd8ca9678.0":"2020-05-04T17:18:37.439Z","7.0.0-canary.2553e86fe.0":"2020-05-04T17:30:41.453Z","7.0.0-canary.03dec929e.0":"2020-05-04T23:33:19.592Z","7.0.0-canary.d92d8c93e.0":"2020-05-05T16:58:32.296Z","7.0.0-canary.09f591967.0":"2020-05-05T21:03:51.732Z","7.0.0-canary.3846ce311.0":"2020-05-06T14:09:03.902Z","7.0.0-canary.ed7f32463.0":"2020-05-06T16:06:51.502Z","7.0.0-canary.8135cc085.0":"2020-05-06T19:54:41.210Z","7.0.0-canary.deb212de4.0":"2020-05-06T22:18:18.472Z","7.0.0-canary.f83e00898.0":"2020-05-07T16:49:05.738Z","7.0.0-canary.047e6b337.0":"2020-05-08T18:38:00.636Z","7.0.0-canary.119e21426.0":"2020-05-08T20:21:59.933Z","7.0.0-canary.2f052d824.0":"2020-05-08T21:06:46.334Z","7.0.0-canary.e84444387.0":"2020-05-08T21:31:09.380Z","7.0.0-canary.893eb1876.0":"2020-05-11T14:12:34.315Z","7.0.0-canary.a5aeb3001.0":"2020-05-11T14:28:24.230Z","7.0.0-canary.610c68d97.0":"2020-05-11T19:31:59.999Z","7.0.0-canary.ed52af767.0":"2020-05-11T20:26:46.575Z","7.0.0-canary.058cfd23c.0":"2020-05-11T21:24:41.926Z","7.0.0-canary.0a371b4fe.0":"2020-05-12T23:17:37.708Z","7.0.0-canary.2139200b3.0":"2020-05-13T14:46:46.241Z","7.0.0-canary.744d751a0.0":"2020-05-14T04:42:22.530Z","7.0.0-canary.ad0c0c103.0":"2020-05-14T14:51:02.120Z","7.0.0-canary.fd8f8f2b7.0":"2020-05-18T17:53:14.550Z","7.0.0-canary.730920fbb.0":"2020-05-18T19:43:34.348Z","7.0.0-canary.bcdad99bb.0":"2020-05-19T03:17:37.523Z","7.0.0-canary.4497b86ed.0":"2020-05-19T03:50:23.137Z","7.0.0-canary.2e60575da.0":"2020-05-19T16:08:49.577Z","7.0.0-canary.e3eacefcc.0":"2020-05-19T17:37:40.117Z","7.0.0-canary.b065a4d2b.0":"2020-05-20T14:36:03.059Z","7.0.0-canary.4ebce8d78.0":"2020-05-20T20:50:03.722Z","7.0.0-canary.b0fdca492.0":"2020-05-20T23:02:22.228Z","7.0.0-canary.c67667e8e.0":"2020-05-21T14:12:06.032Z","7.0.0-canary.62b5f37db.0":"2020-05-21T16:40:45.316Z","7.0.0-canary.2e218dbf8.0":"2020-05-21T17:01:41.338Z","7.0.0-canary.7fd792bb9.0":"2020-05-21T17:14:12.725Z","7.0.0-canary.a66493cd8.0":"2020-05-21T17:17:41.969Z","7.0.0-canary.da05f66e1.0":"2020-05-21T17:19:32.230Z","7.0.0-canary.740860e78.0":"2020-05-21T17:26:15.645Z","7.0.0-canary.5cea2610f.0":"2020-05-21T17:28:16.685Z","7.0.0-canary.cf7747ef7.0":"2020-05-21T17:28:35.484Z","7.0.0-canary.862d0d7bc.0":"2020-05-21T17:31:14.870Z","7.0.0-canary.0008c8a91.0":"2020-05-21T19:32:41.886Z","7.0.0-canary.541638fa2.0":"2020-05-21T19:47:38.232Z","7.0.0-canary.6167cd075.0":"2020-05-21T20:20:35.932Z","7.0.0-canary.863ac1b0f.0":"2020-05-21T20:59:17.214Z","7.0.0-canary.d30a214ac.0":"2020-05-21T21:03:26.230Z","7.0.0-canary.62abbc8d7.0":"2020-05-21T21:28:12.979Z","7.0.0-canary.49bf31d5c.0":"2020-05-21T21:31:31.941Z","7.0.0-canary.8e17857d0.0":"2020-05-21T21:32:25.713Z","7.0.0-canary.c113fc942.0":"2020-05-21T22:45:58.317Z","7.0.0-canary.912d9021d.0":"2020-05-26T18:44:51.187Z","7.0.0-canary.68a2af131.0":"2020-05-26T19:06:59.426Z","7.0.0-canary.01de07011.0":"2020-05-26T19:52:13.926Z","7.0.0-canary.51d4535fe.0":"2020-05-26T21:34:20.956Z","7.0.0-canary.b86d826b7.0":"2020-05-26T22:13:12.524Z","7.0.0-canary.d91794c7e.0":"2020-05-26T23:54:32.165Z","7.0.0-canary.8c6d7e076.0":"2020-05-27T18:58:54.782Z","7.0.0-canary.5b5f62f93.0":"2020-05-27T19:15:56.591Z","7.0.0-canary.d9972abb1.0":"2020-05-27T20:20:23.486Z","7.0.0-canary.6556eda2b.0":"2020-05-27T20:29:32.404Z","7.0.0-canary.32aa23641.0":"2020-05-27T21:37:48.122Z","7.0.0-canary.654934dfa.0":"2020-05-28T00:36:26.295Z","7.0.0-canary.41910b8b8.0":"2020-05-28T00:50:54.339Z","7.0.0-canary.d66d22bf9.0":"2020-05-28T19:54:47.218Z","7.0.0-canary.8904f3cbe.0":"2020-05-29T16:49:54.487Z","7.0.0-canary.51512a4ac.0":"2020-05-29T19:14:38.942Z","7.0.0-canary.0743288fb.0":"2020-05-29T20:04:36.015Z","7.0.0-canary.06ef147b5.0":"2020-05-29T20:40:15.762Z","7.0.0-canary.8073a20a9.0":"2020-05-29T23:25:07.818Z","7.0.0-canary.72ff42330.0":"2020-06-01T16:43:24.573Z","7.0.0-canary.9ea52070f.0":"2020-06-01T16:48:37.986Z","7.0.0-canary.d86ad3b60.0":"2020-06-01T17:48:25.890Z","7.0.0-canary.b9776b1d0.0":"2020-06-01T18:25:33.553Z","7.0.0-canary.ba6f7c294.0":"2020-06-02T17:02:15.879Z","7.0.0-canary.cf3b664ab.0":"2020-06-02T18:23:05.543Z","7.0.0-canary.4ba3c9a31.0":"2020-06-02T23:51:48.577Z","7.0.0-canary.388b042c7.0":"2020-06-03T13:46:03.976Z","7.0.0-canary.cca1ca84d.0":"2020-06-03T16:02:33.669Z","7.0.0-canary.9b0b5f2e0.0":"2020-06-03T18:57:10.071Z","7.0.0-canary.0a7895f4d.0":"2020-06-03T21:08:34.484Z","7.0.0-canary.7461aad68.0":"2020-06-03T22:11:52.849Z","7.0.0-canary.a0dc2b5c4.0":"2020-06-04T21:13:29.207Z","7.0.0-canary.2b420c5b3.0":"2020-06-08T16:13:56.991Z","7.0.0-canary.8fa22aacc.0":"2020-06-08T18:04:10.463Z","7.0.0-canary.21c4e4ed8.0":"2020-06-08T18:43:48.684Z","7.0.0-canary.dfde46516.0":"2020-06-08T19:41:20.949Z","7.0.0-canary.05cc5c206.0":"2020-06-08T20:56:16.385Z","7.0.0-canary.3ee488f1c.0":"2020-06-09T14:53:32.056Z","7.0.0-canary.b83d720ee.0":"2020-06-09T17:25:50.390Z","7.0.0-canary.afb1c11a9.0":"2020-06-09T20:15:59.243Z","7.0.0-canary.39e6f71e2.0":"2020-06-09T23:39:07.607Z","7.0.0-canary.d4c66dc7d.0":"2020-06-11T17:45:30.157Z","7.0.0-canary.be4a19f9f.0":"2020-06-12T06:07:42.873Z","7.0.0-canary.a6ac8f629.0":"2020-06-15T21:30:17.392Z","7.0.0-canary.9833dc287.0":"2020-06-16T19:48:50.027Z","7.0.0-canary.3aa33998e.0":"2020-06-16T20:20:34.938Z","7.0.0-canary.d2b54d183.0":"2020-06-18T01:15:14.717Z","7.0.0-canary.f2a488e95.0":"2020-06-18T15:03:42.804Z","7.0.0-canary.bd8d1aafa.0":"2020-06-18T15:15:51.599Z","7.0.0-canary.1321eb968.0":"2020-06-19T19:20:51.533Z","7.0.0-canary.db5cc0382.0":"2020-06-19T19:27:14.893Z","7.0.0-canary.6ac9bf031.0":"2020-06-19T19:47:40.303Z","7.0.0-canary.c21b5c367.0":"2020-06-19T20:09:58.264Z","7.0.0-canary.bfdd7fd39.0":"2020-06-19T20:19:26.203Z","7.0.0-canary.10b505785.0":"2020-06-19T20:20:54.975Z","7.0.0-canary.6483d3f44.0":"2020-06-19T20:37:02.666Z","7.0.0-canary.30a74e921.0":"2020-06-19T20:39:20.058Z","7.0.0-canary.c20727498.0":"2020-06-19T20:42:13.756Z","7.0.0-canary.4e360ae94.0":"2020-06-19T20:58:59.089Z","7.0.0-canary.8550fa53b.0":"2020-06-19T21:01:11.754Z","7.0.0-canary.93ade142e.0":"2020-06-19T21:02:23.606Z","7.0.0-canary.a0032f5bb.0":"2020-06-19T21:27:21.983Z","7.0.0-canary.3f342e721.0":"2020-06-19T21:29:29.306Z","7.0.0-canary.ff89457cc.0":"2020-06-19T21:30:49.987Z","7.0.0-canary.4a1855cf8.0":"2020-06-19T21:33:32.836Z","7.0.0-canary.8602f1b4d.0":"2020-06-22T17:23:05.509Z","7.0.0-canary.69f9f0982.0":"2020-06-22T21:13:54.869Z","7.0.0-canary.369a293f0.0":"2020-06-22T21:16:12.571Z","7.0.0-canary.f1432b5c6.0":"2020-06-22T21:24:46.908Z","7.0.0-canary.4757a16b4.0":"2020-06-22T21:52:49.004Z","7.0.0-canary.f8f472762.0":"2020-06-22T21:56:54.270Z","7.0.0-canary.7e4d55c34.0":"2020-06-22T22:28:49.598Z","7.0.0-canary.bd1dbc91f.0":"2020-06-23T14:27:27.268Z","7.0.0-canary.31523bc62.0":"2020-06-23T14:32:51.011Z","7.0.0-canary.a96b6d4d6.0":"2020-06-23T14:39:25.613Z","7.0.0-canary.ef3a09533.0":"2020-06-23T14:47:32.236Z","7.0.0-canary.080965f39.0":"2020-06-23T15:17:01.630Z","7.0.0-canary.1bd67b65d.0":"2020-06-23T15:59:27.915Z","7.0.0-canary.18ca31248.0":"2020-06-23T18:24:14.500Z","7.0.0-canary.39cf00836.0":"2020-06-23T18:47:23.544Z","7.0.0-canary.1bfda9e05.0":"2020-06-23T18:59:50.575Z","7.0.0-canary.08731bd95.0":"2020-06-23T19:02:27.755Z","7.0.0":"2020-06-23T19:10:11.648Z","8.0.0-canary.a3212b209.0":"2020-06-23T19:11:04.040Z","8.0.0-canary.15e81fe98.0":"2020-06-23T19:40:13.832Z","8.0.0-canary.004c9d392.0":"2020-06-23T22:55:26.757Z","8.0.0-canary.03bde00f5.0":"2020-06-24T00:31:06.588Z","8.0.0-canary.599b8c319.0":"2020-06-24T14:55:47.697Z","8.0.0-canary.87e3be418.0":"2020-06-24T17:52:44.508Z","8.0.0-canary.035cf2a6f.0":"2020-06-24T18:38:10.861Z","8.0.0-canary.2fed2c12f.0":"2020-06-25T20:00:39.187Z","8.0.0-canary.38197b443.0":"2020-06-25T21:22:00.615Z","8.0.0-canary.69a35e80c.0":"2020-06-26T17:38:11.678Z","8.0.0-canary.df7154fb3.0":"2020-06-26T18:16:11.517Z","8.0.0-canary.d5618602a.0":"2020-06-26T21:47:44.698Z","8.0.0-canary.e590b376b.0":"2020-06-26T23:23:04.798Z","8.0.0-canary.0c9d6bd2d.0":"2020-06-29T17:14:47.234Z","8.0.0-canary.c1fec4246.0":"2020-06-29T17:29:54.717Z","8.0.0-canary.c678a9d34.0":"2020-06-29T17:51:10.915Z","8.0.0-canary.521afaf6e.0":"2020-06-30T15:04:51.046Z","8.0.0-canary.a2ad48839.0":"2020-06-30T19:13:47.520Z","8.0.0-canary.ec2385881.0":"2020-06-30T21:46:22.894Z","8.0.0-canary.610c26c4a.0":"2020-07-01T14:55:33.699Z","8.0.0-canary.e2ea4a99e.0":"2020-07-01T19:26:37.096Z","8.0.0-canary.a78ceb112.0":"2020-07-01T19:38:24.412Z","8.0.0-canary.b0c456d33.0":"2020-07-06T22:40:37.779Z","8.0.0-canary.2e5711e04.0":"2020-07-08T16:47:24.730Z","8.0.0-canary.811fc5d24.0":"2020-07-08T17:15:16.690Z","8.0.0-canary.6ed717ddd.0":"2020-07-08T19:43:32.282Z","8.0.0-canary.d850de590.0":"2020-07-09T18:04:56.818Z","8.0.0-canary.e07a70841.0":"2020-07-09T18:34:48.356Z","8.0.0-canary.37947ed6c.0":"2020-07-09T20:35:29.864Z","8.0.0-canary.5d443afec.0":"2020-07-09T20:51:15.760Z","8.0.0-canary.9ac1ed914.0":"2020-07-09T21:20:10.023Z","8.0.0-canary.1e7cb6198.0":"2020-07-09T22:11:48.006Z","8.0.0-canary.843f636c0.0":"2020-07-10T17:42:10.997Z","8.0.0-canary.b2edaeead.0":"2020-07-10T18:06:42.520Z","8.0.0-canary.5dac1f624.0":"2020-07-13T16:33:48.936Z","8.0.0-canary.4497acef8.0":"2020-07-14T14:19:29.007Z","8.0.0-canary.e6e23019d.0":"2020-07-14T20:09:57.120Z","8.0.0-canary.d548d7a92.0":"2020-07-14T21:12:36.406Z","8.0.0-canary.58ce529cc.0":"2020-07-14T21:14:31.319Z","8.0.0-canary.a0f1202dc.0":"2020-07-14T21:33:39.886Z","8.0.0-canary.ad4df58c1.0":"2020-07-15T00:08:53.200Z","8.0.0-canary.01db89053.0":"2020-07-16T16:38:35.489Z","8.0.0-canary.fb5a4cdeb.0":"2020-07-20T19:19:29.583Z","8.0.0-canary.8df0f517c.0":"2020-07-20T23:55:08.545Z","8.0.0-canary.abcdbcfeb.0":"2020-07-21T00:49:40.685Z","8.0.0-canary.7bd5075de.0":"2020-07-21T18:46:38.677Z","8.0.0-canary.405a29a20.0":"2020-07-22T22:22:43.806Z","8.0.0-canary.f3693ac4c.0":"2020-07-22T22:33:11.355Z","8.0.0-canary.12a109680.0":"2020-07-22T23:03:00.207Z","8.0.0-canary.bbd06696e.0":"2020-07-22T23:52:24.745Z","8.0.0-canary.4951e7651.0":"2020-07-23T01:49:01.788Z","8.0.0-canary.75deebbef.0":"2020-07-23T17:45:19.455Z","8.0.0-canary.95aff33ee.0":"2020-07-23T18:46:55.137Z","8.0.0-canary.9d9f47473.0":"2020-07-23T19:58:10.981Z","8.0.0-canary.00dfbf6be.0":"2020-07-23T20:59:00.251Z","8.0.0-canary.b87e522d2.0":"2020-07-23T21:23:11.523Z","8.0.0-canary.5b3e150e5.0":"2020-07-24T01:23:25.538Z","8.0.0-canary.f0ae11786.0":"2020-07-24T01:43:08.847Z","8.0.0-canary.fb4ee66c0.0":"2020-07-24T02:10:18.113Z","8.0.0-canary.5511e0aeb.0":"2020-07-24T16:56:23.169Z","8.0.0-canary.8388a9bf6.0":"2020-07-24T20:12:36.666Z","8.0.0-canary.ac405eae1.0":"2020-07-27T15:05:52.149Z","8.0.0-canary.75553837c.0":"2020-07-27T15:11:46.295Z","8.0.0-canary.b96fbfc7a.0":"2020-07-27T15:37:20.027Z","8.0.0-canary.61f1a8d85.0":"2020-07-27T15:46:32.557Z","8.0.0-canary.81dc33377.0":"2020-07-27T15:58:36.024Z","8.0.0-canary.ffd9ede58.0":"2020-07-27T16:31:44.726Z","8.0.0-canary.52dc55acf.0":"2020-07-27T17:07:57.382Z","8.0.0-canary.d4274ff05.0":"2020-07-27T19:51:12.762Z","8.0.0-canary.b82d0696d.0":"2020-07-27T19:57:28.457Z","8.0.0-canary.c2852000d.0":"2020-07-27T20:57:41.653Z","8.0.0-canary.f86f83f54.0":"2020-07-27T21:53:34.083Z","8.0.0-canary.41eb1684c.0":"2020-07-28T17:49:42.889Z","8.0.0-canary.9e2f6c450.0":"2020-07-28T22:38:38.479Z","8.0.0-canary.e6950b55a.0":"2020-07-28T22:51:39.793Z","8.0.0-canary.5e51ee38e.0":"2020-07-28T23:15:22.332Z","8.0.0-canary.a3898ffcf.0":"2020-07-29T00:35:50.975Z","8.0.0-canary.bc5cc6c96.0":"2020-07-29T00:48:39.691Z","8.0.0-canary.9bdeaf928.0":"2020-07-29T01:20:04.539Z","8.0.0-canary.fde2c1f9d.0":"2020-07-29T01:34:26.286Z","8.0.0-canary.6b3876d5d.0":"2020-07-29T01:38:10.905Z","8.0.0-canary.30ce17873.0":"2020-07-29T17:14:08.387Z","8.0.0-canary.f6bb43bf0.0":"2020-07-29T18:24:40.496Z","8.0.0-canary.6af75f6ab.0":"2020-07-30T00:00:49.439Z","8.0.0-canary.42d7a65aa.0":"2020-07-30T00:09:42.290Z","8.0.0-canary.85abdabb7.0":"2020-07-30T00:14:45.571Z","8.0.0-canary.49fb20ca3.0":"2020-07-30T01:27:02.810Z","8.0.0-canary.962d4abbb.0":"2020-07-30T16:09:43.988Z","8.0.0-canary.2fcee40cb.0":"2020-07-30T17:20:59.182Z","8.0.0-canary.bd5987f5a.0":"2020-07-30T17:45:36.255Z","8.0.0-canary.005e86a9b.0":"2020-07-30T17:59:14.059Z","8.0.0-canary.e309c7c68.0":"2020-07-30T18:07:59.840Z","8.0.0-canary.935a51cc0.0":"2020-07-30T18:19:45.823Z","8.0.0-canary.74839da7b.0":"2020-07-30T18:30:43.840Z","8.0.0-canary.f041a48c9.0":"2020-07-30T22:58:48.591Z","8.0.0-canary.fbb1381e1.0":"2020-07-31T15:49:49.979Z","8.0.0-canary.7f61d5785.0":"2020-07-31T17:22:28.167Z","8.0.0-canary.e1bc84d10.0":"2020-08-03T17:50:13.726Z","8.0.0-canary.096a7a066.0":"2020-08-03T17:53:02.872Z","8.0.0-canary.aa3a3e5a4.0":"2020-08-03T17:53:16.555Z","8.0.0-canary.5903d39af.0":"2020-08-03T17:53:34.167Z","8.0.0-canary.72258f898.0":"2020-08-04T01:16:45.962Z","8.0.0-canary.1b44b43c8.0":"2020-08-04T16:47:34.089Z","8.0.0-canary.e9d2e2f96.0":"2020-08-04T20:23:39.144Z","8.0.0-canary.b9dff0a19.0":"2020-08-05T03:48:11.805Z","8.0.0-canary.2bd09a706.0":"2020-08-05T03:53:14.748Z","8.0.0-canary.e0560522f.0":"2020-08-05T17:19:03.804Z","8.0.0-canary.08ca4d0ec.0":"2020-08-05T17:38:49.583Z","8.0.0-canary.08090126b.0":"2020-08-06T19:32:03.502Z","8.0.0-canary.e8bf5b2ac.0":"2020-08-06T21:49:24.022Z","8.0.0-canary.e3b746208.0":"2020-08-06T22:26:06.729Z","8.0.0-canary.96a640534.0":"2020-08-06T22:40:54.271Z","8.0.0-canary.9f9aac825.0":"2020-08-07T20:50:46.929Z","8.0.0-canary.fc65fd00b.0":"2020-08-10T15:19:44.795Z","8.0.0-canary.02e372c5f.0":"2020-08-10T15:47:52.880Z","8.0.0-canary.66669e3b6.0":"2020-08-10T15:51:57.718Z","8.0.0-canary.6d1ea9761.0":"2020-08-11T14:30:13.983Z","8.0.0-canary.79414bf9f.0":"2020-08-11T19:01:05.022Z","8.0.0-canary.85a5272df.0":"2020-08-11T20:07:32.259Z","8.0.0-canary.fda053eb8.0":"2020-08-12T20:03:29.213Z","8.0.0-canary.760873445.0":"2020-08-12T21:42:36.011Z","8.0.0-canary.2f4711a30.0":"2020-08-12T21:52:35.806Z","8.0.0-canary.2d72f3659.0":"2020-08-12T22:00:02.754Z","8.0.0-canary.1fee70a5e.0":"2020-08-12T23:28:03.371Z","8.0.0-canary.023f3fa34.0":"2020-08-13T01:11:41.552Z","8.0.0-canary.80f3a9e5d.0":"2020-08-13T01:28:22.821Z","8.0.0-canary.a1dcfe97c.0":"2020-08-13T08:49:04.915Z","8.0.0-canary.af332d5be.0":"2020-08-13T21:16:41.790Z","8.0.0-canary.7dd4567c4.0":"2020-08-14T00:50:14.413Z","8.0.0-canary.ff870005a.0":"2020-08-14T01:15:36.817Z","8.0.0-canary.150f427a0.0":"2020-08-14T13:28:56.250Z","8.0.0-canary.bcc58290a.0":"2020-08-14T23:21:54.775Z","8.0.0-canary.4f55400bb.0":"2020-08-17T16:37:49.911Z","8.0.0-canary.000d64815.0":"2020-08-17T17:03:39.411Z","8.0.0-canary.defa599a8.0":"2020-08-17T20:31:10.910Z","8.0.0-canary.66b8ed7e6.0":"2020-08-18T18:36:09.242Z","8.0.0-canary.e2b1033df.0":"2020-08-19T18:41:18.297Z","8.0.0-canary.2e8c3dd2e.0":"2020-08-19T19:23:19.225Z","8.0.0-canary.b2e80a5d9.0":"2020-08-19T22:20:17.771Z","8.0.0-canary.ff88df637.0":"2020-08-19T22:32:19.432Z","8.0.0-canary.32fb314cd.0":"2020-08-20T10:36:55.001Z","8.0.0-canary.546277d32.0":"2020-08-20T16:42:20.245Z","8.0.0-canary.da72839f4.0":"2020-08-20T17:59:12.964Z","8.0.0-canary.346069ccb.0":"2020-08-20T18:17:45.751Z","8.0.0-canary.e27c5802f.0":"2020-08-20T19:14:31.292Z","8.0.0-canary.f4532b9c8.0":"2020-08-20T19:57:06.335Z","8.0.0-canary.fbf73c2a6.0":"2020-08-20T21:05:40.240Z","8.0.0-canary.cf800124f.0":"2020-08-20T21:52:00.067Z","8.0.0-canary.95e4eeea7.0":"2020-08-20T23:28:13.928Z","8.0.0-canary.91ab1c62a.0":"2020-08-21T15:11:08.882Z","8.0.0-canary.58eaa9f02.0":"2020-08-21T19:59:43.940Z","8.0.0-canary.238216fc4.0":"2020-08-24T15:40:10.335Z","8.0.0-canary.a1c65593d.0":"2020-08-25T03:03:11.621Z","8.0.0-canary.708cc09c4.0":"2020-08-25T15:55:46.583Z","8.0.0-canary.19bea2ad3.0":"2020-08-26T18:48:41.887Z","8.0.0-canary.911014711.0":"2020-08-27T16:07:21.154Z","8.0.0-canary.d3387f54c.0":"2020-09-03T20:53:55.802Z","8.0.0-canary.2ccf996cc.0":"2020-09-03T20:54:20.271Z","8.0.0-canary.744bfe5d8.0":"2020-09-03T20:55:24.734Z","8.0.0-canary.78da96eaf.0":"2020-09-08T19:12:07.136Z","8.0.0-canary.b0ed593cc.0":"2020-09-09T06:15:23.121Z","8.0.0-canary.85a1fa9ea.0":"2020-09-10T21:09:50.485Z","8.0.0-canary.0bc41a9c7.0":"2020-09-11T17:49:01.956Z","8.0.0-canary.fc0eb5013.0":"2020-09-11T19:54:54.151Z","8.0.0-canary.319bf66de.0":"2020-09-11T23:09:33.143Z","8.0.0-canary.5bfc305ec.0":"2020-09-13T22:59:32.512Z","8.0.0-canary.83d83f131.0":"2020-09-14T00:32:03.603Z","8.0.0-canary.40d8e4726.0":"2020-09-14T23:27:34.834Z","8.0.0-canary.c25d70a31.0":"2020-09-15T02:27:03.739Z","8.0.0-canary.d52b165b5.0":"2020-09-15T14:53:39.556Z","8.0.0-canary.a831d4799.0":"2020-09-15T17:51:15.585Z","8.0.0-canary.a306aa488.0":"2020-09-17T00:57:50.472Z","8.0.0-canary.fd608ff66.0":"2020-09-17T14:25:03.616Z","8.0.0-canary.3e435ba57.0":"2020-09-17T14:42:19.374Z","8.0.0-canary.c250ec52a.0":"2020-09-17T20:09:54.367Z","8.0.0-canary.e34e411b1.0":"2020-09-17T20:17:20.190Z","8.0.0-canary.4e9343929.0":"2020-09-17T20:42:34.496Z","8.0.0-canary.4e5c350c2.0":"2020-09-21T21:13:32.869Z","8.0.0-canary.16c563ef7.0":"2020-09-22T19:45:34.729Z","8.0.0-canary.fd8af3d43.0":"2020-09-23T19:31:37.345Z","8.0.0-canary.d4cd83a85.0":"2020-09-25T00:34:30.740Z","8.0.0-canary.199aecdfb.0":"2020-09-25T15:50:38.525Z","8.0.0-canary.38ef4501f.0":"2020-09-30T18:23:44.551Z","8.0.0-canary.774dcfc8e.0":"2020-10-01T09:53:25.422Z","8.0.0-canary.0f60323a8.0":"2020-10-08T21:09:28.024Z","8.0.0-canary.d71622574.0":"2020-10-09T16:30:59.288Z","8.0.0-canary.7a9afaf4b.0":"2020-10-09T22:53:17.295Z","8.0.0-canary.8a39352c8.0":"2020-10-12T17:45:46.350Z","8.0.0-canary.790ca85fd.0":"2020-10-12T21:56:08.541Z","8.0.0-canary.174c0becf.0":"2020-10-14T02:15:07.753Z","8.0.0-canary.c71ebfa02.0":"2020-10-14T04:16:49.452Z","8.0.0-canary.2ab716cbd.0":"2020-10-16T00:03:37.299Z","8.0.0-canary.43c1c5e2f.0":"2020-10-19T14:07:26.819Z","8.0.0-canary.ccc64eea3.0":"2020-10-26T22:50:54.113Z","8.0.0-canary.a79cdd019.0":"2020-10-27T16:30:34.069Z","8.0.0-canary.596e98424.0":"2020-10-28T16:02:52.405Z","8.0.0-canary.05d5facc2.0":"2020-10-28T16:11:24.207Z","8.0.0-canary.291b3553d.0":"2020-10-28T17:44:23.217Z","8.0.0-canary.dbc449b09.0":"2020-10-28T18:12:05.104Z","8.0.0-canary.4794b25da.0":"2020-10-28T18:40:35.347Z","8.0.0-canary.c61db90a5.0":"2020-10-28T18:58:59.002Z","8.0.0-canary.6d9648ab2.0":"2020-10-29T20:31:47.825Z","8.0.0-canary.5511c5254.0":"2020-10-30T17:59:34.189Z","8.0.0-canary.bd6e302a4.0":"2020-11-02T17:04:10.656Z","9.0.0-canary.d6b5cd418.0":"2020-11-02T22:58:21.104Z","8.0.0":"2020-11-02T22:58:43.018Z","9.0.0-canary.fdf9a2634.0":"2020-11-03T23:20:50.086Z","9.0.0-canary.4a86f30a0.0":"2020-11-03T23:27:11.682Z","9.0.0-canary.fc8b045f1.0":"2020-11-03T23:36:32.119Z","9.0.0-canary.a0b2db26b.0":"2020-11-04T00:08:05.813Z","9.0.0-canary.419e03572.0":"2020-11-04T01:32:27.360Z","9.0.0-canary.a432ad542.0":"2020-11-06T01:45:23.143Z","9.0.0-canary.e2e8aef1e.0":"2020-11-06T02:04:43.608Z","9.0.0-canary.ec6b68b34.0":"2020-11-06T18:55:52.707Z","9.0.0-canary.b39094d14.0":"2020-11-06T21:15:24.672Z","9.0.0-canary.8648b8258.0":"2020-11-12T10:44:05.219Z","9.0.0-canary.240c5f74f.0":"2020-11-12T20:19:58.684Z","9.0.0-canary.6cf6ba4f4.0":"2020-11-16T18:49:18.354Z","9.0.0-canary.07f3e01b7.0":"2020-11-16T21:45:06.102Z","9.0.0-canary.23491cf85.0":"2020-11-17T00:16:38.337Z","9.0.0-canary.b659d4fc3.0":"2020-11-17T00:24:20.188Z","9.0.0-canary.d8a3aed67.0":"2020-11-17T15:26:32.080Z","9.0.0-canary.482ff9091.0":"2020-11-17T17:57:21.414Z","9.0.0-canary.99cfb6bd5.0":"2020-11-18T18:43:04.925Z","9.0.0-canary.b98d15d90.0":"2020-11-18T22:34:17.025Z","9.0.0-canary.30c11bfc2.0":"2020-11-19T01:25:24.948Z","9.0.0-canary.1b731d51b.0":"2020-11-19T18:51:38.451Z","9.0.0-canary.4ae94ff78.0":"2020-11-19T18:54:29.161Z","9.0.0-canary.7ad038e1d.0":"2020-11-19T19:17:48.219Z","9.0.0-canary.a41527604.0":"2020-11-19T19:59:19.752Z","9.0.0-canary.7b0e2b377.0":"2020-11-20T22:54:54.176Z","9.0.0-canary.c927a5d05.0":"2020-11-23T19:46:49.829Z","9.0.0-canary.b349b5185.0":"2020-11-24T17:08:05.234Z","9.0.0-canary.9083b7d61.0":"2020-11-24T21:14:56.841Z","9.0.0-canary.eff7b46ac.0":"2020-11-24T23:30:18.952Z","9.0.0-canary.ae27b44b0.0":"2020-11-25T15:32:05.063Z","9.0.0-canary.2fbba2554.0":"2020-11-30T17:39:41.670Z","9.0.0-canary.6d8574fe1.0":"2020-11-30T17:50:47.532Z","9.0.0-canary.fd22355f7.0":"2020-11-30T22:58:53.402Z","9.0.0-canary.c4ab98722.0":"2020-12-02T00:55:49.823Z","9.0.0-canary.977585650.0":"2020-12-02T14:41:15.853Z","9.0.0-canary.c7edfc7b6.0":"2020-12-02T14:48:56.704Z","9.0.0-canary.4f3347306.0":"2020-12-02T15:06:49.820Z","9.0.0-canary.37fbae10d.0":"2020-12-02T18:15:48.612Z","9.0.0-canary.11da3c0db.0":"2020-12-02T20:21:41.084Z","9.0.0-canary.489d4c219.0":"2020-12-03T15:29:00.137Z","9.0.0-canary.6557a69d9.0":"2020-12-03T15:40:49.929Z","9.0.0-canary.4ea1b7c69.0":"2020-12-03T15:57:31.792Z","9.0.0-canary.eaeb78ce3.0":"2020-12-03T17:00:38.672Z","9.0.0-canary.1c156d69d.0":"2020-12-03T20:44:03.298Z","9.0.0-canary.832668d33.0":"2020-12-04T18:05:14.375Z","9.0.0-canary.4321323e4.0":"2020-12-07T11:28:20.759Z","9.0.0-canary.2d5f32d41.0":"2020-12-07T16:41:10.445Z","9.0.0-canary.8239afc64.0":"2020-12-07T19:48:48.266Z","9.0.0-canary.6871336f1.0":"2020-12-08T16:00:45.652Z","9.0.0-canary.9f718da94.0":"2020-12-08T16:12:27.338Z","9.0.0-canary.1fccb1418.0":"2020-12-08T16:27:37.022Z","9.0.0-canary.afb68894e.0":"2020-12-08T16:31:31.070Z","9.0.0-canary.fd88d40c2.0":"2020-12-08T16:44:38.811Z","9.0.0-canary.ba9e3109c.0":"2020-12-08T19:04:36.009Z","9.0.0-canary.1085c3b2d.0":"2020-12-09T19:10:18.262Z","9.0.0-canary.c5dda809d.0":"2020-12-09T20:48:58.754Z","9.0.0-canary.f5f1bd86a.0":"2020-12-09T21:07:14.327Z","9.0.0-canary.00f38200f.0":"2020-12-11T15:43:11.821Z","9.0.0-canary.ac41a5729.0":"2020-12-11T16:27:19.716Z","9.0.0-canary.7fe0e4f05.0":"2020-12-11T17:04:41.944Z","9.0.0-canary.9244508bd.0":"2020-12-11T19:06:13.071Z","9.0.0-canary.384a8eeb1.0":"2020-12-16T17:01:09.577Z","9.0.0-canary.eabf9d5c2.0":"2020-12-16T18:26:52.261Z","9.0.0-canary.30fdfd06e.0":"2020-12-16T19:06:44.628Z","9.0.0-canary.9590a8f90.0":"2020-12-22T17:41:19.352Z","9.0.0-canary.f89d8b8f2.0":"2020-12-22T23:04:17.721Z","9.0.0-canary.fb194dd35.0":"2020-12-28T20:44:59.618Z","9.0.0-canary.64f36e287.0":"2020-12-28T21:07:48.946Z","9.0.0-canary.b7bbe7022.0":"2020-12-29T18:47:16.734Z","9.0.0":"2020-12-29T19:45:18.420Z","10.0.0-canary.555aecce5.0":"2020-12-29T19:45:27.231Z","10.0.0-canary.776c18681.0":"2020-12-30T00:39:28.976Z","10.0.0-canary.671d72d95.0":"2020-12-30T20:11:07.387Z","10.0.0-canary.b4f5a1c9e.0":"2020-12-30T21:45:47.237Z","10.0.0-canary.a94bd8deb.0":"2020-12-30T22:03:37.258Z","10.0.0-canary.5d128511b.0":"2020-12-30T22:09:00.889Z","10.0.0-canary.365c69360.0":"2021-01-05T17:47:34.571Z","10.0.0-canary.700a8261a.0":"2021-01-05T20:59:46.092Z","10.0.0-canary.766981c15.0":"2021-01-05T22:39:28.004Z","10.0.0-canary.b28c576d9.0":"2021-01-05T22:49:19.573Z","10.0.0-canary.968735356.0":"2021-01-06T15:49:59.670Z","10.0.0-canary.c5e18b020.0":"2021-01-06T19:43:24.578Z","10.0.0-canary.bcff8a66a.0":"2021-01-06T20:25:36.456Z","10.0.0-canary.79328c9ff.0":"2021-01-07T02:33:27.024Z","10.0.0-canary.121e1f303.0":"2021-01-07T23:19:10.440Z","10.0.0-canary.abdd10065.0":"2021-01-08T17:50:49.302Z","10.0.0-canary.089de519c.0":"2021-01-08T22:19:57.495Z","10.0.0-canary.163119837.0":"2021-01-08T23:44:25.153Z","10.0.0-canary.b8a1a58e4.0":"2021-01-11T16:23:22.596Z","10.0.0-canary.7584267ff.0":"2021-01-12T01:11:27.302Z","10.0.0-canary.251ac04c0.0":"2021-01-12T19:54:17.383Z","10.0.0-canary.772cc1068.0":"2021-01-14T00:06:04.236Z","10.0.0-canary.fe13dd130.0":"2021-01-14T01:09:33.672Z","10.0.0-canary.c7c5da28f.0":"2021-01-14T01:33:15.110Z","10.0.0-canary.b2faa116a.0":"2021-01-19T19:25:51.380Z","10.0.0-canary.0c95c9f7b.0":"2021-01-19T22:53:07.038Z","10.0.0-canary.5268222c4.0":"2021-01-20T19:18:27.384Z","10.0.0-canary.2ed2d829b.0":"2021-01-20T23:07:17.978Z","10.0.0-canary.df00c2b30.0":"2021-01-21T19:54:06.655Z","10.0.0-canary.fd61b0476.0":"2021-01-21T20:08:48.340Z","10.0.0-canary.3fb3a0265.0":"2021-01-22T00:04:02.965Z","10.0.0-canary.07deaec27.0":"2021-01-22T16:55:38.837Z","10.0.0-canary.d2959b16c.0":"2021-01-22T18:51:23.572Z","10.0.0-canary.75f3bfe7c.0":"2021-01-22T22:50:43.062Z","10.0.0-canary.b9adb7a0f.0":"2021-01-22T23:34:29.634Z","10.0.0-canary.d29ec2862.0":"2021-01-25T16:22:50.342Z","10.0.0-canary.96be07c68.0":"2021-01-26T00:09:11.576Z","10.0.0-canary.e383944e9.0":"2021-01-26T01:44:16.586Z","10.0.0-canary.623af861e.0":"2021-01-26T03:44:34.046Z","10.0.0-canary.6863fd43a.0":"2021-01-26T21:31:59.722Z","10.0.0-canary.ea55b87ca.0":"2021-01-26T23:45:04.248Z","10.0.0-canary.e902ff05f.0":"2021-01-27T00:03:13.644Z","10.0.0-canary.2c9fc538a.0":"2021-01-27T00:26:27.878Z","10.0.0-canary.6bf56aaa4.0":"2021-01-27T01:19:14.953Z","10.0.0-canary.994873795.0":"2021-01-27T14:50:14.547Z","10.0.0-canary.96878e1d0.0":"2021-01-27T18:01:18.051Z","10.0.0-canary.3c117cdcc.0":"2021-01-27T18:31:28.573Z","10.0.0-canary.b411e7033.0":"2021-01-27T22:02:43.172Z","10.0.0-canary.a9ac16b4a.0":"2021-01-27T23:02:38.739Z","10.0.0-canary.fec7b42ca.0":"2021-01-28T19:13:50.821Z","10.0.0-canary.8e66dbfee.0":"2021-02-01T23:19:37.984Z","10.0.0-canary.637d15da6.0":"2021-02-02T18:48:15.808Z","10.0.0-canary.fb793939e.0":"2021-02-02T23:41:55.531Z","10.0.0-canary.15a4d40dd.0":"2021-02-03T02:17:48.941Z","10.0.0-canary.7a003acf0.0":"2021-02-04T02:33:11.376Z","10.0.0-canary.05f249666.0":"2021-02-04T17:49:19.193Z","10.0.0-canary.1a3a39629.0":"2021-02-04T18:42:21.652Z","10.0.0-canary.8b1cdb1be.0":"2021-02-04T22:33:53.127Z","10.0.0-canary.8271f00f7.0":"2021-02-04T22:59:51.353Z","10.0.0-canary.533092a90.0":"2021-02-05T03:46:02.634Z","11.0.0-canary.633a9fc7a.0":"2021-02-05T16:16:33.313Z","10.0.0":"2021-02-05T16:17:56.211Z","11.0.0-canary.b5227247d.0":"2021-02-05T17:41:12.324Z","11.0.0-canary.95322b11e.0":"2021-02-05T23:30:55.154Z","11.0.0-canary.1f318ff0f.0":"2021-02-06T00:04:06.686Z","11.0.0-canary.ab12cf7a3.0":"2021-02-08T15:02:25.509Z","11.0.0-canary.98db2c5ec.0":"2021-02-08T15:33:14.761Z","11.0.0-canary.1f86b9f6d.0":"2021-02-08T17:16:26.858Z","11.0.0-canary.aac8f5d9a.0":"2021-02-08T17:59:29.888Z","11.0.0-canary.750e18fc7.0":"2021-02-08T21:40:31.746Z","11.0.0-canary.b62b1266d.0":"2021-02-09T21:51:45.104Z","11.0.0-canary.a6b3101fb.0":"2021-02-11T23:16:08.731Z","11.0.0-canary.ed88df700.0":"2021-02-12T00:05:52.525Z","11.0.0-canary.d30efe6b4.0":"2021-02-12T02:41:05.604Z","11.0.0-canary.0393bdc4b.0":"2021-02-12T04:29:58.538Z","11.0.0-canary.7cd26af4d.0":"2021-02-12T15:58:33.843Z","11.0.0-canary.71fe9a067.0":"2021-02-12T16:29:54.489Z","11.0.0-canary.0fd56a86b.0":"2021-02-13T00:10:55.623Z","11.0.0-canary.f19bbc4af.0":"2021-02-16T22:15:21.666Z","11.0.0-canary.f9cac96cc.0":"2021-02-17T16:08:52.650Z","11.0.0-canary.79ce0878b.0":"2021-02-17T19:24:04.903Z","11.0.0-canary.d6e507b5b.0":"2021-02-17T19:57:19.823Z","11.0.0-canary.f2658381b.0":"2021-02-17T22:43:53.144Z","11.0.0-canary.97c4d4035.0":"2021-02-18T02:34:17.537Z","11.0.0-canary.f5bb4648c.0":"2021-02-18T16:04:11.530Z","11.0.0-canary.302c7a960.0":"2021-02-18T18:36:47.080Z","11.0.0-canary.aa0aaf026.0":"2021-02-18T19:22:20.141Z","11.0.0-canary.07ff0c452.0":"2021-02-18T19:41:43.290Z","11.0.0-canary.bed7ecd3e.0":"2021-02-18T23:26:44.154Z","11.0.0-canary.06dead2d6.0":"2021-02-19T00:36:07.047Z","11.0.0-canary.cddb03553.0":"2021-02-19T03:12:21.945Z","11.0.0-canary.d6d8d0476.0":"2021-02-19T05:35:44.239Z","11.0.0-canary.0b4a4b2eb.0":"2021-02-19T15:44:47.498Z","11.0.0-canary.3201cae47.0":"2021-02-19T22:59:44.296Z","11.0.0-canary.f1b1fd5d3.0":"2021-02-22T19:48:34.153Z","11.0.0-canary.7899e0fe0.0":"2021-02-22T22:45:00.443Z","11.0.0-canary.f19c86d13.0":"2021-02-22T23:29:44.520Z","11.0.0-canary.60e892d79.0":"2021-02-23T01:12:46.548Z","11.0.0-canary.c96bfa495.0":"2021-02-23T19:31:54.804Z","11.0.0-canary.fa9b59f67.0":"2021-02-23T19:33:09.601Z","11.0.0-canary.869e3497c.0":"2021-02-23T19:33:55.696Z","11.0.0-canary.8ecd7c9a9.0":"2021-02-23T19:49:44.411Z","11.0.0-canary.9c85d505b.0":"2021-02-23T22:14:38.604Z","11.0.0-canary.9f2e85fb8.0":"2021-02-24T01:46:47.318Z","11.0.0-canary.19c4f29ef.0":"2021-02-25T19:21:27.648Z","11.0.0-canary.63df6e9bf.0":"2021-02-25T19:36:20.819Z","11.0.0-canary.981ad970a.0":"2021-02-26T00:06:25.459Z","11.0.0-canary.f9c9e39d6.0":"2021-02-26T18:38:01.304Z","11.0.0-canary.c97d7d881.0":"2021-03-01T20:52:17.491Z","11.0.0-canary.bf670dad7.0":"2021-03-03T00:20:01.600Z","11.0.0-canary.c7d98fcde.0":"2021-03-03T20:30:46.178Z","11.0.0-canary.4fef8bc1e.0":"2021-03-03T23:23:18.651Z","11.0.0-canary.afae3a3ec.0":"2021-03-03T23:41:27.357Z","11.0.0-canary.0a0b10f22.0":"2021-03-03T23:59:54.179Z","11.0.0-canary.6f678a91a.0":"2021-03-04T18:39:11.615Z","11.0.0-canary.f5f1b613c.0":"2021-03-04T20:48:28.817Z","11.0.0-canary.606e767ef.0":"2021-03-04T21:44:26.205Z","11.0.0-canary.f77a4dd1a.0":"2021-03-06T04:38:58.108Z","11.0.0-canary.2d6ba2c23.0":"2021-03-08T22:43:18.015Z","11.0.0-canary.7522dcaca.0":"2021-03-09T00:26:36.592Z","11.0.0-canary.5c0ab7401.0":"2021-03-09T22:51:29.806Z","11.0.0-canary.59010b6dc.0":"2021-03-10T16:56:08.255Z","11.0.0-canary.9e52f5544.0":"2021-03-10T23:24:07.364Z","11.0.0-canary.a678806f5.0":"2021-03-11T01:48:57.662Z","11.0.0-canary.b2d22df5b.0":"2021-03-11T17:01:46.465Z","11.0.0-canary.81911b707.0":"2021-03-11T18:22:13.289Z","11.0.0-canary.9eeb35c38.0":"2021-03-11T19:35:48.736Z","11.0.0-canary.12be3e95a.0":"2021-03-11T20:00:32.393Z","11.0.0-canary.e683bdf4a.0":"2021-03-11T20:07:44.232Z","11.0.0-canary.a07b6d486.0":"2021-03-11T20:32:02.116Z","11.0.0-canary.1e0653477.0":"2021-03-11T20:39:24.441Z","11.0.0-canary.148e8cfcc.0":"2021-03-11T22:43:18.439Z","11.0.0-canary.73a227194.0":"2021-03-12T00:22:53.197Z","11.0.0-canary.f8579b7ea.0":"2021-03-13T02:01:41.864Z","11.0.0-canary.d2a39d300.0":"2021-03-16T00:33:51.354Z","11.0.0-canary.7cf67823e.0":"2021-03-16T18:19:05.919Z","11.0.0-canary.67d780c79.0":"2021-03-16T19:46:46.459Z","11.0.0-canary.0f358ddae.0":"2021-03-16T22:11:13.623Z","11.0.0-canary.67eb0df80.0":"2021-03-16T22:38:33.546Z","11.0.0-canary.941ca3b3c.0":"2021-03-16T22:40:20.493Z","11.0.0-canary.3344d12ad.0":"2021-03-17T10:00:45.719Z","11.0.0-canary.6072ed604.0":"2021-03-17T22:58:31.608Z","11.0.0-canary.d3a6862af.0":"2021-03-18T16:18:49.418Z","11.0.0-canary.40dd242d5.0":"2021-03-18T21:16:11.189Z","11.0.0-canary.ec8f8465f.0":"2021-03-18T21:43:02.772Z","11.0.0-canary.da38969ec.0":"2021-03-18T22:16:49.087Z","11.0.0-canary.f5246264d.0":"2021-03-19T00:36:43.344Z","11.0.0-canary.03d34bbad.0":"2021-03-19T00:49:55.264Z","11.0.0-canary.cbc57c600.0":"2021-03-19T00:58:41.575Z","11.0.0-canary.d6c5bcf37.0":"2021-03-19T01:11:00.001Z","11.0.0-canary.fefc668d7.0":"2021-03-19T01:32:45.241Z","11.0.0-canary.faa7d3226.0":"2021-03-19T17:42:53.106Z","11.0.0-canary.c60449bc8.0":"2021-03-19T18:04:03.310Z","11.0.0-canary.5f0fc444a.0":"2021-03-19T18:36:38.122Z","11.0.0-canary.4567a750d.0":"2021-03-20T02:06:33.659Z","11.0.0-canary.0cde52f5a.0":"2021-03-23T00:01:47.966Z","11.0.0-canary.48f4b67fb.0":"2021-03-23T19:52:47.139Z","11.0.0-canary.0b8cff734.0":"2021-03-23T20:03:34.797Z","11.0.0-canary.8943b991f.0":"2021-03-23T20:28:29.752Z","11.0.0-canary.3955d8d3d.0":"2021-03-24T19:15:14.097Z","11.0.0-canary.23ea2d85e.0":"2021-03-25T17:31:23.612Z","11.0.0-canary.e3ec22f45.0":"2021-03-25T17:54:32.776Z","11.0.0-canary.4ceb42220.0":"2021-03-26T07:56:18.987Z","11.0.0-canary.dc9c84023.0":"2021-03-30T17:47:29.909Z","11.0.0-canary.56fc26962.0":"2021-03-31T00:19:57.360Z","11.0.0-canary.bc318250e.0":"2021-03-31T01:32:41.960Z","11.0.0-canary.edaee19aa.0":"2021-03-31T02:10:46.798Z","11.0.0-canary.24609b822.0":"2021-03-31T20:56:13.980Z","11.0.0-canary.b6cddc2b7.0":"2021-04-01T15:04:06.645Z","11.0.0-canary.94937c78c.0":"2021-04-01T20:59:46.814Z","11.0.0-canary.e7202cb57.0":"2021-04-01T22:46:22.036Z","11.0.0-canary.1f636b205.0":"2021-04-02T22:23:04.854Z","11.0.0-canary.94f50b260.0":"2021-04-05T15:04:05.049Z","11.0.0-canary.a4009b80a.0":"2021-04-05T21:59:35.859Z","11.0.0-canary.15604bd0d.0":"2021-04-05T22:41:17.672Z","11.0.0-canary.76da7876c.0":"2021-04-07T01:43:34.878Z","11.0.0-canary.6bcb6cbd2.0":"2021-04-07T18:52:58.294Z","11.0.0-canary.c91e8d141.0":"2021-04-07T18:57:02.721Z","11.0.0-canary.f77c50860.0":"2021-04-08T15:34:55.371Z","11.0.0-canary.367d88bdb.0":"2021-04-08T16:37:44.551Z","11.0.0-canary.0ec437d3b.0":"2021-04-08T19:34:34.264Z","11.0.0-canary.b2fa996a1.0":"2021-04-09T15:10:07.781Z","11.0.0-canary.24255c408.0":"2021-04-09T20:11:25.588Z","11.0.0-canary.7d6a4bb72.0":"2021-04-09T22:52:47.722Z","11.0.0-canary.352b295c1.0":"2021-04-12T18:14:44.110Z","11.0.0-canary.ab99b8064.0":"2021-04-13T14:42:31.036Z","11.0.0-canary.8f0a11e32.0":"2021-04-14T20:02:14.020Z","11.0.0-canary.f5c6db8fc.0":"2021-04-15T18:03:11.911Z","11.0.0-canary.3793a3143.0":"2021-04-15T18:30:21.469Z","11.0.0-canary.bc104bae7.0":"2021-04-15T19:45:20.784Z","12.0.0-canary.3f342c3f4.0":"2021-04-15T22:53:27.956Z","11.0.0":"2021-04-15T22:57:32.181Z","12.0.0-canary.2ebfc5374.0":"2021-04-16T20:44:09.891Z","12.0.0-canary.5631828e1.0":"2021-04-17T07:46:04.740Z","12.0.0-canary.bd685395b.0":"2021-04-19T18:40:33.253Z","12.0.0-canary.b52196498.0":"2021-04-19T19:57:05.942Z","12.0.0-canary.8ba3e298c.0":"2021-04-21T14:07:43.307Z","12.0.0-canary.c629eab71.0":"2021-04-21T19:56:17.109Z","12.0.0-canary.8ace3b810.0":"2021-04-21T20:37:03.599Z","12.0.0-canary.70beaf42d.0":"2021-04-21T20:48:39.842Z","12.0.0-canary.cad489689.0":"2021-04-22T16:48:37.611Z","12.0.0-canary.d928692b5.0":"2021-04-23T17:33:38.120Z","12.0.0-canary.8f68de8f3.0":"2021-04-23T18:12:11.027Z","12.0.0-canary.05753cf77.0":"2021-04-23T23:42:23.211Z","12.0.0-canary.ef43e6d96.0":"2021-04-23T23:48:41.872Z","12.0.0-canary.197f64fa2.0":"2021-04-26T17:08:49.178Z","12.0.0-canary.55ad2d7d8.0":"2021-04-27T01:19:03.549Z","12.0.0-canary.ec4ac5234.0":"2021-04-27T07:57:51.257Z","12.0.0-canary.b0579acdb.0":"2021-04-27T08:35:27.394Z","12.0.0-canary.81e2d4ff3.0":"2021-04-27T20:56:52.138Z","12.0.0-canary.c8edee52c.0":"2021-04-27T21:45:11.123Z","12.0.0-canary.f5b6110d6.0":"2021-04-27T22:06:43.316Z","12.0.0-canary.cee9b9e22.0":"2021-04-28T00:12:06.739Z","12.0.0-canary.96e83fca7.0":"2021-04-28T02:47:08.056Z","12.0.0-canary.4c497bd19.0":"2021-04-28T17:52:45.263Z","12.0.0-canary.105b15b96.0":"2021-04-28T21:43:55.600Z","12.0.0-canary.6e20259e3.0":"2021-04-28T21:48:29.044Z","12.0.0-canary.0f79a5d74.0":"2021-04-28T22:42:18.549Z","12.0.0-canary.84f3db9ed.0":"2021-04-29T14:16:57.346Z","12.0.0-canary.8fc29273c.0":"2021-04-29T21:22:41.058Z","12.0.0-canary.c50d20bab.0":"2021-04-29T23:01:06.292Z","12.0.0-canary.474836ad0.0":"2021-05-01T03:36:58.262Z","12.0.0-canary.f5ad92287.0":"2021-05-03T18:21:33.867Z","12.0.0-canary.af453daf8.0":"2021-05-03T18:52:39.078Z","12.0.0-canary.1f1918c24.0":"2021-05-03T19:21:46.531Z","12.0.0-canary.33148231f.0":"2021-05-03T19:38:06.230Z","12.0.0-canary.06b76fa74.0":"2021-05-03T19:45:14.557Z","12.0.0-canary.7c5000473.0":"2021-05-03T22:40:53.850Z","12.0.0-canary.de997644b.0":"2021-05-04T17:27:28.892Z","12.0.0-canary.d4d7f1cc2.0":"2021-05-04T17:54:13.221Z","12.0.0-canary.be999eb08.0":"2021-05-04T17:59:33.844Z","12.0.0-canary.eda1705fc.0":"2021-05-04T19:09:33.755Z","12.0.0-canary.718c90178.0":"2021-05-04T19:27:00.279Z","12.0.0-canary.0e3917299.0":"2021-05-04T19:29:41.349Z","12.0.0-canary.836b3c7db.0":"2021-05-04T20:33:04.041Z","12.0.0-canary.53d4e6d59.0":"2021-05-04T20:48:49.605Z","12.0.0-canary.18d147e27.0":"2021-05-04T20:57:20.363Z","12.0.0-canary.b9984794e.0":"2021-05-04T23:02:17.264Z","12.0.0-canary.b76f5fc9d.0":"2021-05-04T23:05:46.745Z","12.0.0-canary.055d4f10a.0":"2021-05-04T23:20:53.682Z","12.0.0-canary.5b6a46016.0":"2021-05-05T16:15:33.099Z","12.0.0-canary.33c9a737a.0":"2021-05-05T17:26:25.177Z","12.0.0-canary.9bc0effaf.0":"2021-05-05T20:59:16.993Z","12.0.0-canary.a1e0f2af5.0":"2021-05-05T21:40:10.645Z","12.0.0-canary.06930c96b.0":"2021-05-05T23:38:34.393Z","12.0.0-canary.03f525f9f.0":"2021-05-06T00:29:12.068Z","12.0.0-canary.e82ba2a26.0":"2021-05-06T15:55:33.643Z","12.0.0-canary.fc7c4e5ce.0":"2021-05-06T17:28:34.869Z","12.0.0-canary.65c04514d.0":"2021-05-06T18:42:27.637Z","12.0.0-canary.c97779ca6.0":"2021-05-06T21:42:06.715Z","12.0.0-canary.869d890d4.0":"2021-05-07T15:17:58.621Z","12.0.0-canary.ec22e1da9.0":"2021-05-10T18:22:48.103Z","12.0.0-nightly.7427449f0.0":"2021-05-10T18:44:48.432Z","12.0.0-canary.957cc3bf5.0":"2021-05-10T21:56:00.605Z","12.0.0-canary.88a33cd70.0":"2021-05-11T00:08:12.143Z","12.0.0-canary.d20dc6dba.0":"2021-05-11T00:23:58.972Z","12.0.0-canary.0ce2fdb02.0":"2021-05-11T00:57:51.662Z","12.0.0-canary.cb162da37.0":"2021-05-11T01:57:36.537Z","12.0.0-canary.573dc7ffd.0":"2021-05-11T02:16:36.990Z","12.0.0-canary.d5f6ad3fe.0":"2021-05-11T23:21:52.907Z","12.0.0-canary.25751d2ed.0":"2021-05-12T16:18:56.729Z","12.0.0-canary.a23ecb682.0":"2021-05-12T18:22:28.206Z","12.0.0-canary.33a954852.0":"2021-05-13T15:06:52.952Z","12.0.0-canary.a4484849b.0":"2021-05-13T15:30:11.843Z","12.0.0-canary.b4c3f513e.0":"2021-05-13T16:07:06.924Z","12.0.0-canary.1a8d06483.0":"2021-05-13T16:13:01.365Z","12.0.0-canary.8e6081836.0":"2021-05-14T21:39:57.251Z","12.0.0-canary.a2b0f4cee.0":"2021-05-14T21:53:08.547Z","12.0.0-canary.e8e39ad19.0":"2021-05-18T20:12:29.149Z","12.0.0-canary.4bb5eea2b.0":"2021-05-19T15:27:35.567Z","12.0.0-canary.ccce99cd6.0":"2021-05-20T00:56:06.923Z","12.0.0-canary.14767a8db.0":"2021-05-20T20:50:11.984Z","12.0.0-canary.22c6dcff9.0":"2021-05-24T15:17:52.395Z","12.0.0-canary.fadab3372.0":"2021-05-24T16:04:58.723Z","12.0.0-canary.caa73aeee.0":"2021-05-25T14:13:44.997Z","12.0.0-canary.ec31ae1ed.0":"2021-05-25T20:34:41.879Z","12.0.0-canary.8530d3514.0":"2021-05-27T16:04:06.503Z","12.0.0-canary.00b5899dc.0":"2021-06-01T22:44:53.985Z","12.0.0-canary.f1525ea3e.0":"2021-06-03T13:53:42.817Z","12.0.0-canary.464a00286.0":"2021-06-03T14:44:58.153Z","12.0.0-canary.474de7878.0":"2021-06-03T15:13:33.393Z","12.0.0-canary.b87ebf74d.0":"2021-06-03T17:45:40.834Z","12.0.0-canary.2daa49b35.0":"2021-06-04T16:13:26.550Z","12.0.0-canary.08db3d737.0":"2021-06-04T19:41:02.368Z","12.0.0-canary.5823407a7.0":"2021-06-08T00:47:33.157Z","12.0.0-canary.23b0c5e22.0":"2021-06-08T16:21:32.885Z","12.0.0-canary.2952c6a76.0":"2021-06-08T17:40:05.013Z","12.0.0-canary.f12425f88.0":"2021-06-10T01:05:12.270Z","12.0.0-canary.e543628c3.0":"2021-06-10T01:06:14.992Z","12.0.0-canary.e0c346286.0":"2021-06-10T16:35:08.107Z","12.0.0-canary.f43af5633.0":"2021-06-10T20:35:03.112Z","12.0.0-canary.8415ae585.0":"2021-06-11T16:05:03.651Z","12.0.0-canary.598fcccc8.0":"2021-06-11T21:45:43.419Z","12.0.0-canary.5d0605188.0":"2021-06-14T17:38:26.384Z","12.0.0-canary.f147a2271.0":"2021-06-14T19:17:21.036Z","12.0.0-canary.33579e00b.0":"2021-06-15T00:21:11.605Z","12.0.0-canary.a6909c0e6.0":"2021-06-15T18:29:26.724Z","12.0.0-canary.c18b5925b.0":"2021-06-15T21:02:49.919Z","12.0.0-canary.7ea2e830d.0":"2021-06-15T22:50:00.688Z","12.0.0-canary.271fff902.0":"2021-06-15T22:50:22.438Z","12.0.0-canary.d96f0a1e0.0":"2021-06-16T21:05:23.130Z","12.0.0-canary.a6183801a.0":"2021-06-16T22:04:39.112Z","12.0.0-canary.940550232.0":"2021-06-17T19:39:21.176Z","12.0.0-canary.f705e8048.0":"2021-06-18T15:23:41.680Z","12.0.0-canary.08d791f37.0":"2021-06-18T21:10:56.299Z","12.0.0-canary.e38d7440f.0":"2021-06-21T17:39:39.806Z","12.0.0-canary.75900a5a9.0":"2021-06-21T18:36:01.385Z","12.0.0-canary.33e6f50e9.0":"2021-06-23T00:11:13.445Z","12.0.0-canary.8c685301d.0":"2021-06-23T18:23:49.569Z","12.0.0-canary.8c7d994ae.0":"2021-06-23T19:26:41.430Z","12.0.0-canary.4ccd39bdd.0":"2021-06-24T16:14:05.023Z","12.0.0-canary.17553e9f8.0":"2021-06-28T22:51:43.675Z","12.0.0-canary.4c80072fd.0":"2021-06-29T18:40:07.752Z","12.0.0-canary.796811db7.0":"2021-07-01T00:02:40.616Z","12.0.0-canary.70e1efdca.0":"2021-07-01T17:05:41.702Z","12.0.0-canary.435866d32.0":"2021-07-02T18:20:29.328Z","12.0.0-canary.d0f9f3f2e.0":"2021-07-02T23:59:17.226Z","12.0.0-canary.adeac0549.0":"2021-07-08T15:08:26.329Z","12.0.0-canary.068fd5028.0":"2021-07-08T19:02:49.976Z","12.0.0-canary.5dfec7a14.0":"2021-07-12T20:03:29.708Z","12.0.0-canary.07a73750c.0":"2021-07-12T20:24:41.553Z","12.0.0-canary.3e4c6dca1.0":"2021-07-13T01:50:26.689Z","12.0.0-canary.ea77795b1.0":"2021-07-13T15:48:28.104Z","12.0.0-canary.15a179fad.0":"2021-07-13T18:08:28.378Z","12.0.0-canary.c73142a1b.0":"2021-07-13T18:43:30.376Z","12.0.0-canary.d923db73a.0":"2021-07-13T20:53:11.425Z","12.0.0-canary.22d29cbb4.0":"2021-07-13T22:49:42.369Z","12.0.0-canary.2749604bc.0":"2021-07-14T16:21:32.922Z","12.0.0-canary.e1703bed9.0":"2021-07-14T21:47:17.084Z","12.0.0-canary.de48eff0d.0":"2021-07-15T17:07:21.598Z","12.0.0-canary.4f060adc5.0":"2021-07-15T19:21:13.765Z","12.0.0-canary.bd25779b2.0":"2021-07-15T20:41:33.460Z","12.0.0-canary.9f68a932e.0":"2021-07-15T22:06:31.404Z","12.0.0-canary.4eecdeaf0.0":"2021-07-16T14:57:08.796Z","12.0.0-canary.7239684d4.0":"2021-07-16T15:58:19.236Z","12.0.0-canary.d5f1f7c72.0":"2021-07-16T16:13:14.615Z","12.0.0-canary.4d95812f9.0":"2021-07-16T19:42:26.837Z","12.0.0-canary.38d1846cc.0":"2021-07-19T18:41:12.108Z","12.0.0-canary.3f691eccf.0":"2021-07-20T16:07:59.821Z","12.0.0-canary.ebb5c73bb.0":"2021-07-20T16:56:06.637Z","12.0.0-nightly.778a0e8a.0":"2021-07-20T21:04:49.712Z","12.0.0-canary.791311bba.0":"2021-07-20T22:06:48.557Z","12.0.0-canary.85e9a6ac3.0":"2021-07-21T15:35:14.712Z","12.0.0-canary.6b0442278.0":"2021-07-21T18:49:08.402Z","12.0.0-canary.5f00e454a.0":"2021-07-22T17:05:43.299Z","12.0.0-canary.90e08fc6b.0":"2021-07-22T23:37:39.369Z","12.0.0-canary.cf5b9eb86.0":"2021-07-23T18:11:32.790Z","12.0.0-canary.3f36ac75c.0":"2021-07-23T18:31:33.567Z","12.0.0-canary.ea1e1b850.0":"2021-07-24T20:55:05.485Z","12.0.0-canary.22f390c43.0":"2021-07-27T18:59:10.535Z","12.0.0":"2021-07-27T19:49:09.616Z","13.0.0-canary.ae85f7eba.0":"2021-07-27T19:50:41.795Z","13.0.0-canary.5981207f7.0":"2021-07-27T23:17:28.241Z","13.0.0-canary.83bdd0222.0":"2021-07-28T17:25:04.013Z","13.0.0-canary.28656298a.0":"2021-07-29T18:12:24.355Z","13.0.0-canary.9e797daaf.0":"2021-07-29T18:34:39.195Z","13.0.0-canary.adb9f1ad8.0":"2021-07-30T19:04:11.739Z","13.0.0-canary.cc5377458.0":"2021-07-30T21:32:44.842Z","13.0.0-canary.a395972cf.0":"2021-08-03T21:22:41.090Z","13.0.0-canary.7c96e6b98.0":"2021-08-03T22:13:12.814Z","13.0.0-canary.a80c8b2c2.0":"2021-08-04T23:59:04.262Z","13.0.0-canary.3dd611091.0":"2021-08-05T03:55:41.029Z","13.0.0-canary.5dee37ff6.0":"2021-08-05T17:41:36.757Z","13.0.0-canary.bf405d22a.0":"2021-08-05T20:17:24.681Z","13.0.0-canary.b47dd37a6.0":"2021-08-05T20:49:15.246Z","13.0.0-canary.6c82b965b.0":"2021-08-06T16:14:09.821Z","13.0.0-canary.4ca11fe76.0":"2021-08-06T17:06:43.469Z","13.0.0-canary.510cf90f2.0":"2021-08-09T17:16:36.187Z","13.0.0-canary.17580ebf7.0":"2021-08-09T18:16:36.797Z","13.0.0-canary.7249a3060.0":"2021-08-09T18:20:52.163Z","13.0.0-canary.4c405863b.0":"2021-08-10T17:40:06.409Z","13.0.0-canary.f4241a42a.0":"2021-08-11T16:58:47.270Z","13.0.0-canary.0ad12ed3c.0":"2021-08-11T21:28:10.082Z","13.0.0-canary.077dcfcfe.0":"2021-08-12T17:54:39.008Z","13.0.0-canary.e3346766f.0":"2021-08-13T19:44:37.449Z","13.0.0-canary.2fb068fb0.0":"2021-08-13T19:47:51.369Z","13.0.0-canary.fb76c5069.0":"2021-08-16T20:07:28.901Z","13.0.0-canary.457d89aad.0":"2021-08-17T15:21:06.999Z","13.0.0-canary.0de2f2edc.0":"2021-08-17T20:53:33.649Z","13.0.0-canary.1f9259b9d.0":"2021-08-17T22:13:26.640Z","13.0.0-canary.3b9290351.0":"2021-08-18T05:22:42.697Z","13.0.0-canary.43d2eed2a.0":"2021-08-18T16:01:33.020Z","13.0.0-canary.0a9069300.0":"2021-08-19T16:16:58.391Z","13.0.0-canary.7da413ed8.0":"2021-08-20T15:47:55.629Z","13.0.0-canary.e1e69fd8e.0":"2021-08-20T19:31:41.837Z","13.0.0-canary.f5afc16df.0":"2021-08-20T20:25:59.115Z","13.0.0-canary.28d0d75bb.0":"2021-08-20T22:19:45.367Z","13.0.0-canary.21ece5360.0":"2021-08-20T23:43:35.918Z","13.0.0-canary.8de07c02a.0":"2021-08-23T15:25:59.272Z","13.0.0-canary.65aa63b0c.0":"2021-08-24T15:27:56.086Z","13.0.0-canary.15981e9d9.0":"2021-08-24T16:16:27.700Z","13.0.0-canary.fa7520f62.0":"2021-08-24T22:27:15.894Z","13.0.0-canary.ce25bc3ec.0":"2021-08-24T22:47:44.258Z","13.0.0-canary.12f5622e1.0":"2021-08-24T23:17:30.219Z","13.0.0-canary.d97f8f133.0":"2021-08-25T18:32:37.581Z","13.0.0-canary.d86fb6fac.0":"2021-08-25T18:53:13.175Z","13.0.0-canary.e8554dbbf.0":"2021-08-25T21:58:43.128Z","13.0.0-canary.877e3fb0d.0":"2021-08-26T15:37:23.981Z","13.0.0-canary.6236f3576.0":"2021-08-26T16:05:04.976Z","13.0.0-canary.1d19158a1.0":"2021-08-26T17:08:17.342Z","13.0.0-canary.6adc9e83f.0":"2021-08-30T22:43:41.985Z","13.0.0-canary.d082790f0.0":"2021-09-01T21:53:43.194Z","13.0.0-canary.e2c4f0196.0":"2021-09-02T02:10:33.483Z","13.0.0-canary.611db508e.0":"2021-09-02T03:14:17.568Z","13.0.0-canary.d4706933f.0":"2021-09-02T15:37:04.531Z","13.0.0-canary.c16fe03ce.0":"2021-09-02T17:44:07.704Z","13.0.0-canary.9203a958a.0":"2021-09-02T23:46:23.950Z","13.0.0-canary.fddd5ae93.0":"2021-09-03T07:29:55.192Z","13.0.0-canary.117599a8b.0":"2021-09-03T07:31:30.517Z","13.0.0-canary.e4180d07b.0":"2021-09-03T07:31:59.176Z","13.0.0-canary.42d175efc.0":"2021-09-03T15:42:50.496Z","13.0.0-canary.72464476c.0":"2021-09-07T15:34:11.491Z","13.0.0-canary.37d4db866.0":"2021-09-09T14:33:26.935Z","13.0.0-canary.6df682e74.0":"2021-09-09T15:43:10.309Z","13.0.0-canary.b49359c35.0":"2021-09-09T17:35:28.395Z","13.0.0-canary.470bd34e8.0":"2021-09-09T18:01:05.876Z","13.0.0-canary.d48a01771.0":"2021-09-09T18:10:20.210Z","13.0.0-canary.13db34b34.0":"2021-09-09T18:25:21.071Z","13.0.0-canary.864798678.0":"2021-09-09T18:36:44.241Z","13.0.0-canary.d04bda3fb.0":"2021-09-10T15:21:31.870Z","13.0.0-canary.5533f73d3.0":"2021-09-13T23:03:36.954Z","13.0.0-canary.08398f880.0":"2021-09-13T23:34:17.577Z","13.0.0-canary.818f4ee93.0":"2021-09-15T17:50:14.850Z","13.0.0-canary.8355e14dc.0":"2021-09-15T19:12:13.714Z","13.0.0-canary.d4e16a6c4.0":"2021-09-15T21:58:59.998Z","13.0.0-canary.65125b3a6.0":"2021-09-16T21:17:17.869Z","13.0.0-canary.80a583365.0":"2021-09-17T20:35:35.907Z","13.0.0-canary.83900936a.0":"2021-09-17T23:24:09.123Z","13.0.0-canary.860ad06a1.0":"2021-09-17T23:35:49.460Z","13.0.0-canary.3b8d4429e.0":"2021-09-20T17:47:25.141Z","13.0.0-canary.2da3606b9.0":"2021-09-20T19:37:32.142Z","13.0.0-canary.e8c598d1e.0":"2021-09-20T21:11:43.760Z","13.0.0-canary.1340ee9f7.0":"2021-09-22T17:57:43.836Z","13.0.0-canary.65084baff.0":"2021-09-23T21:25:17.626Z","13.0.0-canary.c79aa0cdd.0":"2021-09-24T13:41:43.778Z","13.0.0":"2021-09-24T19:45:40.928Z","14.0.0-canary.198431fcd.0":"2021-09-24T19:46:25.829Z","14.0.0-canary.9a02b6ef8.0":"2021-09-25T13:10:51.476Z","14.0.0-canary.758ce31d9.0":"2021-09-27T17:29:04.951Z","14.0.0-canary.86b50ef74.0":"2021-09-28T17:42:49.211Z","14.0.0-canary.b2fe3528b.0":"2021-09-29T22:56:44.517Z","14.0.0-canary.586e740dd.0":"2021-09-30T16:31:06.462Z","14.0.0-canary.2ac92d766.0":"2021-10-05T19:28:22.234Z","14.0.0-canary.353ca7e9f.0":"2021-10-08T18:46:45.845Z","14.0.0-canary.c78ff0429.0":"2021-10-11T17:21:53.652Z","14.0.0-canary.261f2db59.0":"2021-10-20T16:59:29.287Z","14.0.0-canary.9803d2dc1.0":"2021-10-20T19:21:41.102Z","14.0.0-canary.348665978.0":"2021-10-21T14:50:29.003Z","14.0.0-canary.b2b979a8a.0":"2021-10-28T15:12:02.952Z","14.0.0-canary.1af7c1c4a.0":"2021-10-28T17:52:38.814Z","14.0.0-canary.4afd353cd.0":"2021-10-29T15:01:24.089Z","14.0.0-canary.a986df922.0":"2021-10-29T21:34:52.865Z","14.0.0-canary.c3cdff07b.0":"2021-11-09T19:05:44.299Z","14.0.0-canary.468392606.0":"2021-11-11T19:39:58.877Z","14.0.0-canary.828f9803b.0":"2021-11-11T19:50:41.008Z","14.0.0-canary.8795cba87.0":"2021-11-11T19:56:37.177Z","14.0.0-canary.cd7f8cace.0":"2021-11-11T19:58:18.137Z","14.0.0-canary.207230eb8.0":"2021-11-11T22:24:15.682Z","14.0.0-canary.991fb99f7.0":"2021-11-11T22:36:17.679Z","14.0.0-canary.15db4f164.0":"2021-11-12T17:29:38.723Z","14.0.0-canary.8fcad5a3c.0":"2021-11-12T19:13:39.784Z","14.0.0-canary.f81fb1d23.0":"2021-11-12T22:40:06.393Z","14.0.0-canary.783f6fd5a.0":"2021-11-16T05:49:50.523Z","14.0.0-canary.d57ec74c7.0":"2021-11-16T16:16:17.486Z","14.0.0-canary.554c71829.0":"2021-11-16T16:19:10.271Z","14.0.0-canary.3ef470efe.0":"2021-11-16T16:24:00.203Z","14.0.0-canary.61a28b2b5.0":"2021-11-17T18:59:05.823Z","14.0.0-canary.fae6c652d.0":"2021-11-18T16:24:50.428Z","14.0.0-canary.978a3b5bb.0":"2021-11-19T19:39:07.119Z","14.0.0-canary.e6f43cf44.0":"2021-11-22T17:35:00.045Z","14.0.0-canary.39cf14bc3.0":"2021-11-22T23:04:22.557Z","14.0.0-canary.93134d453.0":"2021-11-23T15:38:54.120Z","14.0.0-canary.bbd11268f.0":"2021-11-23T22:32:06.050Z","14.0.0-canary.3db9c4d3d.0":"2021-11-24T15:37:15.901Z","14.0.0-canary.78305b6d5.0":"2021-11-24T19:50:30.401Z","14.0.0-canary.43d08ba77.0":"2021-11-30T22:55:54.720Z","14.0.0-canary.17a072535.0":"2021-12-02T18:05:06.847Z","14.0.0-canary.5d809696c.0":"2021-12-08T17:44:14.840Z","14.0.0-canary.b6510c8c1.0":"2021-12-08T18:06:18.139Z","14.0.0-canary.f460e23da.0":"2021-12-10T15:25:13.050Z","14.0.0-canary.7d8ea4624.0":"2021-12-10T19:29:07.181Z","14.0.0-canary.8fffcb5dd.0":"2021-12-14T08:54:51.494Z","14.0.0-canary.21e1cb9be.0":"2021-12-14T19:39:42.138Z","14.0.0-canary.ba78e8724.0":"2021-12-15T22:12:49.884Z","14.0.0-canary.e3e073c00.0":"2021-12-20T21:09:34.337Z","14.0.0-canary.3366a71d7.0":"2021-12-22T12:32:19.816Z","14.0.0-canary.c047f7c19.0":"2022-01-05T16:45:41.174Z","14.0.0-canary.05db65ec0.0":"2022-01-06T17:14:02.904Z","14.0.0-canary.6ca8b8f85.0":"2022-01-07T16:00:58.772Z","14.0.0-canary.173ee7a7a.0":"2022-01-10T16:54:06.473Z","14.0.0-canary.b704e4dfc.0":"2022-01-10T18:32:53.444Z","14.0.0-canary.c14e977ee.0":"2022-01-11T15:49:28.047Z","14.0.0-canary.b094eaa4e.0":"2022-01-14T18:42:12.716Z","14.0.0-canary.390220e42.0":"2022-01-17T16:46:02.986Z","14.0.0-canary.4b5391f8b.0":"2022-01-19T23:52:38.050Z","14.0.0-canary.cef6bc623.0":"2022-01-20T00:17:21.539Z","14.0.0-canary.0379179c4.0":"2022-01-20T18:54:15.620Z","14.0.0-canary.e62f3dabf.0":"2022-01-21T23:03:12.869Z","14.0.0-canary.3e20c1de8.0":"2022-01-25T15:31:43.865Z","14.0.0-canary.9f9d928b2.0":"2022-01-27T18:13:04.132Z","14.0.0-canary.a2bcb065c.0":"2022-01-28T19:36:56.521Z","14.0.0-canary.4e66fb2e1.0":"2022-01-28T19:41:17.780Z","14.0.0-canary.9736ddce9.0":"2022-01-29T09:49:47.107Z","14.0.0-canary.cc4ed13cc.0":"2022-02-04T18:22:36.346Z","14.0.0-canary.dcba26fe1.0":"2022-02-04T21:57:01.921Z","14.0.0-canary.ec54d9046.0":"2022-02-07T15:46:29.647Z","14.0.0-canary.ea9b5b463.0":"2022-02-09T17:53:33.749Z","14.0.0-canary.96ea061c1.0":"2022-02-09T18:59:06.663Z","14.0.0-canary.e00181e59.0":"2022-02-10T20:06:25.322Z","14.0.0-canary.037285f9b.0":"2022-02-11T18:29:20.765Z","14.0.0-canary.1aaa68dda.0":"2022-02-16T19:48:51.571Z","14.0.0-canary.ab4aba1af.0":"2022-02-17T18:16:12.137Z","14.0.0-canary.e58552c6e.0":"2022-02-18T18:03:58.182Z","14.0.0-canary.868793776.0":"2022-02-22T19:35:14.563Z","14.0.0-canary.fdc37a445.0":"2022-02-28T18:46:02.853Z","14.0.0-canary.43c7d87dc.0":"2022-03-01T15:33:02.881Z","14.0.0-canary.23043acd0.0":"2022-03-02T20:27:19.870Z","14.0.0-canary.6505e61c5.0":"2022-03-03T20:00:20.271Z","14.0.0-canary.16c166154.0":"2022-03-08T23:22:14.899Z","14.0.0-canary.bdf1d3771.0":"2022-03-14T14:28:20.781Z","14.0.0-canary.cf4292778.0":"2022-03-15T00:29:29.650Z","14.0.0-canary.bbd43e0e0.0":"2022-03-16T20:49:57.675Z","14.0.0-canary.1b6afad86.0":"2022-03-16T21:03:29.097Z","14.0.0-canary.bdf9d4af9.0":"2022-03-16T21:17:45.115Z","14.0.0-canary.32b391398.0":"2022-03-17T17:59:03.761Z","14.0.0-canary.ae8a6a3a3.0":"2022-03-18T16:39:06.999Z","14.0.0-canary.cbd9358a6.0":"2022-03-18T22:51:53.692Z","14.0.0-canary.dcfe49c98.0":"2022-03-21T18:43:56.898Z","14.0.0-canary.f31a833fa.0":"2022-03-23T00:50:36.376Z","14.0.0-canary.4b92e210a.0":"2022-03-24T20:18:27.042Z","14.0.0-canary.a657abb61.0":"2022-03-24T20:39:49.681Z","14.0.0-canary.443f63f50.0":"2022-03-25T23:04:28.050Z","14.0.0-canary.eb382f318.0":"2022-03-29T17:34:48.255Z","14.0.0-canary.344d52823.0":"2022-03-29T18:43:09.046Z","14.0.0-canary.4e372fb49.0":"2022-04-07T20:32:48.051Z","14.0.0-canary.3e30054fb.0":"2022-04-13T22:14:06.169Z","14.0.0-canary.8c4da223a.0":"2022-04-19T15:24:03.739Z","14.0.0-canary.7de8965cc.0":"2022-04-19T20:23:16.847Z","14.0.0-canary.641ed0851.0":"2022-04-20T16:05:31.946Z","14.0.0-canary.e88f83024.0":"2022-04-20T17:47:32.165Z","14.0.0-canary.7321d6254.0":"2022-04-20T20:11:06.728Z","14.0.0-canary.3ab956515.0":"2022-04-25T15:01:45.239Z","14.0.0-canary.53b3cad2f.0":"2022-04-27T12:45:13.150Z","14.0.0":"2022-04-28T16:55:45.109Z","15.0.0-canary.432c815e5.0":"2022-04-28T16:56:51.368Z","15.0.0-canary.a0f01f669.0":"2022-05-06T20:14:31.560Z","15.0.0-canary.276cb39a4.0":"2022-05-06T21:31:22.359Z","15.0.0-canary.4fe98ed70.0":"2022-05-06T21:55:55.144Z","15.0.0-canary.58b130a3d.0":"2022-05-06T21:58:14.620Z","15.0.0-canary.ae278a2fe.0":"2022-05-09T15:24:38.111Z","15.0.0-canary.bebf5bfdf.0":"2022-05-11T02:40:12.392Z","15.0.0-canary.e6072cd6a.0":"2022-05-11T20:18:19.912Z","15.0.0-canary.5b40eb988.0":"2022-05-12T02:44:06.124Z","15.0.0-canary.6a61d62f6.0":"2022-05-12T20:26:43.069Z","15.0.0-canary.05930a453.0":"2022-05-13T18:47:19.871Z","15.0.0-canary.c0a11ef0d.0":"2022-05-18T22:00:54.996Z","15.0.0-canary.2f9b268c0.0":"2022-05-20T19:32:32.099Z","15.0.0-canary.7741345b8.0":"2022-05-20T20:02:39.251Z","15.0.0-canary.f807e793f.0":"2022-05-20T22:21:42.531Z","15.0.0-canary.9f53d4a8a.0":"2022-05-23T14:57:31.396Z","15.0.0-canary.77cf00e37.0":"2022-05-31T17:39:39.950Z","15.0.0-canary.3c7b844c2.0":"2022-06-07T22:20:47.132Z","15.0.0-canary.df47894db.0":"2022-06-13T17:08:31.942Z","15.0.0-canary.b18a873dc.0":"2022-06-14T06:29:44.882Z","15.0.0-canary.ba9c29637.0":"2022-06-14T18:57:23.039Z","15.0.0-canary.9bfd12f01.0":"2022-06-22T19:22:31.945Z","15.0.0-canary.764de225d.0":"2022-06-29T16:27:02.910Z","15.0.0-canary.31e517cea.0":"2022-07-01T18:28:23.317Z","15.0.0-canary.9ea4e8e9c.0":"2022-07-01T22:54:59.137Z","15.0.0-canary.cd5bafabb.0":"2022-07-06T17:54:23.177Z","15.0.0-canary.a02fe49d3.0":"2022-07-06T18:51:04.169Z","15.0.0-canary.826a3d8be.0":"2022-07-06T19:31:02.268Z","15.0.0-canary.ef276aa93.0":"2022-07-07T17:02:38.276Z","15.0.0-canary.59cf61d6b.0":"2022-07-07T17:31:24.282Z","15.0.0-canary.8647092f7.0":"2022-07-07T20:38:37.971Z","15.0.0-canary.02ecd4d85.0":"2022-07-11T16:39:14.576Z","15.0.0-canary.63d3a146e.0":"2022-07-12T11:37:03.477Z","15.0.0-canary.88db01990.0":"2022-07-12T11:40:01.477Z","15.0.0-canary.6432d8fd7.0":"2022-07-14T07:28:55.474Z","15.0.0-canary.085f9b25c.0":"2022-07-14T16:34:57.295Z","15.0.0-canary.39f9424b3.0":"2022-07-14T17:05:15.815Z","15.0.0-canary.ae9fce587.0":"2022-07-14T18:08:10.514Z","15.0.0-canary.1ebddc343.0":"2022-07-15T08:49:22.054Z","15.0.0-canary.c5018840c.0":"2022-07-18T09:43:12.273Z","15.0.0-canary.551b40d18.0":"2022-07-18T10:01:03.122Z","15.0.0-canary.cf9f12371.0":"2022-07-18T10:05:05.384Z","15.0.0-canary.2797ff8b6.0":"2022-07-19T00:24:10.498Z","15.0.0-canary.110fafa17.0":"2022-07-20T07:46:43.322Z","15.0.0-canary.386ef1d2f.0":"2022-07-20T18:19:48.121Z","15.0.0-canary.c3924efef.0":"2022-07-20T18:29:28.572Z","15.0.0-canary.cf5c5907c.0":"2022-07-20T21:21:52.372Z","15.0.0-canary.0617e2319.0":"2022-07-20T21:40:05.514Z","15.0.0-canary.a743b7967.0":"2022-07-20T21:57:11.510Z","15.0.0-canary.69fd619d0.0":"2022-07-20T22:09:16.541Z","15.0.0-canary.2a6ddc1cf.0":"2022-07-29T16:04:38.030Z","15.0.0-canary.86efd56f6.0":"2022-08-02T14:45:36.851Z","15.0.0-canary.ccfc24d19.0":"2022-08-03T18:13:32.368Z","15.0.0-canary.e4570146f.0":"2022-08-03T18:40:41.731Z","15.0.0-canary.6683a36cb.0":"2022-08-03T19:20:44.043Z","15.0.0-canary.10196647d.0":"2022-08-03T21:53:46.767Z","15.0.0-canary.b20d3d73c.0":"2022-08-04T22:42:55.639Z","15.0.0-canary.47c0c6b1e.0":"2022-08-09T15:20:28.970Z","15.0.0-canary.0e3dc8e38.0":"2022-08-11T18:45:56.543Z","15.0.0-canary.d5a11f1c8.0":"2022-08-30T23:01:18.724Z","15.0.0-canary.bac992a95.0":"2022-09-01T07:05:39.246Z","15.0.0-canary.d25f3404c.0":"2022-09-01T09:44:32.857Z","15.0.0-canary.920d8a79e.0":"2022-09-01T20:20:58.109Z","15.0.0-canary.c363f267b.0":"2022-09-01T21:18:17.255Z","15.0.0-canary.a4eb4937a.0":"2022-09-06T18:19:48.725Z","15.0.0-canary.4299717da.0":"2022-09-07T16:15:41.826Z","15.0.0-canary.fa7d8d44b.0":"2022-09-07T19:18:49.958Z","15.0.0-canary.a40e3c768.0":"2022-09-09T20:03:57.600Z","15.0.0-canary.18cdc9a00.0":"2022-09-12T21:02:56.040Z","15.0.0-canary.7ab3cd3c8.0":"2022-09-13T22:39:12.507Z","15.0.0-canary.2860d244d.0":"2022-09-16T22:54:51.559Z","15.0.0-canary.e8726533c.0":"2022-09-20T20:17:42.683Z","15.0.0-canary.00d8de0aa.0":"2022-09-21T15:20:07.931Z","15.0.0-canary.271aedc30.0":"2022-09-21T15:35:56.213Z","15.0.0-canary.9f17ff2cb.0":"2022-09-21T18:08:14.444Z","15.0.0-canary.d3344c16f.0":"2022-09-22T09:24:25.489Z","15.0.0-canary.94f20ccb8.0":"2022-09-22T20:47:44.044Z","15.0.0-canary.81e4cb7b2.0":"2022-09-23T15:08:08.210Z","15.0.0-canary.aa85f9413.0":"2022-09-26T17:56:24.066Z","15.0.0-canary.7134a7752.0":"2022-09-26T21:57:35.908Z","15.0.0-canary.70b8ac16e.0":"2022-09-27T22:44:51.104Z","15.0.0-canary.c20d74405.0":"2022-09-27T23:31:12.937Z","15.0.0-canary.f033fc8d1.0":"2022-09-27T23:57:17.322Z","15.0.0-canary.8d7ae912a.0":"2022-09-28T07:56:02.885Z","15.0.0-canary.db414b864.0":"2022-09-28T14:52:39.690Z","15.0.0-canary.28cc6791f.0":"2022-09-28T18:06:51.383Z","15.0.0-canary.a515a2d18.0":"2022-09-28T18:55:42.103Z","15.0.0-canary.ce9523167.0":"2022-09-29T20:31:08.433Z","15.0.0-canary.b2310f7dc.0":"2022-09-30T00:13:46.706Z","15.0.0-canary.a44241e54.0":"2022-09-30T08:21:02.997Z","15.0.0-canary.0ce81e115.0":"2022-09-30T18:18:08.677Z","15.0.0-canary.3cc30f6ad.0":"2022-10-04T17:19:15.081Z","15.0.0-canary.d9cf98e60.0":"2022-10-04T19:03:41.049Z","15.0.0-canary.d71935c8b.0":"2022-10-06T08:14:48.206Z","15.0.0-canary.49c56a25d.0":"2022-10-06T18:50:52.530Z","15.0.0-canary.07acddef3.0":"2022-10-07T21:37:17.988Z","15.0.0-canary.1c74eb2c0.0":"2022-10-07T21:55:10.018Z","15.0.0-canary.dadfb713e.0":"2022-10-08T05:05:32.234Z","15.0.0-canary.395f1ce61.0":"2022-10-08T05:07:33.932Z","15.0.0-canary.e741b5c82.0":"2022-10-10T17:37:47.016Z","15.0.0-canary.582f3cc1c.0":"2022-10-11T04:48:42.904Z","15.0.0-canary.b1a6e3e88.0":"2022-10-12T12:02:02.165Z","15.0.0-canary.c9b1a31e4.0":"2022-10-12T16:58:07.534Z","15.0.0-canary.13e9b0d1f.0":"2022-10-12T19:20:40.351Z","15.0.0-canary.1dc797e7f.0":"2022-10-14T09:41:07.956Z","15.0.0-canary.ed4009397.0":"2022-10-14T16:50:55.742Z","15.0.0-canary.95ef196bc.0":"2022-10-14T23:13:34.741Z","15.0.0-canary.13eea1b2d.0":"2022-10-17T03:51:13.987Z","15.0.0-canary.ef9b2babb.0":"2022-10-17T09:17:34.597Z","15.0.0-canary.cec7fb987.0":"2022-10-17T10:55:58.138Z","15.0.0-canary.4fff58b08.0":"2022-10-17T15:22:05.756Z","15.0.0-canary.587d8f871.0":"2022-10-17T15:56:47.335Z","15.0.0-canary.edf4b98d0.0":"2022-10-17T16:40:05.894Z","15.0.0-canary.024ac5f16.0":"2022-10-17T22:41:58.839Z","15.0.0-canary.c8bdf6144.0":"2022-10-18T18:23:03.176Z","15.0.0-canary.bacda4885.0":"2022-10-18T18:42:20.749Z","15.0.0-canary.92b2556cf.0":"2022-10-19T01:13:03.016Z","15.0.0-canary.cc804509a.0":"2022-10-19T01:16:50.381Z","15.0.0-canary.982bedae9.0":"2022-10-19T01:36:43.915Z","15.0.0-canary.ee40081f4.0":"2022-10-19T20:11:27.385Z","15.0.0-canary.98f1b54e2.0":"2022-10-20T22:56:22.330Z","15.0.0-canary.e74b7ba7e.0":"2022-10-21T17:05:27.497Z","15.0.0-canary.ab55c07d2.0":"2022-10-22T18:18:50.351Z","15.0.0-canary.fc539db34.0":"2022-10-24T18:58:48.526Z","15.0.0-canary.e340b04c5.0":"2022-10-25T23:44:41.200Z","15.0.0-canary.2c1a8f8fd.0":"2022-10-26T17:30:03.125Z","15.0.0-canary.ecfee946f.0":"2022-10-26T20:14:50.005Z","15.0.0-canary.73ca9dbb0.0":"2022-10-31T17:32:02.256Z","15.0.0-canary.357f2e5f1.0":"2022-10-31T18:48:56.098Z","15.0.0-canary.eb103d4b5.0":"2022-10-31T19:56:02.105Z","15.0.0-canary.af5f01223.0":"2022-11-01T18:36:32.018Z","15.0.0-canary.58733ef41.0":"2022-11-02T18:10:21.188Z","15.0.0-canary.909b48215.0":"2022-11-03T04:07:27.043Z","15.0.0-canary.7f17127d5.0":"2022-11-03T18:18:47.170Z","15.0.0-canary.da95e2a05.0":"2022-11-04T16:58:41.764Z","15.0.0-canary.4832e2750.0":"2022-11-04T20:56:39.413Z","15.0.0-canary.215506426.0":"2022-11-05T01:05:37.735Z","15.0.0-canary.4cf917476.0":"2022-11-05T18:03:43.649Z","15.0.0-canary.eef14bd32.0":"2022-11-06T17:24:14.376Z","15.0.0-canary.6faa29fe9.0":"2022-11-07T03:13:05.020Z","15.0.0-canary.9af09b967.0":"2022-11-07T18:27:22.483Z","15.0.0-canary.0f54fbb93.0":"2022-11-08T21:56:14.490Z","15.0.0-canary.a8d47f9fe.0":"2022-11-09T04:17:19.255Z","15.0.0-canary.66a1e75e6.0":"2022-11-09T09:35:13.311Z","15.0.0-canary.5e5c2afc0.0":"2022-11-09T11:52:54.178Z","15.0.0-canary.3e3f43359.0":"2022-11-09T20:02:29.331Z","15.0.0-canary.3f667fac6.0":"2022-11-09T22:05:39.513Z","15.0.0-canary.faa28c1c5.0":"2022-11-11T16:35:25.126Z","15.0.0-canary.a868c7866.0":"2022-11-11T16:36:09.421Z","15.0.0-canary.602fe8efa.0":"2022-11-11T17:11:26.473Z","15.0.0-canary.558c2be62.0":"2022-11-11T22:44:54.516Z","15.0.0-canary.b5c13a7a8.0":"2022-11-14T15:58:09.527Z","15.0.0-canary.a6e1c0702.0":"2022-11-14T17:26:42.170Z","15.0.0-canary.b6f8a06de.0":"2022-11-15T09:27:53.762Z","15.0.0-canary.0163f3ba5.0":"2022-11-15T18:01:39.509Z","15.0.0-canary.66c5cbb94.0":"2022-11-15T19:29:38.667Z","15.0.0-canary.b01136063.0":"2022-11-16T00:15:21.780Z","15.0.0-canary.01da0cabb.0":"2022-11-16T09:12:50.836Z","15.0.0-canary.4ac393164.0":"2022-11-16T16:14:58.573Z","15.0.0-canary.6048fb563.0":"2022-11-16T16:17:12.876Z","15.0.0-canary.3777b03cb.0":"2022-11-16T18:41:00.771Z","15.0.0-canary.f7f56fff7.0":"2022-11-16T19:55:34.827Z","15.0.0-canary.7c73f6134.0":"2022-11-16T19:59:12.851Z","15.0.0-canary.f1e037150.0":"2022-11-16T20:04:46.476Z","15.0.0-canary.40b18d043.0":"2022-11-16T22:58:24.951Z","15.0.0-canary.86bde5c06.0":"2022-11-16T23:08:33.755Z","15.0.0-canary.bb7751002.0":"2022-11-16T23:59:46.396Z","15.0.0-canary.63aca9af6.0":"2022-11-17T19:00:50.967Z","15.0.0-canary.56482dc2e.0":"2022-11-17T21:54:51.958Z","15.0.0-canary.953e689f3.0":"2022-11-17T22:04:18.653Z","15.0.0-canary.b5606a793.0":"2022-11-18T10:20:48.277Z","15.0.0-canary.8c5675942.0":"2022-11-18T15:15:48.562Z","15.0.0-canary.697fbdebd.0":"2022-11-18T17:00:19.884Z","15.0.0-canary.d58410453.0":"2022-11-18T19:24:40.444Z","15.0.0-canary.7971d6ad5.0":"2022-11-19T08:44:52.572Z","15.0.0-canary.a0ae73b0e.0":"2022-11-21T10:53:21.279Z","15.0.0-canary.96f472604.0":"2022-11-21T12:52:19.543Z","15.0.0-canary.18b8f31e1.0":"2022-11-21T16:02:00.995Z","15.0.0-canary.912f33ce4.0":"2022-11-21T17:53:38.895Z","15.0.0-canary.1e1b1c369.0":"2022-11-23T19:00:12.355Z","15.0.0-canary.a2ec49244.0":"2022-11-23T19:30:34.531Z","15.0.0-canary.a7458ba0b.0":"2022-11-23T20:16:04.084Z","15.0.0-canary.7c35e5036.0":"2022-11-24T08:39:02.948Z","15.0.0-canary.4356e05c5.0":"2022-11-24T09:56:22.380Z","15.0.0-canary.cb605f8af.0":"2022-11-24T10:15:10.265Z","15.0.0-canary.05fb07f9f.0":"2022-11-24T17:13:25.774Z","15.0.0-canary.a911b386b.0":"2022-11-28T16:46:59.017Z","15.0.0-canary.2aa8050b4.0":"2022-11-28T19:11:15.701Z","15.0.0-canary.323904a9f.0":"2022-11-29T15:33:38.530Z","15.0.0-canary.168a629a4.0":"2022-11-29T16:48:24.703Z","15.0.0-canary.65c411674.0":"2022-11-29T17:37:52.134Z","15.0.0-canary.a86d36fd2.0":"2022-11-30T02:13:48.849Z","15.0.0-canary.3a1f46c66.0":"2022-11-30T12:06:41.845Z","15.0.0-canary.32d8a9648.0":"2022-12-01T17:28:45.359Z","15.0.0-canary.03618ab70.0":"2022-12-01T20:54:08.514Z","15.0.0-canary.68aaed940.0":"2022-12-01T21:23:46.377Z","15.0.0-canary.f0a0bbc75.0":"2022-12-02T09:01:26.237Z","15.0.0-canary.dd99c8764.0":"2022-12-02T14:00:36.951Z","15.0.0-canary.fabdcca3a.0":"2022-12-02T15:06:33.937Z","15.0.0-canary.2d26722d2.0":"2022-12-02T16:26:12.987Z","15.0.0-canary.eaa0c3a86.0":"2022-12-02T17:42:15.325Z","15.0.0-canary.79a613bbd.0":"2022-12-06T14:25:22.893Z","15.0.0-canary.c871fe61e.0":"2022-12-07T07:51:36.465Z","15.0.0-canary.9eaee7936.0":"2022-12-07T20:02:36.067Z","15.0.0-canary.1d37bf601.0":"2022-12-07T20:41:00.135Z","15.0.0-canary.a5fe069d5.0":"2022-12-09T18:43:51.911Z","15.0.0-canary.ce8b5326f.0":"2022-12-09T23:30:27.965Z","15.0.0-canary.43f5323bc.0":"2022-12-12T16:46:02.181Z","15.0.0-canary.5490e32e7.0":"2022-12-12T17:01:52.705Z","15.0.0-canary.817002c29.0":"2022-12-13T21:53:39.091Z","15.0.0-canary.313a1326a.0":"2022-12-14T10:28:28.533Z","15.0.0-canary.a69c14e10.0":"2022-12-14T11:18:39.358Z","15.0.0-canary.f43e0ceb5.0":"2022-12-14T16:44:31.575Z","15.0.0-canary.34767110.0":"2022-12-14T17:23:02.677Z","15.0.0-canary.1f99f3c50.0":"2022-12-15T14:25:13.088Z","15.0.0-canary.cfd69490f.0":"2022-12-16T20:08:18.478Z","15.0.0-canary.94ad8d986.0":"2022-12-19T19:26:46.526Z","15.0.0-canary.604264203.0":"2022-12-21T21:40:34.686Z","15.0.0-canary.85bcff6af.0":"2022-12-22T10:24:49.557Z","15.0.0-canary.ece3e8d21.0":"2022-12-22T17:11:53.874Z","15.0.0-canary.278ad53d1.0":"2022-12-27T17:04:44.334Z","15.0.0-canary.a7d8389e1.0":"2022-12-27T19:03:29.545Z","15.0.0-canary.8175d5eff.0":"2022-12-28T01:51:15.648Z","15.0.0-canary.16abb41ed.0":"2022-12-28T19:38:08.638Z","15.0.0-canary.e21dcb86d.0":"2022-12-29T14:01:53.461Z","15.0.0-canary.20ab6f5a8.0":"2022-12-29T19:40:41.311Z","15.0.0-canary.b9806f623.0":"2022-12-29T23:05:33.342Z","15.0.0-canary.50c9f550e.0":"2023-01-03T15:47:24.228Z","15.0.0-canary.af490a848.0":"2023-01-03T15:56:41.663Z","15.0.0-canary.7cf487c98.0":"2023-01-03T17:38:27.936Z","15.0.0-canary.a52be2d5e.0":"2023-01-03T19:12:57.768Z","15.0.0-canary.e38ba17c5.0":"2023-01-03T22:32:14.079Z","15.0.0-canary.49041a6c3.0":"2023-01-04T15:17:24.461Z","15.0.0-canary.c492898c2.0":"2023-01-04T17:36:51.938Z","15.0.0-canary.d7a2277de.0":"2023-01-04T21:35:23.145Z","15.0.0-canary.fd95ca7ef.0":"2023-01-05T01:02:33.764Z","15.0.0-canary.1eb44faf9.0":"2023-01-05T09:09:04.903Z","15.0.0-canary.adcdb7db9.0":"2023-01-05T16:21:18.646Z","15.0.0-canary.067af7eff.0":"2023-01-06T23:15:53.759Z","15.0.0-canary.21d1196a7.0":"2023-01-09T10:42:53.370Z","15.0.0-canary.8d2d8d3c4.0":"2023-01-09T22:23:38.661Z","15.0.0-canary.fc6ee6c32.0":"2023-01-10T16:27:45.501Z","15.0.0-canary.73537ab0f.0":"2023-01-10T18:11:15.247Z","15.0.0-canary.684e33d25.0":"2023-01-10T19:18:16.427Z","15.0.0-canary.0e89aab6b.0":"2023-01-11T16:17:14.773Z","15.0.0-canary.b0103d10a.0":"2023-01-11T19:12:10.015Z","15.0.0-canary.50e7a5312.0":"2023-01-11T20:53:51.869Z","15.0.0-canary.202823f54.0":"2023-01-11T21:35:25.749Z","15.0.0-canary.199fe2a2a.0":"2023-01-11T21:55:18.340Z","15.0.0-canary.8c0786d6f.0":"2023-01-12T14:35:55.718Z","15.0.0-canary.8a74f7c6d.0":"2023-01-17T19:24:13.339Z","15.0.0-canary.b4687fdc1.0":"2023-01-19T19:48:58.731Z","15.0.0-canary.b836b9892.0":"2023-01-24T22:38:53.031Z","15.0.0-canary.e8912fd37.0":"2023-01-26T18:29:25.712Z","15.0.0-canary.16fbd30ff.0":"2023-01-26T18:34:38.157Z","15.0.0-canary.033ae083a.0":"2023-01-26T19:26:31.351Z","15.0.0-canary.3a705fa1d.0":"2023-01-27T22:43:17.860Z","15.0.0-canary.d6bea2ff2.0":"2023-01-31T15:29:39.941Z","15.0.0-canary.0c94182c8.0":"2023-02-01T17:43:47.771Z","15.0.0-canary.15b221540.0":"2023-02-01T17:52:09.271Z","15.0.0-canary.eeebb8bba.0":"2023-02-01T18:21:52.671Z","15.0.0-canary.6a4b3f834.0":"2023-02-01T18:57:57.784Z","15.0.0-canary.b177b40e2.0":"2023-02-02T03:33:38.880Z","15.0.0-canary.d9f821042.0":"2023-02-02T17:37:32.648Z","15.0.0-canary.47c7deb19.0":"2023-02-03T09:08:35.666Z","15.0.0-canary.a16dbd1a6.0":"2023-02-04T06:14:11.495Z","15.0.0-canary.93416f87a.0":"2023-02-07T13:23:42.754Z","15.0.0-canary.49b8e7442.0":"2023-02-07T23:09:04.321Z","15.0.0-canary.de38de758.0":"2023-02-09T15:41:54.839Z","15.0.0-canary.4d62de70c.0":"2023-02-09T22:02:37.707Z","15.0.0-canary.6fcd8d418.0":"2023-02-13T11:49:31.122Z","15.0.0-canary.066d9439b.0":"2023-02-15T19:57:16.489Z","15.0.0-canary.7ab32468c.0":"2023-02-21T18:33:34.345Z","15.0.0-canary.fa27ba61d.0":"2023-02-27T16:19:06.042Z","15.0.0-canary.311ab4d4a.0":"2023-02-27T16:40:52.809Z","15.0.0-canary.901c83e77.0":"2023-02-27T18:05:40.383Z","15.0.0-canary.5cb8e2174.0":"2023-03-01T16:35:16.888Z","15.0.0-canary.f32339937.0":"2023-03-06T15:15:09.750Z","15.0.0-canary.7644d63d5.0":"2023-03-06T22:27:03.174Z","15.0.0-canary.d96330c08.0":"2023-03-08T11:41:22.160Z","15.0.0-canary.c99cae77c.0":"2023-03-08T23:42:28.187Z","15.0.0-canary.6023b1cd3.0":"2023-03-09T14:26:00.389Z","15.0.0-canary.274610c77.0":"2023-03-09T14:58:09.896Z","15.0.0-canary.a274583b9.0":"2023-03-09T19:52:14.697Z","15.0.0-canary.da22ca960.0":"2023-03-09T20:17:48.065Z","15.0.0-canary.304a94e8b.0":"2023-03-09T20:44:34.846Z","15.0.0-canary.6c265915c.0":"2023-03-09T21:46:53.751Z","15.0.0-canary.de5224633.0":"2023-03-09T23:55:21.127Z","15.0.0-canary.8879557e6.0":"2023-03-10T14:07:30.114Z","15.0.0-canary.23073a303.0":"2023-03-10T14:14:22.185Z","15.0.0-canary.51c7d4014.0":"2023-03-10T16:46:58.344Z","15.0.0-canary.1175a5be0.0":"2023-03-10T20:47:37.530Z","15.0.0-canary.7adf3af80.0":"2023-03-11T01:24:31.310Z","15.0.0-canary.82554d770.0":"2023-03-11T01:36:52.595Z","15.0.0-canary.93fc524b7.0":"2023-03-13T08:38:17.522Z","15.0.0-canary.50be0fbae.0":"2023-03-13T17:43:45.386Z","15.0.0-canary.6b5ffccd9.0":"2023-03-13T17:47:02.799Z","15.0.0-canary.1c8013f4e.0":"2023-03-13T18:02:09.933Z","15.0.0-canary.112715df5.0":"2023-03-13T18:38:44.539Z","15.0.0-canary.d250911f2.0":"2023-03-13T19:31:02.779Z","15.0.0-canary.7cd925c12.0":"2023-03-13T19:38:31.052Z","15.0.0-canary.b2ddacf73.0":"2023-03-13T19:42:58.573Z","15.0.0-canary.989ae2ecc.0":"2023-03-13T19:52:11.702Z","15.0.0-canary.89c66483a.0":"2023-03-13T20:15:59.247Z","15.0.0-canary.6a85742c2.0":"2023-03-14T02:46:56.510Z","15.0.0-canary.bb6cd78d5.0":"2023-03-14T18:16:18.747Z","15.0.0-canary.5f94aa37d.0":"2023-03-14T18:19:42.870Z","15.0.0-canary.1bd317240.0":"2023-03-14T18:23:30.224Z","15.0.0-canary.d441d2a2a.0":"2023-03-14T18:26:06.998Z","15.0.0-canary.fff4066c6.0":"2023-03-14T18:26:42.498Z","15.0.0-canary.87809c710.0":"2023-03-14T18:42:56.678Z","15.0.0-canary.48d30012d.0":"2023-03-14T18:47:19.728Z","15.0.0-canary.419b23cc6.0":"2023-03-14T18:58:19.260Z","15.0.0-canary.bf86521f4.0":"2023-03-14T23:12:58.457Z","15.0.0-canary.11f3d280e.0":"2023-03-15T00:10:49.386Z","15.0.0-canary.b281a409a.0":"2023-03-21T15:40:25.642Z","15.0.0-canary.39e473690.0":"2023-03-21T17:50:47.461Z","15.0.0-canary.cedffb44c.0":"2023-03-21T17:57:47.930Z","15.0.0-canary.36a4cba99.0":"2023-03-28T17:49:34.691Z","15.0.0-canary.ed7e82ded.0":"2023-03-28T20:34:07.631Z","15.0.0-canary.55093ee1e.0":"2023-03-29T18:47:54.924Z","15.0.0-canary.0c53abc81.0":"2023-04-07T01:40:41.389Z","15.0.0-canary.51311e69e.0":"2023-04-07T18:07:27.568Z","15.0.0-canary.113b1a38e.0":"2023-04-10T21:53:19.603Z","15.0.0-canary.ea2191426.0":"2023-04-11T21:55:09.385Z","15.0.0-canary.5a5c38538.0":"2023-04-11T22:29:52.541Z","15.0.0-canary.e4b5ea7eb.0":"2023-04-11T23:03:46.847Z","15.0.0-canary.a094dd9c1.0":"2023-04-14T22:42:02.375Z","15.0.0-canary.f771b091c.0":"2023-04-17T15:37:34.757Z","15.0.0-canary.79b1b612b.0":"2023-04-19T23:39:39.136Z","15.0.0-canary.6f50071e5.0":"2023-04-20T18:00:25.805Z","15.0.0-canary.ef754381c.0":"2023-04-24T20:50:27.720Z","15.0.0-canary.69ebf61ea.0":"2023-04-27T17:20:51.277Z","15.0.0-canary.b90be86de.0":"2023-04-29T00:21:07.980Z","15.0.0-canary.51f9c0c28.0":"2023-04-29T00:30:55.808Z","15.0.0-canary.4e840d685.0":"2023-05-02T15:33:01.338Z","15.0.0-canary.10b8563e4.0":"2023-05-02T23:41:24.735Z","15.0.0-canary.736b7fda4.0":"2023-05-03T15:08:55.717Z","15.0.0-canary.0e533c5a1.0":"2023-05-05T16:55:41.818Z","15.0.0-canary.5f01c15a2.0":"2023-05-05T17:25:50.069Z","15.0.0-canary.3b5b55e31.0":"2023-05-05T18:38:28.381Z","15.0.0-canary.d0788120f.0":"2023-05-09T08:22:32.912Z","15.0.0-canary.f52358dd0.0":"2023-05-12T14:29:54.055Z","15.0.0-canary.d3c3fbaa3.0":"2023-05-12T17:59:57.992Z","15.0.0-canary.576d3d2c8.0":"2023-05-16T01:59:31.337Z","15.0.0-canary.19bb36a46.0":"2023-05-16T19:53:32.626Z","15.0.0-canary.aa5ac7fe5.0":"2023-05-22T17:24:57.861Z","15.0.0-canary.90291f2e2.0":"2023-05-23T17:42:08.806Z","15.0.0-canary.446734f27.0":"2023-05-30T21:47:43.762Z","15.0.0-canary.19de312d8.0":"2023-06-06T17:17:47.508Z","15.0.0-canary.6081d829b.0":"2023-06-07T01:13:31.067Z","15.0.0-canary.b26c34a68.0":"2023-06-07T20:16:56.328Z","15.0.0-canary.4fe911371.0":"2023-06-07T23:05:24.771Z","15.0.0-canary.a9ff9866f.0":"2023-06-13T11:37:43.579Z","15.0.0-canary.b994146f6.0":"2023-06-14T21:03:03.820Z","15.0.0-canary.1fb4b1a06.0":"2023-06-27T18:56:39.229Z","15.0.0-canary.c64a2776e.0":"2023-06-27T20:15:55.239Z","15.0.0-canary.b05d9eb7c.0":"2023-06-29T16:23:11.276Z","15.0.0-canary.2a9697dc5.0":"2023-06-30T22:13:25.971Z","15.0.0-canary.0c52adeab.0":"2023-07-05T16:25:15.881Z","15.0.0-canary.83355c322.0":"2023-07-10T15:04:50.797Z","15.0.0-canary.bc9ae6c9c.0":"2023-08-03T21:20:21.227Z","15.0.0-canary.3c44cd956.0":"2023-08-07T17:46:34.070Z","15.0.0-canary.02702296e.0":"2023-08-25T12:04:26.530Z","15.0.0-canary.872b65832.0":"2023-08-30T12:12:46.070Z","15.0.0-canary.89b2e4122.0":"2023-08-31T16:06:10.695Z","15.0.0-canary.7a3942e7a.0":"2023-08-31T18:38:55.462Z","15.0.0-canary.54feb3020.0":"2023-09-11T21:04:33.818Z","15.0.0-canary.6cda3ce8d.0":"2023-09-12T01:44:29.284Z","15.0.0-canary.205b20b36.0":"2023-09-13T17:15:59.987Z","15.0.0-canary.22bf82024.0":"2023-09-18T09:11:20.675Z","15.0.0-canary.a246a4439.0":"2023-09-18T17:45:16.451Z","15.0.0-canary.d153db62b.0":"2023-09-19T19:14:33.227Z","15.0.0-canary.2528c1c3b.0":"2023-09-20T18:05:42.619Z","15.0.0-canary.1728a6dcf.0":"2023-09-26T01:22:33.654Z","15.0.0-canary.ebb636f3d.0":"2023-09-29T19:43:52.816Z","15.0.0-canary.c0d21ecc9.0":"2023-10-09T19:36:11.903Z","15.0.0-canary.127a44b28.0":"2023-10-12T19:59:25.172Z","15.0.0-canary.0ad128337.0":"2023-10-19T18:51:12.025Z","15.0.0-canary.9cec94097.0":"2023-10-19T23:08:47.236Z","15.0.0-canary.c51a0bbcc.0":"2023-11-15T20:58:18.469Z","15.0.0-canary.d76666ad4.0":"2023-11-27T22:12:41.119Z","15.0.0-canary.8656bf0e0.0":"2023-12-12T21:18:12.411Z","15.0.0-canary.7f224ddd4.0":"2023-12-28T06:08:41.547Z","15.0.0-canary.a0b8a90c0.0":"2024-02-07T19:19:05.082Z","15.0.0-canary.e50b478eb.0":"2024-02-08T18:07:33.629Z","15.0.0-canary.c43b3438b.0":"2024-02-23T20:17:04.436Z","15.0.0-canary.819498d8c.0":"2024-03-15T15:14:12.950Z","15.0.0-canary.453a6248a.0":"2024-03-25T17:13:05.637Z","15.0.0-canary.68edc03c6.0":"2024-04-08T19:05:19.266Z","15.0.0-canary.5bebc0064.0":"2024-04-11T21:39:54.862Z","15.0.0-canary.311f29a60.0":"2024-04-23T17:59:08.642Z","15.0.0-canary.65c10a622.0":"2024-04-25T18:48:16.568Z","15.0.0-canary.4b35cb7d0.0":"2024-05-02T12:02:23.614Z","15.0.0-canary.f80ac92b0.0":"2024-05-02T12:12:40.321Z","15.0.0-canary.2f5b899bc.0":"2024-05-20T13:54:19.230Z","15.0.0-canary.cfec83c74.0":"2024-05-20T18:56:16.833Z","15.0.0-canary.423edc3dc.0":"2024-06-26T18:11:43.755Z"},"readmeFilename":"","homepage":"https://github.com/material-components/material-components-web#readme"}